html {width: 100%; height: 100%; text-align: center;}
body {margin: 0; padding: 0; width: 100%; height: 100%; color: #c4c4c4; font-family: Verdana, Tahoma, Arial, sans-serif; background: #000; background-repeat: no-repeat;}
#body {width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 900 )? "900px" : "100%" && ((document.documentElement.clientWidth || document.body.clientWidth) > 1280)? "1280px" : "100%"); min-width: 900px; max-width: 1280px; text-align: left;}
#content {position: relative; width: 84%; left: 8%;}
img {border: 0;}
a {color: #1e59c7;}
a:hover, a:active {color: #9c1219;}
a.direct {text-decoration: none; border-bottom: 1px dashed; cursor: pointer; cursor: hand;}
.nobr {white-space: nowrap;}
.plus {position: relative; left: -0.75em;}
a.win {white-space: nowrap; padding-right: 15px; background: no-repeat 100% 50% url('ico_win.gif');}
a.win:hover, a.win:active {background: no-repeat 100% 50% url('ico_win_active.gif');}
li strong {color: #4f4f51; font-weight: normal;}
li strong a {color: #4f4f51;}
p {font-size: 75%; padding: 0; margin: 0 0 1.5em 0; line-height: 1.5em;}
.prelist {margin-bottom: 0.3em;}
.small {font-size: 75%;}
ul, ol {font-size: 80%; padding: 0; margin: 0 0 1.5em 0; line-height: 1.5em;}
ul li {list-style: none; margin: 0 0 0.5em 15px; padding-left: 15px; background: no-repeat 0 0.6em url('li.gif');}
ol li {margin: 0 0 0.5em 30px;}
li p, li ul, li ol {font-size: 100%;}
blockquote {color: #74777a; font-size: 100%; margin: 0; padding: 0 0 0 60px; font-style: italic;}
.note {padding-left: 60px;}
table {border: none; border-collapse: collapse;}
td {padding: 0; vertical-align: top;}
table.simple {font-size: 100%; margin-bottom: 1em; }
table.simple th {padding: 0 1.5em 0.75em 0; vertical-align: top; font-weight: normal; color: #74777a; font-size: 75%; width: 30%; font-style: italic; line-height: 1.5em;}
table.simple td {padding: 0 0 0.75em 0; vertical-align: top; font-size: 75%; line-height: 1.5em;}
form {margin: 0; font-size: 100%;}
form input, form textarea {color: #c4c4c4; border: 1px solid #74777a; background: #000; width: 97%; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 75%; overflow: hidden; padding: 0.5em; margin: 0 0 20px 0;}
.label {color: #74777a;}
input.error, textarea.error {color: #c61820; border: 1px solid #c61820;}
h1 {position: absolute; top: -23px; left: 0; height: 13px; margin: 0; font-weight: normal; color: #c61820; font-size: 150%; background-repeat: no-repeat;}
h1 span {display: none;}
h2 {color: #c61820; font-size: 100%; padding: 0; margin: 1.5em 0 0.5em 0; line-height: 1.5em;}
h2 a {color: #c61820;}
h3 {color: #c4c4c4; font-size: 75%; padding: 0; margin: 2em 0 0.5em 0; line-height: 1.5em; text-transform: uppercase;}
.first {margin-top: 0;}
.br {width: 100%; height: 1px; clear: both;}
.px {width: 100%; height: 100%;}
#header {position: relative; width: 100%; height: 160px; border-bottom: 1px solid #74777a;}
#logo_e-ton {position: absolute; width: 120px; text-align: center;}
#logo_e-ton {width: 120px; height: 120px;}
#logo_e-ton p {}
#logo_e-ton p a {color: #c4c4c4; text-decoration: none;}
#phone {position: absolute; top: 50px; right: 4.75%; width: 25%; color: #74777a;}
#phone div {position: relative; float: right; right: -1em;}
#phone strong {position: relative; left: -1em; color: #f2f2f2; white-space: nowrap;}
#menu {position: relative; width: 100%; height: 80px; border-bottom: 1px solid #74777a;}
#menu ul {position: relative; top: 35px; margin: 0;}
#menu li {position: absolute; margin: 0; padding: 0; background: none;}
#menu a, #menu strong {display: block; height: 14px; width: 100%; background-position: 0 0; background-repeat: no-repeat; text-decoration: none;}
#menu a:hover, #menu strong, #menu strong a {background-position: 0 100%;}
#menu strong {border: none;}
#menu span {display: none;}
#menu_about {left: 4.75%; width: 84px;}
#menu_about a, #menu_about strong {background-image: url('menu_about.gif');}
#menu_catalogue {left: 27%; width: 71px; margin-left: -35px;}
#menu_catalogue a, #menu_catalogue strong {background-image: url('menu_catalogue.gif');}
#menu_services {right: 44.5%; width: 63px; margin-right: -31px;}
#menu_services a, #menu_services strong {background-image: url('menu_services.gif');}
#menu_contacts {right: 4.75%; width: 228px;}
#menu_contacts a, #menu_contacts strong {background-image: url('menu_contacts.gif');}
#splash_placeholder {position: relative; width: 100%; height: 320px; border-bottom: 1px solid #74777a;}
#splash {z-index: 1; position: absolute; width: 100%; height: 240px; top: 280px; left: 0;}
#announcements {position: relative; width: 100%; padding: 40px 0 60px 0; border-bottom: 1px solid #74777a;}
#announcements h1 {width: 168px; background-image: url('h1_announcements.gif');}
#announcements table {width: 100%; height: 160px;}
#announcements td, .announcements {width: 50%; background-repeat: no-repeat; height: 160px}
.announcements {width: 100%;}
.grid {position: relative; display: block; width: 100%; height: 160px; background: url('grid.gif'); color: #000; text-decoration: none; font-size: 75%; cursor: hand; cursor: pointer;}
.grid:hover {background: none; color: #000; }
.grid span {position: absolute; display: block; bottom: 20px; right: 4.75%; width: 56%; padding: 0.5em 1em 1em 1em; line-height: 1.5em; cursor: hand; cursor: pointer;}
.grid strong {text-transform: uppercase; text-decoration: underline; margin: 0 0 0.5em 0;}
#news {position: relative; width: 100%; padding: 20px 0 60px 0; border-bottom: 1px solid #74777a;}
#news h1 {width: 158px; background-image: url('h1_news.gif');}
#news table {width: 100%;}
#news td {width: 33%;}
#news h3, .news h3 {margin-top: 0;}
#news div, .news div {height: 80px; background-repeat: no-repeat; margin: 0 0 1em 0;}
.news div {width: 69.5%;}
#news a.grid, .news a.grid {height: 80px;}
#news p, .news p {margin: 0 40px 0 0;}
#more {position: relative; width: 100%; padding: 20px 0 20px 0; border-bottom: 1px solid #74777a;}
#more h1 {width: 403px; background-image: url('h1_more.gif');}
#more p {color: #74777a;}
#navi {position: relative; width: 100%; padding: 40px 0 30px 0;}
#navi h1 {position: relative; top: auto; height: auto;}
#navi p {font-size: 70%; color: #74777a; margin: 0 0 0.25em 0;}
#navi a {color: #74777a;}
#chooser {position: relative; width: 100%; padding: 40px 0 60px 0; border-bottom: 1px solid #74777a;}
#brands {position: relative; width: 61.85%; float: left; border-top: 1px solid #74777a;}
#brands h1 {width: 47px; background-image: url('h1_brands.gif');}
#brands h1 span {display: none;}
#brands div {float: left; width: 33%; height: 100px;}
#brands a, #brands strong {display: block; width: 100%; height: 100px; cursor: pointer; cursor: hand;}
#brands a.passive {color: #424242; cursor: default;}
#brands span {position: relative; display: block; left: 50%;}
#brands a:hover span, #brands a:active span, #brands a.active span, #brands strong span {background-position: 0 100%;}
#brands a.passive span {background-position: 0 50%;}
#brands span span {display: none;}
#brand_porsche span {margin-left: -79px; width: 158px; height: 7px; top: 45px; background-image: url('logo_porsche.gif');}
#brand_tag span {margin-left: -20px; width: 40px; height: 42px; top: 28px; background-image: url('logo_tag.gif');}
#brand_vertu span {margin-left: -40px; width: 74px; height: 13px; top: 43px; background-image: url('logo_vertu.gif');}
#brand_dior span {margin-left: -28px; width: 56px; height: 23px; top: 38px; background-image: url('logo_dior.gif');}
#brand_mobiado span {margin-left: -46px; width: 91px; height: 14px; top: 43px; background-image: url('logo_mobiado.gif');}
#brand_nokia span {margin-left: -39px; width: 76px; height: 13px; top: 40px; background-image: url('logo_nokia.gif');}
#brand_iphone span {margin-left: -25px; width: 59px; height: 17px; top: 40px; background-image: url('logo_iphone.gif');}
#brand_swarovski span {margin-left: -38px; width: 75px; height: 41px; top: 28px; background-image: url('logo_swarovski.gif');}
/**#brand_sony span {margin-left: -34px; width: 69px; height: 16px; top: 41px; background-image: url('logo_sony.gif');}**/
#brand_sony span {margin-left: -38px; width: 75px; height: 14px; top: 43px; background-image: url('logo_sony.gif');}
#brand_ulysse_nardin span {margin-left: -59px; width: 118px; height: 31px; top: 33px; background-image: url('logo_ulysse_nardin.gif');}
/**#brand_apple span {margin-left: -15px; width: 30px; height: 34px; top: 28px; background-image: url('logo_apple.gif');}**/
#brand_apple span {margin-left: -40px; width: 80px; height: 25px; top: 35px; background-image: url('logo_apple.gif');}
#brand_asus span {margin-left: -33px; width: 66px; height: 14px; top: 42px; background-image: url('logo_asus.gif');}
#brand_other span {margin-left: -51px; width: 102px; height: 37px; top: 32px; background-image: url('logo_other.gif');}
#categories {position: relative; width: 33.4%; float: right; border-top: 1px solid #74777a;}
#categories h1 {width: 84px; background-image: url('h1_categories.gif');}
#categories h1 span {display: none;}
#categories div {float: left; width: 49.5%; height: 100px; text-align: center;}
#categories a, #categories strong {display: block; width: 100%; height: 100px; font-size: 75%; color: #c4c4c4; cursor: hand; cursor: pointer; font-weight: normal; line-height: 1.5em;}
#categories a:hover, #categories a:active, #categories a.active, #categories strong {color: #9c1219;}
#categories a.passive {color: #424242; cursor: default;}
#categories span {position: relative; display: block; width: 100%; height: 60px; text-align: left;}
#categories span span {text-align: center; left: 50%;}
#categories a:hover span span, #categories a:active span span, #categories a.active span span, #categories strong span span {background-position: 0 100%;}
#categories a.passive span span {background-position: 0 50%;}
#category_phones span span {margin-left: -8px; width: 16px; height: 37px; top: 11px; background-image: url('ico_phones.gif');}
#category_notebooks span span {margin-left: -20px; width: 39px; height: 24px; top: 18px; background-image: url('ico_notebooks.gif');}
#category_accessories span span {margin-left: -18px; width: 37px; height: 15px; top: 26px; background-image: url('ico_accessories.gif');}
#category_hi-fi span span {margin-left: -24px; width: 48px; height: 12px; top: 28px; background-image: url('ico_hi-fi.gif');}
#results {position: relative; width: 100%; padding: 20px 0; border-bottom: 1px solid #74777a;}
#results h1 {width: 92px; background-image: url('h1_results.gif');}
#results h1 span {display: none;}
#tns {margin-right: -33px;}
#results ins {margin: 0 33px 20px 0; display: -moz-inline-box; display: inline-block; width: 120px; text-decoration: none; vertical-align: top;}
#results a {display: block; width: 120px; font-size: 75%; cusor: hand; cursor: pointer; text-align: center; line-height: 1.5em;}
#results a:hover .grid, #results a:active .grid {background: none;}
#results span {display: block; width: 120px; height: 120px;}
#results .grid {height: 120px;}
#results img {position: absolute; top: 5px; left: 8px; width: 26px; height: 24px;}
#product {position: relative; width: 100%; border-bottom: 1px solid #74777a; padding: 0 0 60px 0;}
#product_left, #news_left, #announcements_left {position: relative; float: left; width: 47.75%;}
#news_left {padding-top: 5.4em;}
#announcements_left {padding-top: 7em;}
#photo {margin: 40px 0; height: 320px; width: 320px;} /*margin: 40px 0; */
#photo img {height: 320px; width: 320px;}
#photo_tns {padding: 0 0 30px 0;}
#photo_tns div {display: block; float: left; margin: 0; padding: 0; width: 80px; height: 80px;}
#photo_tns div a.grid {height: 80px;}
#photo_tns div a.activeSlide {background: none;}
#order {border-top: 1px solid #74777a; padding: 2em 0;}
#order_success {border-top: 1px solid #74777a; text-align: left; padding: 2em 0;}
#price {border-top: 1px solid #74777a; text-align: center;}
#price p {text-align: right; color: #74777a; font-size: 100%; margin: 1em 0 0 0; line-height: 1em;}
#price p span {font-size: 70%;}
input.btn {width: 120px; height: 120px; border: 0; margin: 0; background: no-repeat 0 0 url('btn_buy.gif'); cursor: hand; cursor: pointer;}
.news, .announcements {margin-bottom: 2.5em;}
#product_right, #news_right {position: relative; float: right; width: 47.75%;}
#product_right #navi, #news_right #navi {padding-bottom: 20px;}
#tabs {}
.tabs_controls {position: relative; z-index: 2; margin: 0;}
.tabs_controls li {float: left; font-style: italic; margin: 0; padding: 0; background: none;}
.tabs_controls li a {display: block; padding: 0.75em 1.25em; color: #c4c4c4; border-top: 1px solid #000;}
.tabs_controls .ui-tabs-selected a {border-top: 1px solid #74777a; border-bottom: 1px solid #000; color: #74777a; text-decoration: none;}
.tabs_controls #tab1.ui-tabs-selected {border-right: 1px solid #74777a; border-left: none;}
.tabs_controls .ui-tabs-selected {border-left: 1px solid #74777a; border-right: 1px solid #74777a;}
#tabs_content {position: relative; z-index: 1; top: -1px; clear: both; border-top: 1px solid #74777a;}
#tabs_content div {margin-top: 40px}
.year {}
.year ul {margin: 0;}
.year li {float: left; width: 24%; margin: 0 0 1em 0; padding: 0; background: none;}
.year a {color: #74777a;}
.year li strong, .year a:hover, .year a:active {color: #9c1219; font-weight: normal;}
#gallery {position: relative; width: 100%; padding: 20px 0 80px 0; border-bottom: 1px solid #74777a;}
#gallery h1 {width: 158px; background-image: url('h1_gallery.gif');}
#gallery table {width: 100%;}
#gallery td {width: 33%;}
#gallery div {height: 80px; background-repeat: no-repeat;}
#gallery a.grid {height: 80px;}
#txt {position: relative; width: 100%; border-bottom: 1px solid #74777a; padding: 0 0 60px 0;}
#txt_left {position: relative; float: left; width: 61.85%;}
#txt_right {position: relative; float: right; width: 33.4%;}
.photo {margin-bottom: 3em;}
.photo div {height: 80px; background-repeat: no-repeat; background-position: 0 50%; margin: 0 0 1em 0;}
.photo a.grid {height: 80px;}
.photo p {font-size: 70%; color: #74777a; margin: 0 40px 0 0;}
#submenu {font-size: 100%; border-top: 1px solid #74777a; margin-bottom: 3em;}
#submenu li {padding: 0; color: #c4c4c4; font-size: 75%; margin: 0; padding: 1.5em 0; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #74777a; background: none;}
#submenu a {color: #c4c4c4;}
#submenu a:hover, #submenu a:active {color: #9c1219;}
#footer {position: relative; width: 100%; height: 170px;}
#contacts {position: absolute; top: 20px;}
#footer_links {position: absolute; top: 20px; left: 33%; width: 33%; text-align: center;}
#guesswho {position: absolute; top: 20px; right: 4.75%;}
#footer_links a, #guesswho a {color: #c4c4c4;}
#footer_links a:hover, #footer_links a:active, #guesswho a:hover, #guesswho a:active {color: #9c1219;}
.ui-tabs .ui-tabs-hide {
display: none;
}
/*
ul.ui-tabs-nav { padding:0 0 0 8px; }
.ui-tabs-nav li { margin:5px 5px 0 0; }
.ui-tabs-nav li a:link,
.ui-tabs-nav li a:visited,
.ui-tabs-nav li a:hover,
.ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:#fff; }
.ui-tabs-nav li.ui-tabs-selected a:link,
.ui-tabs-nav li.ui-tabs-selected a:visited,
.ui-tabs-nav li.ui-tabs-selected a:hover,
.ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; }
.ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:1.4; color:#fff; }
.ui-widget-content a:link,
.ui-widget-content a:visited { color:#1b75bb; text-decoration:none; }
.ui-widget-content a:hover,
.ui-widget-content a:active { color:#0b559b; }
*/
#jquery-overlay {position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 100%;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox-container-image-box {position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image {padding: 0;}
#lightbox-loading {position: absolute; top: 0; left: 0%; height: 100%; width: 100%;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 35%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-secNav-btnClose {position: absolute; width: 40px; height: 40px; top: -40px; right: -40px;}
/*
#jquery-overlay {position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 100%;}
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox-container-image-box {position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto;}
#lightbox-container-image {padding: 0;}
#lightbox-loading {position: absolute; top: 0; left: 0%; height: 100%; width: 100%;}
#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav {left: 0;}
#lightbox-nav a {outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 35%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext {right: 0; float: right;}
#lightbox-secNav-btnClose {position: absolute; width: 40px; height: 40px; top: -40px; right: -40px;}
*/