@import url("reset.css");
html, body {
height:100%;
}
body {
font:62.5% 'trebuchet ms', sans-serif;
color:#666;
background:#FFF;
}
div.body {
min-width:1002px;
min-height:100%;
padding-bottom:1px;
background:url(../images/bkg-body.png) repeat-x 0 100%;
}
div.wrap {
width:1002px;
margin:0 auto;
min-height:810px;
}
/* General for content */
p.quoted {
text-indent:-0.5em;
}
a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
/* Switchers (to be set to )
------------------------------------------------------*/
body.banner-off .banner {
display:none;
}
/* Layout
------------------------------------------------------*/
.header {
position:relative;
height:182px;
margin-left:50px;
color:#979797;
}
.header h1, .header h1 i, .header p, .header p i {
position:absolute;
z-index:1;
}
.header .logo {
width:490px;
height:110px;
right:0;
top:7px;
}
.header .logo a {
display:block;
height:110px;
cursor:pointer;
}
.header .logo i {
width:100%;
height:110px;
left:0;
top:0;
background:url(../images/logo.png) no-repeat;
}
.header p.slogan {
width:300px;
height:45px;
left:20px;
top:94px;
font-size:1.5em;
font-style:italic;
}
.header p.slogan * {
font-style:italic;
}
.header p.slogan b {
font-size:1.5em;
}
.header p.phone {
width:155px;
height:22px;
right:118px;
top:144px;
font-size:1.4em;
font-weight:700;
}
.header p.phone i {
width:100%;
height:27px;
left:0;
top:0;
background:url(../images/txt-phone.png) no-repeat;
}
.header b.b__ {
position:absolute;
width:870px;
height:96px;
bottom:-19px;
background:url(../images/bkg-header.32.png) no-repeat;
}
/* Navigation
------------------------------------------------------*/
.navigation {
position:relative;
z-index:1000;
width:820px;
padding-top:25px;
margin:-25px 0 0 75px;
background:url(../images/selector.png) no-repeat;
overflow:hidden;
}
.navigation ul {
width:820px;
height:36px;
background:#868686 url(../images/spr-menu.png) no-repeat;
overflow:hidden;
}
.navigation li {
float:left;
font-size:1.5em;
height:36px;
margin:0 10px 0 0;
}
.navigation li a {
position:relative;
display:block;
height:36px;
color:#FFF;
text-align:center;
text-transform:uppercase;
overflow:hidden;
cursor:pointer;
}
.navigation li a i {
position:absolute;
width:820px;
height:200px;
left:0;
top:-50px;
background:url(../images/spr-menu.png) no-repeat;
}
.navigation li a:hover i {
margin-top:-50px;
}
.navigation li#item-1 {
width:56px;
margin-left:0px;
}
.navigation li#item-1 a i {
left:-16px;
}
.navigation li#item-2 {
width:78px;
}
.navigation li#item-2 a i {
left:-82px;
}
.navigation li#item-3 {
width:77px;
}
.navigation li#item-3 a i {
left:-170px;
}
.navigation li#item-4 {
width:82px;
}
.navigation li#item-4 a i {
left:-257px;
}
.navigation li#item-5 {
width:46px;
}
.navigation li#item-5 a i {
left:-349px;
}
.navigation li#item-6 {
width:55px;
}
.navigation li#item-6 a i {
left:-405px;
}
.navigation li#item-7 {
width:85px;
}
.navigation li#item-7 a i {
left:-465px;
}
.navigation li#login {
float:right;
width:122px;
margin-right:10px;
}
.navigation li#login a i {
left:-688px;
}
.navigation li#login.on {
width:150px;
}
.navigation li#login.on a i {
left:-660px;
margin-top:-100px;
}
.navigation li#login.on a:hover i {
margin-top:-100px;
}
/* selected items */
#home.navigation {
background-position:20px 0;
}
#services.navigation {
background-position:95px 0;
}
#support.navigation {
background-position:180px 0;
}
#about.navigation {
background-position:265px 0;
}
#news.navigation {
background-position:350px 0;
}
#blog.navigation {
background-position:415px 0;
}
#contacts.navigation {
background-position:460px 0;
}
#home.navigation li#item-1 a i, #services.navigation li#item-2 a i, #support.navigation li#item-3 a i, #about.navigation li#item-4 i, #news.navigation li#item-5 a i, #blog.navigation li#item-6 a i, #contacts.navigation li#item-7 a i {
margin-top:-100px;
}
/* BreadCrumbs
------------------------------------------------------*/
ul.breadcrumbs {
position:relative;
z-index:1000;
width:802px;
height:19px;
padding:5px 0 0 18px;
margin-left:75px;
background:#333;
}
ul.breadcrumbs li {
display:inline;
font-size:1.2em;
color:#FFF;
}
ul.breadcrumbs li a {
color:#F9AE3B;
}
ul.breadcrumbs li a:hover {
color:#FFF;
}
ul.breadcrumbs li span {
color:#B1B1B1;
}
/* Fix
------------------------------------------------------*/
.margin {
display:block;
height:0px;
overflow:hidden;
border:0px;
margin:0;
font-size:0px;
}
/* Auth
------------------------------------------------------*/
div.auth {
position:relative;
z-index:50;
color:#CACACA;
width:815px;
margin:0 0 0 75px;
padding:18px 0 20px 5px;
background:#666 url(../images/bkg-auth.png) no-repeat 0 100%;
overflow:hidden;
}
div.auth .input-a {
float:left;
margin-left:25px;
}
div.auth .link {
float:left;
font-size:1.2em;
width:100px;
padding-top:30px;
margin:0 13px 0 5px;
}
div.auth a {
color:#F9AE3B;
}
div.auth a:hover {
color:#FFF;
}
div.auth .checkbox-a {
float:left;
width:110px;
padding-top:20px;
}
div.auth .login {
float:right;
margin:8px 2px 0 0;
}
/* Banner
------------------------------------------------------*/
div.banner {
position:relative;
width:820px;
margin:0 0 0 75px;
}
div.banner img {
display:block;
}
div.banner .button-a {
position:absolute;
right:12px;
top:55px;
}
/* Intro panel
------------------------------------------------------*/
div.intro {
position:relative;
min-height:173px;
background:#FFF url(../images/grd-intro.24.png) repeat-x 0 100%;
}
div.intro .int__ {
width:830px;
overflow:hidden;
}
div.intro i.int__bottom {
position:absolute;
width:830px;
height:40px;
left:0;
bottom:-40px;
background:url(../images/crn-shd-intro.32.png) no-repeat;
}
/* Defining layout
*/
div.intro.right-sided {
}
div.intro.right-sided .main {
float:right;
width:515px;
padding:32px 50px 0 0;
text-align: justify;
text-justify: newspaper;
}
div.intro.right-sided .side {
float:left;
width:265px;
}
div.intro.left-sided {
}
div.intro.left-sided .main {
float:left;
width:515px;
padding:32px 0 0 50px;
text-align: justify;
text-justify: newspaper;
}
div.intro.left-sided .side {
float:right;
width:265px;
}
/* Defineing fonts
*/
div.intro.grey {
}
div.intro.grey h2 {
font-size:2.9em;
color:#666;
margin-bottom:0.3793em;
}
div.intro.grey p {
font-size:1.4em;
line-height:1.143em;
margin-bottom:0.5em;
color:#4D4D4D;
}
div.intro.blue {
}
div.intro.blue h2 {
font-size:2.0em;
color:#0071BA;
margin-bottom:0.55em;
}
div.intro.blue p {
font-size:1.6em;
line-height:1.19em;
margin-bottom:0.5em;
color:#4D4D4D;
}
div.intro .side .img-award-b {
margin:5px 0 0 32px;
}
div.intro .side .img-award-b p {
font-weight:700;
}
div.intro .side .img-s {
margin:20px auto 0 auto;
}
/* Staff
*/
div.intro div.inset {
margin:14px 0 0 10px;
}
div.intro a {
color:#0071BA;
}
.check-block {
position:relative;
z-index:100;
width:255px;
margin:0 0 20px 0;
padding:20px 0;
}
.check-block i {
position:absolute;
z-index:-1;
width:255px;
height:250px;
left:0;
background:url(../images/bkg-detail.32.png) no-repeat;
}
.check-block .checkblo__ {
position:relative;
padding:23px 23px 0 43px;
overflow:hidden;
}
.check-block i.t {
top:-40px;
}
.check-block i.b {
bottom:-20px;
height:40px;
}
div.check-block .checkblo__ p {
color:#4D4D4D;
}
div.check-block .checkblo__ p.button-a {
position:relative;
z-index:200;
margin:-13px 0 0 -33px;
}
div.check-block .checkblo__ p.button-a i {
}
/* Choice panel */
div.choice {
position:relative;
z-index:100;
width:830px;
min-height:323px;
background:#FFF url(../images/grd-choice.png) repeat-x 0 100%;
}
div.choice .choi__ {
width:830px;
overflow:hidden;
}
div.choice i.choi__bottom {
position:absolute;
left:0;
width:830px;
height:40px;
bottom:-40px;
background:url(../images/crn-shd-choice.32.png) no-repeat 0 100%;
}
div.choice ul {
}
div.choice ul li {
font-size:1.4em;
line-height:1.14em;
color:#666;
}
div.choice .left {
float:left;
width:404px;
min-height:126px;
padding-top:207px;
}
div.choice .left i.img {
position:absolute;
width:196px;
height:192px;
left:186px;
top:32px;
background:url(../images/cnt-home-services.32.png) no-repeat
}
div.choice .left a.img {
position:absolute;
text-indent:-999px;
width:110px;
height:100px;
bottom:155px;
left:auto;
right:490px;
overflow:hidden;
}
div.choice .left ul {
position:absolute;
width:170px;
bottom:161px;
right:640px;
}
div.choice .left li {
text-align:right;
}
div.choice .left .button-a {
margin-left:208px;
}
div.choice .right {
float:right;
width:404px;
min-height:126px;
padding-top:207px;
}
div.choice .right i.img {
position:absolute;
width:273px;
height:218px;
left:415px;
top:12px;
background:url(../images/cnt-business-services.32.png) no-repeat
}
div.choice .right a.img {
position:absolute;
text-indent:-999px;
width:170px;
height:115px;
bottom:155px;
left:auto;
left:470px;
overflow:hidden;
}
div.choice .right ul {
position:absolute;
width:150px;
bottom:161px;
left:670px;
;
}
div.choice .right li {
}
div.choice .right .button-a {
margin-left:37px;
}
div.choice a {
color:#0071BA;
}
i.hr {
position:absolute;
top:20px;
left:405px;
width:3px;
height:261px;
background:url(../images/hr-choise.png) no-repeat;
}
/* Inset */
div.inset {
position:relative;
z-index:10;
width:227px;
padding-top:40px;
}
div.inset .ins__ {
position:relative;
width:145px;
min-height:128px;
padding:0 37px 0 50px;
overflow:hidden;
}
div.inset .ins__ p {
font-size:2.1em;
line-height:1.05em;
color:#808080;
}
div.inset i {
position:absolute;
z-index:-1;
left:0;
width:100%;
height:200px;
background:url(../images/bkg-inset.32.png) no-repeat 0 100%;
}
div.inset i.top {
top:0;
height:40px;
}
div.inset i.bottom {
bottom:-40px;
}
div.paper {
position:relative;
z-index:100;
padding:20px 0;
margin:-20px 0 23px 50px;
}
div.pap__ {
position:relative;
width:830px;
padding:0 20px;
background:url(../images/bkg-elastic.32.png) repeat-y;
}
div.paper i.pap__top {
position:absolute;
z-index:-1;
width:870px;
left:0;
top:-20px;
height:40px;
background:url(../images/bkg-paper-top.32.png) no-repeat;
}
div.paper i.pap__bottom {
position:absolute;
display:block;
z-index:-1;
width:870px;
left:0;
bottom:-20px;
height:40px;
background:url(../images/bkg-paper-bottom.32.png) no-repeat;
}
div.home-paper div.pap__ {
position:relative; /* padding-bottom:30px; background:#5D5D5D;*/
}
i.corners {
position:absolute;
left:20px;
bottom:-20px;
width:830px;
height:20px;
}
/* Buttons
------------------------------------------------------*/
/* Button with height 28px (“small button”)
*/
.button-a {
position:relative;
height:28px;
padding:9px;
margin:-9px;
overflow:hidden;
}
.button-a i {
position:absolute;
height:46px;
top:0;
background:url(../images/btn-a-shadow.32.png) no-repeat;
}
.button-a i.l {
left:-27px;
right:auto !important;
width:100%;
}
.button-a i.r {
left:auto !important;
right:0;
width:27px;
}
.button-a a {
position:relative;
display:block;
text-indent:-9999px;
color:#AAF;
font-size:1.6em;
height:20px;
padding:4px 7px;
overflow:hidden;
}
.button-a a i {
width:700px;
height:90px;
cursor:pointer;
background:url(../images/spr-button-a.32.png) no-repeat;
}
.button-a a:hover {
color:#99A;
}
.button-a a:hover i {
margin-top:-50px;
}
/* views of buttons */
.button-a.home {
width:125px;
}
.button-a.home a i {
left:0;
}
.button-a.business {
width:150px;
}
.button-a.business a i {
left:-150px;
}
.button-a.read-all {
width:108px;
}
.button-a.read-all a i {
left:-320px;
}
.button-a.check {
width:216px;
}
.button-a.check a i {
left:-470px;
}
.button-a.home {
width:125px;
}
.button-a.home a i {
left:0;
}
/* Button with height 40px (“large button”)
*/
.button-b {
position:relative;
height:40px;
padding:9px;
margin-top:-9px;
overflow:hidden;
}
.button-b i {
position:absolute;
height:66px;
top:0;
background:url(../images/btn-b-shadow.32.png) no-repeat;
}
.button-b i.l {
left:-35px;
width:100%;
}
.button-b i.r {
right:0;
width:35px;
}
.button-b a {
position:relative;
display:block;
color:#AAF;
font-size:1.6em;
height:32px;
padding:4px 7px;
overflow:hidden;
}
.button-b a i {
width:700px;
height:90px;
text-indent:-9999px;
cursor:pointer;
background:url(../images/spr-button-b.32.png) no-repeat;
}
.button-b a:hover {
color:#99A;
}
.button-b a:hover i {
margin-top:-50px;
}
/* views of buttons */
.button-b.check {
width:302px;
}
.button-b.check a i {
left:0;
}
.button-b.login {
width:132px;
}
.button-b.login a i {
left:-350px;
}
/* Button for UL scroller */
div.button-ul-s {
position:relative;
z-index:1;
width:60px;
height:140px;
overflow:hidden;
}
div.button-ul-s i {
position:absolute;
z-index:-1;
width:60px;
height:280px;
left:0;
background:url(../images/spr-button-ul-s.32.png) no-repeat;
}
div.button-ul-s a {
position:absolute;
width:20px;
height:36px;
top:52px;
text-indent:-1000px;
background:url(../images/spr-scroller.8a.png) no-repeat;
overflow:hidden;
}
div.button-ul-s.prev {
}
div.button-ul-s.prev i {
top:0;
}
div.button-ul-s.prev a {
left:8px;
background-position:0 0;
}
div.button-ul-s.prev a:hover {
background-position:-100px 0;
}
div.button-ul-s.prev a.disabled {
background-position:-50px 0;
}
div.button-ul-s.next {
}
div.button-ul-s.next i {
top:-140px;
}
div.button-ul-s.next a {
right:6px;
background-position:0 -50px;
}
div.button-ul-s.next a:hover {
background-position:-100px -50px;
}
div.button-ul-s.next a.disabled {
background-position:-50px -50px;
}
/* Button for DL scroller */
div.button-dl-s {
position:relative;
z-index:1;
width:64px;
height:125px;
overflow:hidden;
}
div.button-dl-s i {
position:absolute;
z-index:-1;
width:64px;
height:250px;
left:0;
background:url(../images/spr-button-dl-s.32.png) no-repeat;
}
div.button-dl-s a {
position:absolute;
width:20px;
height:36px;
top:42px;
text-indent:-1000px;
background:url(../images/spr-scroller.8a.png) no-repeat;
overflow:hidden;
}
/* States */
div.button-dl-s.prev {
}
div.button-dl-s.prev i {
top:0;
}
div.button-dl-s.prev a {
left:10px;
color:#FFF;
background-position:-50px 0;
}
div.button-dl-s.prev a:hover {
background-position:-100px 0;
}
div.button-dl-s.prev a.disabled {
background-position:0 1px;
}
div.button-dl-s.next {
}
div.button-dl-s.next i {
top:-125px;
}
div.button-dl-s.next a {
right:8px;
color:#FFF;
background-position:-50px -50px;
}
div.button-dl-s.next a:hover {
background-position:-100px -50px;
}
div.button-dl-s.next a.disabled {
background-position:0 -50px;
}
/* Simple buttons
*/
div.button-o {
position:absolute;
z-index:100;
left:23px;
bottom:-16px;
overflow:hidden;
}
div.button-o a {
font-size:1.7em;
color:#CACACA;
}
div.button-o a:hover {
color:#1D99D5;
}
div.label {
height:5px;
padding:30px 0 0 20px;
background:#5c5c5c;
}
div.label p {
position:relative;
z-index:1000;
}
div.label a {
font-size:1.7em;
color:#F9AE3B;
}
div.label a:hover {
color:#FFF;
}
/* Middle Content ------------------------------------------------------*/
#slider {/*margin-top:-12px;*/
}
div.content {
color:#E4E4E4;
width:830px;
padding:50px 0 0 0;
background:#808080;
overflow:hidden;
}
div.content h2 {
font-size:2.5em;
line-height:1.2em;
margin-bottom:0.6em;
color:#FFF;
font-weight:700;
}
div.content h3 {
font-size:1.7em;
line-height:1.2em;
margin-bottom:0.5em;
padding-top:0.2em;
color:#FFF;
font-weight:700;
}
div.content ul {
list-style-type:disc;
}
div.content ul, div.content ol {
padding-left:1em;
margin:0 0 1.27em 45px;
}
div.content ul li, div.content ul li {
font-size:1.5em;
line-height:1.2em;
}
div.content p {
font-size:1.5em;
line-height:1.2em;
margin-bottom:1.27em;
}
div.content a {
color:#F9AE3B;
font-weight:700;
}
div.content p.intent-50 {
margin-right:-50px;
margin-left:50px;
}
div.content.lightgrey {
background:#808080 url(../images/grd-content-light.png) repeat-x 0 100%;
}
div.content.darkgrey {
background:#525252 url(../images/grd-content-dark.png) repeat-x 0 100%;
}
/* Layout tuning */
div.content.right-sided {
}
div.content.right-sided .main {
float:right;
width:400px;
padding:0 140px 50px 0;
text-align: justify;
text-justify: newspaper;
}
div.content.right-sided .side {
float:left;
width:250px;
padding-left:30px;
}
div.content.left-sided {
}
div.content.left-sided .main {
float:left;
width:395px;
padding:0 0 50px 85px;
text-align: justify;
text-justify: newspaper;
}
div.content.left-sided .side {
float:right;
width:259px;
padding-right:30px;
}
/* Side types */
/* Norton */
div.side.norton {
margin-top:0.5em;
}
div.norton h2 {
font-size:2em;
}
div.norton p {
font-size:1.3em;
}
div.norton ul {
margin-left:0;
padding-left:0;
list-style-type:none;
}
div.norton ul li {
font-size:1.3em;
line-height:1.231em;
margin-bottom:0.4615em;
}
div.norton ul li a {
font-weight:400;
}
/* Awards */
div.side.awards {
margin-top:-20px;
}
div.awards .img-a {
width:192px;
text-align:center;
margin:0 0 85px 25px;
}
div.awards .img-a img {
margin-bottom:-15px;
}
/* Authors */
div.side.authors {
margin-top:-20px;
}
/* Persons */
div.side {
}
div.person {
width:250px;
padding:20px 0 0 6px;
overflow:hidden;
}
.img-s {
position:relative;
z-index:1;
width:80px;
padding:20px;
margin-bottom:2px;
}
.img-s .img__ {
position:relative;
width:100%;
padding:20px 20px 0 20px;
margin:-20px -20px 0 -20px;
overflow:hidden;
}
.img-s img {
display:block;
}
.img-s i {
position:absolute;
z-index:-1;
background:url(../images/spr-img-decoration.32.png) no-repeat;
}
.img-s i.tl {
width:100%;
height:200px;
left:-20px;
top:-20px;
}
.img-s i.tr {
width:25px;
height:200px;
left:-20px;
top:-20px;
margin-left:100%;
}
.img-s i.bl {
width:100%;
height:20px;
left:-20px;
clip:rect(auto auto auto 20px);
}
.img-s i.br {
width:25px;
height:20px;
left:-20px;
margin-left:100%;
}
.img-s p {
position:absolute;
font-size:1.5em;
margin-left:100%;
left:-4px;
bottom:-2px;
width:125px;
}
div.desc {
padding:6px 0 0 22px;
}
div.desc p {
margin-bottom:0.357em;
;
}
div.desc p.phone span {
font-size:1.4em;
font-weight:700;
}
div.desc p.phone span.ext {
color:#F9AE3B;
}
div.diagramm {
margin-bottom:-14px;
}
div.content div.side .button-a.check {
position:absolute;
bottom:188px;
right:53px
}
/* Images */
div.img-award-b {
width:192px;
text-align:center;
margin:0 0 65px 25px;
}
div.img-award-b img {
margin-bottom:-15px;
}
/* forms */
div.form {
padding:40px 0 0 0;
background:#5E5E5E url(../images/grd-form.png) repeat-x 0 100%;
}
div.form div.set {
}
div.form div.set p.legend {
float:left;
width:250px;
font-size:2.1em;
color:#E4E4E4;
padding-top:14px;
text-align:right;
}
div.form div.set .setrow {
padding:10px;
width:560px;
margin-left:250px;
overflow:hidden;
}
div.form i.corners {
background:url(../images/bkg-form.32.png) no-repeat;
}
div.form .button-b {
margin-left:260px;
}
/* Accordion ------------------------------------------------------*/
.accordion {
position:relative;
width:870px;
padding-bottom:30px;
margin:-43px 0 13px 50px;
}
.accordion .accordi__ {
width:830px;
padding:20px 20px 0 20px;
background:url(../images/bkg-elastic.32.png) repeat-y;
}
.accordion i.accordi__bottom {
position:absolute;
display:block;
width:870px;
left:0;
bottom:-13px;
height:40px;
background: url(../images/bkg-accordion-bottom.32.png) no-repeat;
}
.accordion dl {
position:relative;
}
.accordion dt, .accordion dd {
position:relative;
}
.accordion dt {
margin-top:-11px;
height:61px;
background:url(../images/bkg-accordion-dt.32.png) no-repeat;
}
.accordion dt a {
display:block;
padding:28px 30px 0 30px;
height:31px;
font-size:1.8em;
line-height:1.2em;
color:#808080;
cursor:pointer;
}
.accordion dt a span {
float:left;
}
.accordion dt a em {
float:right;
font-size:0.667em;
font-style:normal;
font-weight:700;
color:#666;
}
.accordion dt a:hover em, .accordion dt a:hover span {
text-decoration:underline;
}
.accordion dt img {
position: absolute;
left: 600px;
top: 13px;
}
.accordion dd {
margin-top:-11px;
background:url(../images/bkg-accordion-dd.8a.png) no-repeat 0 100%;
}
.accordion dd .dd__ {
width:772px;
padding:40px 29px 40px 29px;
font-size:1.6em;
color:#F0F0F0;
overflow:hidden;
}
.accordion dd .main {
float:left;
width:520px;
text-align: justify;
text-justify: newspaper;
}
.accordion dd .check-block {
float:right;
padding-top:0;
margin:-30px -20px 0 0;
}
.accordion dd a {
color:#F9AE3B;
font-weight:700;
}
/* Tables ------------------------------------------------------*/
table {
width:400px;
border-collapse:separate;
border-spacing:5px;
margin:0 0 3em -5px;
padding-top:1em;
}
table tr {
}
table td {
font-size:1.5em;
color:#FFF;
background:#4D4D4D;
padding:6px 3px 8px 12px;
}
table th {
font-size:1.5em;
color:#FFF;
background:#666;
padding:8px 0 4px 12px;
border-bottom:10px solid #4d4d4d;
}
table td.corner, table th.corner {
background:url(../images/bkg-table.png) no-repeat;
}
table td.light-corner, table th.light-corner {
background:url(../images/bkg-table-light.png) no-repeat;
}
table td.light, table th.light {
background:#666;
}
table tr.underline {
}
table tr.underline td {
background:#0071BC;
}
table tr.underline td.light {
background:#29ABE2;
}
table tr.underline td.corner {
background:url(../images/bkg-table-underline.png) no-repeat;
}
table tr.underline td.light-corner {
background:url(../images/bkg-table-light-underline.png) no-repeat;
}
table td.tl, table th.tl, table tr.underline td.tl {
background-position:0 0;
}
table td.tr, table th.tr, table tr.underline td.tr {
background-position:100% 0;
}
table td.bl, table th.bl, table tr.underline td.bl {
background-position:0 100%;
}
table td.br, table th.br, table tr.underline td.br {
background-position:100% 100%;
}
/* Stylized Inputs ------------------------------------------------------*/
/* For request form
*/
.input-b {
position:relative;
z-index:1;
float:left;
margin:-5px 40px 5px 0;
}
.input-b .inp__ {
position:relative;
margin:0 0 0 -11px;
padding:10px 20px;
height:37px;
overflow:hidden;
}
.input-b label {
display:block;
padding-left:5px;
margin-right:-20px;
}
.input-b input {
width:100%;
background:transparent;
border:none;
font-size:2.1em;
color:#666;
}
.input-b i {
position:absolute;
z-index:-1;
height:183px;
top:-6px;
background:url(../images/spr-input-b.32.png) no-repeat;
}
.input-b i.l {
width:100%;
left:-24px;
}
.input-b i.r {
width:25px;
left:-24px;
margin-left:100%;
}
/* Views */
.input-b.phone {
width:246px;
}
.input-b.house {
width:99px;
}
.input-b.street {
width:220px;
}
.input-b.apt {
width:100px;
}
.input-b.zip {
width:100px;
}
.input-b.city {
width:180px;
}
.input-b.email {
width:400px;
}
/* States */
.input-b.focus i {
margin-top:-61px;
}
.input-b.error i {
margin-top:-122px;
}
.form label {
font-size:1.6em;
color:#CACACA;
}
/* For auth form */
.input-a {
position:relative;
z-index:100;
width:180px;
margin-left:11px;
}
.input-a .inp__ {
position:relative;
margin:0 0 0 -18px;
padding:8px 0 0 16px;
width:100%;
height:25px;
overflow:hidden;
}
.input-a label {
font-size:1.2em;
color:#CACACA;
}
.input-a input {
width:90%;
background:transparent;
border:none;
font-size:1.4em;
height:1.3em;
color:#666;
}
.input-a i {
position:absolute;
z-index:-1;
height:230px;
top:-5px;
left:-18px;
background:url(../images/spr-input-a.32.png) no-repeat;
}
.input-a i.l {
width:100%;
}
.input-a i.r {
width:18px;
margin-left:100%;
}
.input-a label {
display:block;
padding-left:5px;
margin-left:-5px;
}
/* States */
.input-a.focus i {
margin-top:-50px;
}
.input-a.error i {
margin-top:-100px;
}
.checkbox-a {
float:left;
z-index:100;
height:31px;
overflow:hidden
}
.checkbox-a .checkb__ {
position:relative;
float:left;
width:21px;
height:21px;
padding:5px;
overflow:hidden;
}
.checkbox-a i {
position:absolute;
z-index:1;
width:31px;
height:62px;
top:0;
left:0;
background:url(../images/spr-cbox-a.32.png) no-repeat;
}
.checkbox-a input {
display:block;
margin:5px;
width:13px;
height:13px;
border:0;
}
.checkbox-a label {
position:relative;
z-index:1;
display:block;
font-size:1.2em;
padding-top:8px;
}
/* States */
.checkbox-a.checked i {
margin-top:-31px;
}
/* Extra content ------------------------------------------------------*/
div.extra {
}
div.extra .ext__ {
}
i.ext__bottom {
position:absolute;
left:20px;
bottom:-20px;
width:830px;
height:20px;
}
div.extra h3 {
font-size:2.1em;
font-weight:700;
color:#CACACA;
}
div.extra .button-ul-s, div.extra .button-dl-s {
float:left;
}
/* Background tuning (apply to div.extra) */
div.extra.dark {
background:#4D4D4D;
}
div.extra.dark i.ext__bottom {
background:url(../images/bkg-content-dark.8a.png) no-repeat;
}
i.ext__bottom_dark {
background:url(../images/bkg-content-dark.8a.png) no-repeat;
}
div.extra.light {
background:#666 url(../images/grd-extra-light-top.png) repeat-x;
}
div.extra.light .ext__ {
min-height:100px;
background:url(../images/grd-extra-light-bottom.png) repeat-x 0 100%;
}
i.ext__bottom_light {
background:url(../images/bkg-content-light.8a.png) no-repeat;
}
/* Content blocks (to inner div) */
div.extra .persons {
width:810px;
padding:36px 0 0 20px;
overflow:hidden;
}
div.extra .persons .scroller-b {
float:left;
margin:0;
}
div.extra .persons .button-a {
float:right;
margin:46px 20px 0 -9px;
}
div.extra .persons .prev {
}
div.extra .persons .next {
margin:0 0 -30px -11px;
}
div.extra .history {
width:830px;
padding:13px 0 0 0;
overflow:hidden;
}
div.extra .history h3 {
margin:0 0 20px 57px;
}
div.extra .history .scroller-a {
float:left;
margin:0;
}
div.extra .history .button-a {
float:right;
margin:46px 20px 0 -20px;
}
div.extra .history .prev {
margin:-1px 0 -30px 14px;
}
div.extra .history .next {
margin:0 0 -30px -11px;
}
div.extra .services {
width:830px;
padding:13px 0 0 0;
overflow:hidden;
}
div.extra .services h3 {
margin:0 0 20px 57px;
}
div.extra .services .scroller-a {
float:left;
margin:0;
}
div.extra .services .button-a {
float:right;
margin:46px 20px 0 -20px;
}
div.extra .services .prev {
margin:-1px 0 -30px 14px;
}
div.extra .services .next {
margin:0 0 -30px -11px;
}
/* Scroller for testimonials, etc. */
div.scroller-a {
position:relative;
width:675px;
padding:0 0 0 20px;
overflow:hidden;
}
div.scroller-a ul {
width:675px;
overflow:hidden;
}
div.scroller-a li {
float:left;
width:135px;
}
div.scroller-a h4 {
font-size:2.4em;
margin-left:0;
color:#F9AE3B;
}
div.scroller-a p {
position:relative;
margin:0;
padding:0 5px 1em 5px;
font-size:1.2em;
min-height:75px;
color:#E4E4E4;
}
div.scroller-a a {
color:#E4E4E4;
}
div.scroller-a p i {
position:absolute;
left:0;
top:0;
width:1px;
height:300px;
background:#F9AE3B;
overflow:hidden;
}
div.scroller-a i.l {
position:absolute;
z-index:1;
width:20px;
height:200px;
top:0;
left:0;
background:url(../images/cvr-scroller-a-l.32.png) no-repeat;
}
div.scroller-line {
position:relative;
clear:both;
width:713px;
height:4px;
margin:0 auto;
background:url(../images/bkg-dl-scroller.png) no-repeat;
}
/* Scroller for history, etc. */
div.scroller-b {
position:relative;
width:535px;
padding:0 0 0 20px;
overflow:hidden;
}
div.scroller-b ul {
position:relative;
width:540px;
overflow:hidden;
}
div.scroller-b li {
position:relative;
float:left;
width:145px;
padding:5px 22px 2px 11px;
}
div.scroller-b li i {
position:absolute;
left:0;
top:0;
width:2px;
height:300px;
background:#8B8B8B;
}
div.scroller-b p {
font-size:1.1em;
line-height:1.45em;
color:#CACACA;
}
div.scroller-b p.person {
font-size:1.1em;
line-height:1.45em;
padding-top:19px;
margin-bottom:1.48em;
overflow:hidden;
}
div.scroller-b p.person strong {
font-size:1.27em;
color:#FFF;
}
div.scroller-b img {
float:left;
border:4px solid #808080;
margin:-19px 12px 0 0;
}
ul#footer {
width:600px;
margin:0 auto 1em auto;
padding-bottom:1em;
overflow:hidden;
}
#footer li {
float:left;
font-size:1.2em;
margin:0 .4em 0 0;
}
#footer li a {
color:#666;
text-transform:uppercase;
}
#footer li a:hover {
color:#0071BA;
}