body {background: #197fca url('/img/bg/body.png') 0 0 repeat-x; text-align: center; color:#333;}

/* LAYOUT */
#mother {margin: 0 auto; text-align: left; width: 734px; padding: 240px 43px 35px 73px; position: relative;}
#footer, #main {position: relative; padding: 0 2px; margin: 12px 0 21px; background: url('/img/bg/main.png') 0 0 repeat-y; position: relative; z-index: 2;}
#footer .corners-top, #main .corners-top {position: absolute; top: -12px; left: 0; height: 13px; width: 734px; background: url('/img/bg/main-corners-top.png') 0 0 no-repeat;}
#footer .corners-bottom, #main .corners-bottom {position: absolute; bottom: -11px; left: 0; height: 11px; width: 734px; background: url('/img/bg/footer-corners-bottom.png') 0 0 no-repeat;}
#main .inBox {background: #fff url('/img/bg/main-in.png') 0 0 repeat-x; padding: 3px 15px 1px; min-height: 150px; _height: 150px;}

/* HEADER */
#header {position: absolute; left: -65px; top: 0; height:300px; overflow: hidden; width: 980px;}
#header .h1 {position: absolute; left: 165px; top: 20px; margin: 0; padding: 0; font-size: 250%; color: #197fca; line-height: 1;}
#header .h1 strong {color: #fff; text-transform: uppercase;}
#header .claim {position: absolute; right: 115px; top: 29px; margin: 0; padding: 0; font-size: 167%; color: #197fca; line-height: 1;}
#header .claim strong {color: #fff;}

/* LOGOS */
#logo-main {position: absolute; left: 0; top: 20px; z-index: 3;}
#logo-sub {position: absolute; right: 0; top: 45px; z-index: 3;}

/* MAIN MENU */
#main-menu {position: absolute; left: 130px; top: 75px; width: 765px; background: url('/img/bg/main-menu-shadow.png') 0 100% repeat-x; z-index: 2; padding: 0 0 3px 0;}
#main-menu ul {background: #fff url('/img/bg/main-menu.png') 0 100% repeat-x; padding: 0 10px 0 33px;}
#main-menu li {float: left; display: inline; background: url('/img/bg/main-menu-li.png') 0 100% no-repeat; padding: 0 0 0 1px;}
#main-menu li.first {background: none;}
#main-menu a {display: block; line-height: 35px; text-decoration: none; color: #0f2e3d; font-size: 108%; padding: 0 10px;} 
#main-menu a:hover, #main-menu .active a {background: url('/img/bg/main-menu-hover.png') 0 100% repeat-x; color: #197fca;} 

/* PRODUCT MENU */
#product-menu {position: absolute; left: 65px; top: 110px; width: 860px; padding: 0 0 3px; z-index: 1; font-size:14px;}
#product-menu ul {padding: 0 0 0 54px;} 
#product-menu li {float: left; display: inline; width: 150px; margin-right:9px;}
#product-menu h3 {margin: 0; font-size: 100%; text-align: center;} 
#product-menu a {display: block; text-decoration: none; color: #fff; padding: 10px 0;} 
#product-menu a[href]:hover{text-decoration:underline;}
#product-menu img {display: block; margin: 0 auto -20px;} 

/* BREADCRUMB */
#breadcrumb {font-size: 92%; margin: 0 0 10px; padding: 0 0 11px; border-bottom: 1px solid #F4F4F5;}
#breadcrumb strong {font-weight: normal;}

/* ANNOT BOX */
#annot-box {margin: 0 0 20px;}
#annot-box h1, #annot-box h2 {margin: 0 0 0.1em; font-size: 200%;}
#annot-box p {font-size: 117%; margin: 0;}

/* FORM */
.form {background: #fafafa; padding: 20px; margin: 20px 0;}
.form h2 {margin-top: 0;}
.form label {display: inline-block; width: 150px; vertical-align: top; text-align: right; margin: 0 10px 0 0; font-weight: bold;}
.form .submit {padding: 5px 10px; border: none; background: #2C3B60; color: #fff; font-weight: bold; cursor: pointer;}
.form .block {display: block; width: 100%; text-align: left; margin: 0 0 2px;}

/* CROSSROAD */
.crossroad li {padding: 0 0 20px 170px; overflow: hidden; zoom: 1;}
.crossroad li p, .crossroad li .title{margin: 0 0 3px;}
.crossroad .img {text-align: center; float: left; display: inline; width: 150px; margin: 4px 0 0 -170px;}
.crossroad .img img {display: block; margin: 0 auto;}

/* TABS */
.hide-tab {display: none;}
.tab-fragment {border-top: 1px solid #cecdcd; margin: 0 -15px 20px; padding: 25px 15px 1px; background: url('/img/bg/main-in.png') 0 -35px repeat-x;}
.tab-fragment h3.first, .tab-fragment h2.first {margin-top: 0;}
.tab-fragment h3, .tab-fragment h2 {margin: 1.5em 0 0.5em; font-size: 150%;}
.tab-list {margin: 30px 0 0; padding: 0;}
.tab-list li {float: left; display: inline; background: none; padding: 0; margin: 0 2px -2px 0;}
.tab-list li a{float:left; background:white url('/img/bg/tabs.png') 0 0 no-repeat; text-decoration:none; color:#333333; cursor:pointer; outline: none; border-bottom: 1px solid #cecdcd;}
.tab-list li a span{float:left; padding:6px 10px 5px; background: url('/img/bg/tabs.png') 100% -150px no-repeat;}
.tab-list li.active{margin-top:0; position:relative; z-index:10;}
.tab-list li.active a, .tab-list li a:hover{background-color:#f3f3f6; background-position:0 -300px;}
.tab-list li.active a span, .tab-list li a:hover span{background-position:100% -450px;}
.tab-list li.active a{font-weight:bold; border-bottom: 1px solid #E5ECEF;}

/* PARAMS BOX */
.params-box .hide {padding: 1px 0;}
.params-box .item-middle {float: left; display: inline; width: 34%; margin: 0;}
.params-box .item-first {float: left; display: inline; width: 30%; margin: 0 3% 0 0;}
.params-box .item-last {float: left; display: inline; width: 30%; margin: 0 0 0 3%;}

/* CONTACT */
.contact p {font-size: 108%; padding:0 0 0 100px;}
.contact p strong {float:left; display:inline; margin-left:-100px; width: 100px;}

/* FOOTER */
#footer {font-size: 92%; color: #666; margin-top: 32px;}
#footer .inBox {padding: 0 15px 3px;}
#footer p {margin: 0; line-height: 1;}
#footer .corners-top {background: url('/img/bg/footer-corners-top.png') 0 0 no-repeat;}
#footer .r a {text-decoration: none; color: #666;}
#footer .r a:hover {text-decoration: underline; color: #666;}

/* ATT IMAGES */
.att-images ul {overflow: hidden; zoom: 1;}
.att-images ul li {float: left; display: inline; padding: 0 15px 15px 0;}
.att-images a {float: left; display: inline; border: 3px solid #C9D7DE; padding: 2px;}
.att-images img {vertical-align: middle;}

/* BANNERS */
.bnrs {margin: 0 0 0 -15px;}
.bnrs h2 {margin: 0 0 0 15px;}

/* ACCESSORIES */
#accessories{position:absolute; right:-100px; top:242px;}

/* MOTIVE */
/*.motive-bl {position: absolute; bottom: 0; left: -56px; width: 250px; height: 171px; background: url('/img/bg/motive-bl.png') 0 0 no-repeat; z-index: 1;}
.motive-br {position: absolute; bottom: 0; right: -81px; width: 265px; height: 184px; background: url('/img/bg/motive-br.png') 0 0 no-repeat; z-index: 1;}*/