* {margin: 0; padding:0;}

html, body {height:100%;}
body {text-align:center; background: #e7e8ed;}
body, table { font-family: Tahoma, Arial, Helvetica, sans-serif;  color:#333; font-size:10pt;}

img {border: 0 none;}
.clearer { clear:both; height:1px; padding:1px;}

p {margin: 0.6em 0;}

h1 {display:none}
h2 {font-size:20pt; font-family:Tahoma, sans-serif; font-weight:normal; color:#000; margin:0 0 0 0; height:30px; background-position:0 0; background-repeat:no-repeat;}
h2 span {display:none;}
h3 {font-size:14pt; font-family:Tahoma, sans-serif; font-weight:normal; color:#333; margin:0;}
h3 span {display:none;}
h4 {font-size:120%; font-weight:normal; color:#333; margin:1.5em 0 -0.6em 0;}
h5 {font-size:100%; font-weight:bold; color:#333; margin:1.5em 0 -0.6em 0;}
h6 {font-size:80%; font-weight:bold; color:#333; margin:1.5em 0 -0.6em 0;}



a:link, a:visited {color:#33c;}
/* a:hover {color:#e89c15;} */
a:hover {color:#c00;}
#container { margin:-2px auto; text-align:left; height:auto; min-height:100%; width:761px; padding:1px 0; position:relative;}
* html #container {height:100%;}

#content { background:url(/img/des/header-mid.gif) 0 0 repeat-y #fff; margin-top:8px; position:relative;}
#head {background:url(/img/des/header-top.gif) 0 0 no-repeat; height:60px;}
#logo {width:134px; height:36px; display:block; float:left; margin:12px 0 0 12px;}
* html #logo {margin-left:6px;}
#searchpad {background:url(/img/des/bg_searchpad.gif) 8px 20px no-repeat; margin-top:10px; float:right; padding-right:14px; text-align:right; width:218px;}
#searchpad span {margin:0 0 4px 28px; display:block; text-align:left;}
#searchpad #txtfield {width:130px; margin-left:28px; height:14px; line-height:14px; font-size:14px; display:block; float:left; padding-top:2px;}
* html #searchpad #txtfield {margin-left:14px;}
#searchpad #button {height:17px; width:48px; background:url(/img/des/searchbutt.gif) 0 0 no-repeat; border:none; float:right; margin:2px 0 0 2px; font-size:12px; color:#0000FF; text-decoration:underline; cursor:pointer; padding:0 0 2px 0;}


#phone {float:right; border-right:1px solid #ccc; margin:10px 8px 0 0px; padding:0 10px 0px 0; line-height:15px;}
#phone span, #phone a {display:block; margin-bottom:6px;}
#phone .phone, #phone .phone span {display:inline; margin-bottom:0;}
.phone {font-family:Arial, Helvetica, sans-serif;}
.phone span {font-size:14pt;}
.phonecode {font-size:8pt; color:#858585;}
#searchpad, #phone { font-size:8pt;}


#menu {width:745px; height:44px; background:url(/img/des/menu.gif) 0 0 no-repeat; margin:2px auto 8px;}
#menu ul { padding:3px 20px;}
* html #menu ul { padding-left:14px;}
#menu ul li { float:left; height:36px; padding-left:0; overflow:hidden; margin:0 6px; background:none;}
#menu ul li a { height:36px; padding:0 12px; display:block;}

#menu_1 a { background:url(/img/des/menu_1.gif) 50% 50% no-repeat; width:60px;}
#menu_2 a { background:url(/img/des/menu_2.gif) 50% 50% no-repeat; width:111px;}
#menu_3 a { background:url(/img/des/menu_3.gif) 50% 50% no-repeat; width:86px;}
#menu_4 a { background:url(/img/des/menu_4.gif) 50% 50% no-repeat; width:124px;}
#menu_5 a { background:url(/img/des/menu_5.gif) 50% 50% no-repeat; width:139px;}

#menu ul li a:link, #menu ul li a:visited { background-color: transparent;}
#menu ul li a:hover { background-color:#ffd27e;}

#menu ul li a.curr  { background-color:#ffd27e;}

#menu span { height:1px; text-indent:-1000px; font-size:8pt; display:block;}

/* ---Headings2---*/
#main h2 {background-image:url(/img/des/heading2_main.gif); margin-top:16px;}
#about h2 {background-image:url(/img/des/heading2_about_top.gif);}
#how h2 {background-image:url(/img/des/heading2_about-vizitka.gif);}
#examples h2 {background-image:url(/img/des/heading2_examples.gif);}
.designs h2 {background-image:url(/img/des/heading2_designs.gif);}
#advantages h2 {background-image:url(/img/des/heading2_advantages.gif);}
.anketa h2 {background-image:url(/img/des/heading2_order.gif);}
#scheme h2 {background-image:url(/img/des/heading2_scheme.gif);}
#promo1 #h2-1 {background-image:url(/img/des/heading2_promo1.gif);}
#promo1 #h2-2 {background-image:url(/img/des/heading2_advantages.gif); margin-top:1em;}
#price h2 {background-image:url(/img/des/heading2_price.gif);}

#promo {background:url(/img/des/promo-support.jpg) 0 0 no-repeat #fff1b0; height:281px; border: solid #a4a7af; border-width:1px 0; margin:0 1px; position: relative; padding:0 0 0 300px;}
#promo_list {width:303px; height:233px; background:url(/img/des/bg_promo_list.gif) 0 0 no-repeat; overflow:hidden;}
#promo_list ol {list-style:none; font-size:8pt; margin-top:-6px;}
#promo_list ol li {background:none; margin:43px 0 0 31px; height:13px; line-height:13px;}
#promo_list ol li span {display:none;}
#promo_links {padding:29px 0 0 6px;}
#promo_link_left {display:block; width:132px; height:30px; float:left;}
#promo_link_left span {display:none;}
#promo_link_right {padding-top:5px; float:right;}
#promo_link_right a {font-size:11pt;}
#zamanuha {display:block; width:158px; height:186px; position:absolute; right:-43px; top:60px; background:url(/img/des/zamanuha8eur.gif) 0 0 no-repeat;}
* html #zamanuha { right:-44px;}

#benefits {background:url(/img/des/header-bot.gif) 0 100% no-repeat; min-height:154px;}
* html #benefits {height:154px;}
#benefits1, #benefits2, #benefits3 { float:left; margin-left:20px; width:233px; min-height:154px;}
* html #benefits1, * html #benefits2, * html #benefits3 { margin-left:10px; height:154px;}
#benefits1, #benefits2 { border-right:1px solid #a4a7af;}

#benefits1 {background:url(/img/des/benefit1.gif) 0 8px no-repeat; position:relative;}
#benefits2 {background:url(/img/des/benefit2.gif) 0 8px no-repeat;}
#benefits3 {background:url(/img/des/benefit3.gif) 0 8px no-repeat;}

#benefits1 p {margin:32px 0 0 2px; font-size:8pt;}
#benefits1_link {display:block; width:224px; height:154px; position:absolute; top:0; left:0;}
#benefits2 p {margin:32px 140px 0 2px; font-size:8pt;}

#menu_copy, #copyright { text-align:center; font-size:8pt; margin-top:4px; color: #777;}
#menu_copy ul, #menu_copy li { display:inline;}
#menu_copy li { margin-right:4px; background:none; padding-left:0;}

#menu_copy ul li a:link, #menu_copy ul li a:visited { color: #777;}
#menu_copy ul li a:hover { color:#f90;}

#menu_copy ul li a.curr  { color: #777; font-weight:bold;}
#menu_copy ul li a.curr:hover  { color: #777;}

#copyright { padding-bottom:6px;}

.botleft, .botright { font-size:8pt; width:330px; padding:30px 20px 0; color: #aaa;}
.botleft h4, .botright h4 { margin:0.2em 0; font-weight:bold; font-size:8pt; color: #aaa;}
.botleft { float: left;}
.botright { float: right;}

#main_text {background:url(/img/des/header-bot.gif) 0 100% no-repeat; min-height:20px; padding:20px;}
* html #main_text {height:20px;}

/* --About Vizitka-- */
.vizitka_about {border-bottom:1px solid #d0d0d0; padding-left:230px; height:178px; padding-top:10px;}

.vizitka_about ul {list-style:none; padding:6px 0 10px 0;}
.vizitka_about ul li {padding-left:10px; background:url(/img/des/bull.gif) 1px 7px no-repeat; margin-bottom:6px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.vizitka_about a {padding-left:10px;}
#about_1 {background:url(/img/des/bg_about_a1.jpg) 0 0 no-repeat; height:166px;}
#about_2 {background:url(/img/des/bg_about_a2.jpg) 0 0 no-repeat; height:178px;}
#about_3 {background:url(/img/des/bg_about_a3.jpg) 0 0 no-repeat; height:168px; border:0 none;}

/* - Plates -*/
		.plate-gr {background:#e7e8ed url(/img/des/plate-gr-tl.gif) 0 0 no-repeat; margin:20px 0;}
		.plate-gr div {background:url(/img/des/plate-gr-tr.gif) 100% 0 no-repeat;}
		.plate-gr div div {background:url(/img/des/plate-gr-br.gif) 100% 100% no-repeat;}
		.plate-gr div div div {background:url(/img/des/plate-gr-bl.gif) 0 100% no-repeat; padding:22px 20px;}

		.plate-or {background:#ffe7b0 url(/img/des/plate-or-tl.gif) 0 0 no-repeat; margin:20px 0;}
		.plate-or div {background:url(/img/des/plate-or-tr.gif) 100% 0 no-repeat;}
		.plate-or div div {background:url(/img/des/plate-or-br.gif) 100% 100% no-repeat;}
		.plate-or div div div {background:url(/img/des/plate-or-bl.gif) 0 100% no-repeat; padding:22px 20px;}
		
		.plate-gr div div div div, .plate-or div div div div {background: none; padding:0;}
		* html .plate-gr, * html .plate-or { height:1px; position:relative;}
		

		/**/
		.plate-img { float:left; width:199px; height:175px; margin:0 -199px 0 0;}
		.plate-text { margin:0 0 0 220px;}		
		.choosedesign { display:block; width:204px; height:34px; background:url(/img/des/btn_choosedesign.gif) 0 0 no-repeat;}
		.choosedesign span {display:none;}
		
		.btn_gray {background:url(/img/des/btn_gray-r.gif) 100% 0 no-repeat; height:23px; display:block;}
		.btn_gray div {background:url(/img/des/btn_gray-l.gif) 0 0 no-repeat; height:23px; line-height:23px; padding:0 7px; cursor:pointer;}
		
/* - Designs - */
#designs #main_text {padding-right:0;}
.designsblock {float:left; width:512px; margin:-38px -34px 0 0;}
#categories {float:left; width:190px; margin-right:38px;}
#categories div div div div {padding:14px 13px;}
#categories p {padding-left:13px;}
#categories ul {list-style:none;}
#categories ul li {font-size:8pt; margin-bottom:2px;}
#design_image {float:left; width:220px; height:210px; margin-right:34px; text-align:center;}
#design_image img {display:none;}
#design_imageblock {width:220px; height:180px; border:1px solid #b9b9b9; display:block; background-position:0 0; background-repeat:no-repeat;}

#selectors {width:230px; height:22px; margin:18px auto; padding-right:34px;}
#selectors a {display:block; height:22px; padding-top:1px;}
#sel_prev {float:left; padding-left:26px; width:82px; height:22px; background:url(/img/des/bg_selectors_prev.gif) 0 0 no-repeat;}
#sel_next {float:right; padding-left:10px; width:98px; height:22px; background:url(/img/des/bg_selectors_next.gif) 100% 0 no-repeat;}

.microtable { float:right; margin:4px 0 1.6em -231px; width:231px;}
#first_microtable {margin-top:0;}
.adv_descr {margin:-6px 251px 1.6em 0;}
.microtable table { border-collapse:collapse;}
.microtable td { text-align:center; background-color:#c4f0b8; border:1px solid #aaadb4; width:114px; height:60px;}
.redtd {background-color:#fdaeae !important;}
.microtable thead td { background-color:#ffbd38; height:32px; font-size:8pt; font-weight:bold;}

/* - Design - */
.design h2 {background-image:url(/img/des/heading2_designs.gif);}
.design h3 {margin:5px 0 8px 0;}
.design .btn_gray {width:154px; cursor:pointer;}
#selectors_design div { float:left; min-height:10px;}
#selectors_design div span {font-size:8pt; color:#999;}
#sel_de_left, #sel_de_right {width:164px;}
#sel_de_center {width:393px; text-align:center;}
#design_bimage {background-position:0 0; background-repeat:no-repeat; width:500px; height:411px; float:left;}
#design_bimage img {display:none;}
#design_textright {float:right; width:190px;}
#design_choose {display:block; width:194px; height:36px; background:url(/img/des/bg_butt_designchoose.jpg) 0 0 no-repeat; margin-top:10px;}
#design_choose span {display:none;}
#design_textright #imageselected {height:170px; margin-top:10px;}
#design_textright #imageselected img {margin-top:8px;}
#design_textright #imagenotselected {height:40px; margin-top:10px;}

#about_iv1, #about_iv2 { height:520px; width:716px;}
#about_iv1 {background:url(/img/des/bg_about_vi_main1.jpg) 0 0 no-repeat; margin:0 auto;}
#about_iv2 {background:url(/img/des/bg_about_iv_main2.gif) 0 0 no-repeat;}
#about_iv2, #about_sw2 {display:none;}
#about_sw1, #about_sw2 { margin:25px 0 10px 25px;}
#about_sw1 a:link, #about_sw1 a:visited, #about_sw2 a:link, #about_sw2 a:visited {text-decoration:none; border-bottom:1px dashed;}

.tablecont { margin:12px 0;} 
.tablecont table { border:1px solid #aaadb4; margin:-5px 0; z-index:1;}
.tabletop { height:5px; background:url(/img/des/tab-tr.gif) 100% 0 no-repeat; z-index:2; position:relative;}
.tabletop div { height:5px; background:url(/img/des/tab-tl.gif) 0 0 no-repeat;}
.tablebot { height:5px; background:url(/img/des/tab-br.gif) 100% 0 no-repeat;}
.tablebot div { height:5px; background:url(/img/des/tab-bl.gif) 0 0 no-repeat;}
.tablecont table thead td { background-color:#ffdc8a; font-weight:bold; font-size:8pt; border-bottom:1px solid #aaadb4;}
.tablecont table td { padding:3px 3px 3px 10px;}
.tablecont table td.padded { padding-left:30px;}
.tablecont table .dark td {background-color: #e7e8ed;}


#anketa #standard { float:right; width:250px; margin-left:-250px; padding-top:16px;}
#anketa #ordercont { margin-right:270px;}
#anketa #ordercont h3 { margin-top:1.2em; clear:left;}

.bulleted { list-style:none; margin-left:1em;}
.bulleted ul { list-style:none; margin-left:1em;}

.bulleted li { padding-left:8px; background:url(/img/des/bull-1.gif) 0 7px no-repeat;}
.bulleted ul li { padding-left:8px; background:url(/img/des/bull-2.gif) 0 7px no-repeat;}

#anketa #main_text label { width:150px; float:left; clear:left; margin:6px 0 2px 0;}
#anketa #main_text input, #anketa #main_text select { width:248px; margin:6px 0 2px 0;}

.required label { font-weight:bold;}
#anketa #main_text .submit { text-align:right;}
#anketa #main_text .submit input { width:auto;}
#anketa #main_text .submit input[type="submit"] { padding:2px 20px; letter-spacing:1px}

#anketa #main_text textarea { width:404px; height:162px; margin-bottom:8px}

#anketa #design_sel { float:left; width:194px; overflow:hidden; margin-right:16px; margin-bottom:10px;}
#anketa #picture_sel { float:left; width:194px; overflow:hidden; margin-bottom:10px;}

#anketa #imageimg, #anketa #designimg { margin:6px 0; border:1px solid #a4a7af; display:block;}

#anketa #progressbar {display:none; border:1px solid #d60;}
#anketa #progressbar div { height:1.2em; line-height:1.2em; background-color:#f90; border-right:1px solid #d60; text-align:right; color:#333; width:50%; overflow:hidden;}

* html #anketa #SWFUploadTarget { margin-top:-16px !important;}


.msg_success {background:#eefcec url(/img/des/msg_success-br.gif) 100% 100% no-repeat;}
.msg_success div {background:url(/img/des/msg_success-bl.gif) 0 100% no-repeat;}
.msg_success div div {background:url(/img/des/msg_success-tr.gif) 100% 0 no-repeat;}
.msg_success div div div {background:url(/img/des/msg_success-tl.gif) 0 0 no-repeat; padding:8px 16px;}
.msg_success div div div div {background: none; padding:0;}


.msg_fail {background:#fcecee url(/img/des/msg_fail-br.gif) 100% 100% no-repeat !important;}
.msg_fail div {background:url(/img/des/msg_fail-bl.gif) 0 100% no-repeat !important;}
.msg_fail div div {background:url(/img/des/msg_fail-tr.gif) 100% 0 no-repeat !important;}
.msg_fail div div div {background:url(/img/des/msg_fail-tl.gif) 0 0 no-repeat !important; padding:8px 16px !important;}
.msg_fail div div div div {background: none !important; padding:0 !important;}


.msg_success h2 {font-size:14pt; font-family:Tahoma, sans-serif; font-weight:normal; color:#1f8518; margin:0;}
.msg_fail h4 {font-size:10pt; font-family:Tahoma, sans-serif; font-weight:bold; color:#d48084; margin:0;}

/*- Drops -*/
#drops {font-size:11.5pt; margin-bottom:16px;}
#creation {float:left; height:20px;}
#drops ul {display:block; float:left; overflow:hidden;}
#drops ul li {display:block; float:left; margin-left:-16px; margin-right:32px; background:url(/img/des/bg_drops_grayl.gif) 0 0 no-repeat; height:20px; padding-left:28px;}
#drops ul li div {background:url(/img/des/bg_drops_grayr.gif) 100% 0 no-repeat; padding-right:4px; height:20px; float:left;}
#drops ul li.selected {background:url(/img/des/bg_drops_orangel.gif) 0 0 no-repeat;}
#drops ul li.selected div {background:url(/img/des/bg_drops_oranger.gif) 100% 0 no-repeat;}

.selected a:link,.selected a:visited,.selected a:hover { color:#333; font-weight:bold; text-decoration:none;}


.msg_fail {color:#d48084;}
.msg_fail ul { margin-left:1.4em; list-style:disc;}
label.warning {color:#d48084;}
input.warning {border:1px solid #d48084;}

/*- About -*/
#about #main_text ul li, #about #main_text ol li {margin: 5px 0 0 20px}
#about #main_text ul, #about #main_text ol {margin-bottom:10px}
#about #main_text .iv_order_button {background: transparent url(/img/des/bg_order_button.gif) no-repeat scroll 0pt; display:block; float:right; height:38px; margin-top:10px; width:139px;}
#about h3 {margin:1em 0 0.5em 0;}
.about_block {border-bottom:1px solid #D0D0D0; padding-bottom:1em;}
#anchors_list {list-style:none;}
#anchors_list a {text-decoration:none; border-bottom:1px dashed;}
.anchor_up {text-align:right; font-size:7pt;}

/*- Promo -*/
#promo1 .plate-img {width:136px; height:167px; margin:0 -136px 0 0;}
#promo1 .plate-text {margin-left:156px;}

.siteorder {display:block; width:117px; height:36px; background:url(/img/des/btn_siteorder.gif) 0 0 no-repeat;}
.siteorder span {display:none;}
#price .siteorder {margin:5px auto 0 auto;}
#pricelink {background:url(/img/des/bg_design_pricelink.gif) 0 0 no-repeat; display:block; width:163px; height:39px; padding:3px 0 0 10px; margin-top:10px;}
#design_textright p {margin:0.3em;}
#design_textright ul ul {font-size:8pt;}
/*- SE -*/
#design_image a span {display:none}
#firstHead {position:absolute; top:8px; left:-115px; border:1px solid #999; background:#eee; padding:4px; width:100px; font-size:11px;}
#secondHead {position:absolute; left:0px; bottom:-100px; border:1px solid #999; background:#eee; padding:4px; width:761px; font-size:11px;}
#firstHead p, #secondHead p {margin:0;}
