* { margin:0; padding:0;}
html,body { height:100%; text-align:center;}
body { background:#fff url(../img/bg-body.gif) 0 0 repeat-x;}
body#index { background:#fff url(../img/bg-body-index.gif) 0 0 repeat-x;}
body,table { font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#333;}
a:link, a:visited { color:#1543ab;}
a:hover { color:#ed1c24;}
a img { border:0 none;}
#container, #footer { width:960px;}
#container { margin:0 auto; height:auto; min-height:100%; position:relative;}
* html #container { height:100%;}
#empty { height:85px; overflow:hidden; clear:both;}
#footer { height:65px; overflow:hidden; margin:-65px auto 0 auto; background:#445664 url(../img/bg-footer.gif) 0 0 repeat-x; color:#fff; z-index:99; position:relative;}
#footer a:link, #footer a:visited { color:#bfcbd5; text-decoration:underline;}
#footer a:hover { color:#fffe20; text-decoration:underline;}
#copy { float:left; width:200px; text-align:left; background:url(../img/bg-footer-left.gif) 0 0 no-repeat; padding:24px 0 0 16px;}
#copy span { color:#bfcbd5;}
#footer .phone {float:right; background:url(../img/bg-footer-right.gif) 100% 0 no-repeat; padding:16px 16px 0 0; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:20pt; font-weight:bold;}
#footer .phone small {font-size:14pt; color:#bfcbd5; vertical-align:5%;}
#footer .phone b {vertical-align:4px; font-size:14pt; }
#footer #support {float:left;}
#menu2 { padding-top:24px;}
#header { height:108px; overflow:hidden; padding:1px 20px 0 20px; text-align:left;}
#index #header {background: url(../img/bg-head-index.jpg) 0 100% no-repeat; height:375px;}
#logo { display:block; width:72px; height:79px; overflow:hidden; background: url(../img/logo.gif) 0 0 no-repeat; float:left; margin-top:15px; position:relative;}
#logo h1, #logo span {display:block; margin:0; padding-top:100px;}
#client {display:block; width:140px; height:23px; line-height:23px; text-indent:8px; overflow:hidden; background: url(../img/bg-clients.gif) 0 0 no-repeat; float:right; margin-top:29px;}
a#client:link, a#client:visited { color:#ed1c24; text-decoration:none;}
a#client:hover { color:#111; text-decoration:none;}
p { margin:0.6em 0;}
ul {margin:0.6em 0; list-style:none;}
ul li {margin:0.2em 0; padding-left:20px;}
.red {color:#ef343b;}
.green {color:#2ac131;}
.clearer { clear:both; height:1px; overflow:hidden;}
#menu1 { list-style:none; padding-left:176px; margin:0;}
#menu1 li {float:left; margin-right:12px; padding:29px 0 0 0; height:23px; line-height:23px;}
#menu1 li.curr { background:url(../img/bull-curr.gif) 50% 20px no-repeat;}
#menu1 li a:link, #menu1 li a:visited { color:#111; text-decoration:underline;}
#menu1 li a:hover { color:#ed1c24; text-decoration:none;}
#menu1 li.curr a:link, #menu1 li.curr a:visited { color:#ed1c24; text-decoration:none;}
#menu1 li.curr a:hover { color:#ed1c24; text-decoration:none;}
#rightphone {float:right; margin-top:24px; padding-left:20px; margin-left:-90px;}
#promo { float:right; width:345px; padding-top:40px; position:relative;}
/* #promo { clear:right;} */
#promo h1 { height:33px; overflow:hidden; background: url(../img/txt-site_creation.gif) 0 0 no-repeat;}
#promo h1 span {display:block; margin:0; padding-top:100px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:20pt;}
#promo ol { list-style:none; margin-top:20px; padding:0; position:relative;}
#promo ol li {margin-bottom:16px; *margin-bottom:13px; padding:0; zoom:1;}
#promo ol li p { margin:-1px 0 0 2px; padding:0;}
#promo i { float:left; clear:left; width:34px; height:34px; margin:0 18px 0 0; overflow:hidden; background: 0 0 no-repeat;}
#promo .one i { background-image: url(../img/bull-one.gif)}
#promo .two i { background-image: url(../img/bull-two.gif)}
#promo .three i { background-image: url(../img/bull-three.gif)}
#promo em { position:absolute; width:348px; height:213px; overflow:hidden; background: 0 0 no-repeat; display:none; top:0; left:0; margin-top:-4px; margin-left:-6px;}
#promo .one em { background-image: url(../img/pop-fast.gif);}
#promo .two em { background-image: url(../img/pop-quality.gif);}
#promo .three em { background-image: url(../img/pop-best_price.gif);}
#promo h2 { height:22px; overflow:hidden; background: 0 0 no-repeat; margin:0;}
#promo .one h2 { background-image: url(../img/txt-fast.gif)}
#promo .two h2 { background-image: url(../img/txt-quality.gif)}
#promo .three h2 { background-image: url(../img/txt-best_price.gif)}
#promo h2 span {display:block; margin:0; padding-top:100px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:14pt;}
#header .phone { font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:20pt; font-weight:bold;}
#header .phone small {font-size:14pt; color:#ed1c24; vertical-align:5%;}
#header .phone b {vertical-align:4px; font-size:14pt; }
#index #header .phone {background: url(../img/bull-gt.gif) 15px 10px no-repeat; padding-left:52px;}
#index #content { text-align:left; padding-top:40px; padding-left:10px;}
#block1, #block2, #block3 { width:207px; float:left;}
#rightblock {float:right; width:200px;}
#block1, #block2 { margin-right:40px;}
#block3 { margin-right:0px;}
#index #content .pic { display:block; height:103px; background: 0 0 no-repeat; text-decoration:none; margin-bottom:20px; cursor:pointer;}
#index #content .pic strong { height:60px; display:block; line-height:17pt; text-align:right; padding:16px 5px 0 0; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-size:20pt;}
#index #content a.pic:link strong, #content a.pic:visited strong,
#index #content a.pic:hover strong {color:#333;}
#index #content .pic span {display:block; height:17px; margin-bottom:10px; margin-right:8px; background-image:url(../img/plus.gif); background-repeat:no-repeat;}
#index #content a.pic:link span, #content a.pic:visited span { background-position:-50px 100%;}
#index #content a.pic:hover span { background-position:100% 100%;}
#index #block1 .pic {background-image: url(../img/block-1.jpg)}
#index #block2 .pic {background-image: url(../img/block-2.jpg)}
#index #block3 .pic {background-image: url(../img/block-3.jpg)}
#block1 h3, #block2 h3, #block3 h3 {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:14pt; font-weight:bold; margin:8px 0 0 0 !important; padding-left:6px;}
#block1 h3 a:link, #block2 h3 a:link, #block3 h3 a:link,
#block1 h3 a:visited, #block2 h3 a:visited, #block3 h3 a:visited { color:#333; text-decoration:underline;}
#block1 h3 a:hover, #block2 h3 a:hover, #block3 h3 a:hover { color:#ed1c24; text-decoration:underline;}
#content .blocktext { height:134px; overflow:hidden; padding-left:6px;}
#content .order { display:block; width:98px; height:31px; margin-left:6px; overflow:hidden; background: url(../img/btn-order.gif) 0 0 no-repeat;}
#content .order span { display:block; padding-top:100px;}
#content .readmore { display:block; width:117px; height:31px; margin-left:6px; overflow:hidden; background: url(../img/btn-readmore.gif) 0 0 no-repeat;}
#content .readmore span { display:block; padding-top:100px;}
#features { margin-bottom:20px;}
#features i {display:block; background: url(../img/bg-features-top.gif) 0 0 no-repeat; height:14px; overflow:hidden;}
#features b {display:block; background: url(../img/bg-features-bot.gif) 0 0 no-repeat; height:14px; overflow:hidden;}
#features div {font-size:8pt; background: url(../img/bg-features.gif) 0 50% no-repeat; padding:1px 10px 1px 20px; min-height:128px;}
* html #features div {height:128px;}
#features h5 { font-weight:bold; font-size:8pt; margin:0}
#features ul {list-style:none; padding:4px 0; margin:0}
#features ul li {margin:10px 0 0 0; padding-left:16px; background: url(../img/bull.gif) 0 4px no-repeat;}
#ad { padding-left:5px;}
#top-info { margin:0 10px; background: 0 0 no-repeat; height:290px; overflow:hidden; text-align: left;}
#top-info .leftcol { margin:0 60px 0 330px; padding-top:20px; width:310px; float:left;}
* html #top-info .leftcol { margin-left:165px;}
#top-info .leftcol h2 {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:22pt; font-weight:bold; margin:0 0 18px 0;}
#top-info .leftcol h2 small {font-size:14pt; color:#555;}
#top-info .leftcol ul { list-style:none; margin-top:1em;}
#top-info .leftcol ul li { margin:0.5em 0; padding-left:20px; background: url(../img/bull-boy.gif) 0 5px no-repeat;}
#top-info .rightcol { width:180px; float:left; padding-top:70px;}
#top-info .packprice {font-family:Georgia, "Times New Roman", Times, serif; font-size:55pt; margin-bottom:20px; text-align: right;}
#vizitka #top-info {background-image: url(../img/bg-info-bcard.jpg)}
#vizitka #top-info .order {background: url(../img/btn-order-y.gif) 0 0 no-repeat;}
#site #top-info {background-image: url(../img/bg-info-site.jpg)}
#site #top-info .order {background: url(../img/btn-order-b.gif) 0 0 no-repeat;}
#shop #top-info {background-image: url(../img/bg-info-shop.jpg)}
#shop #top-info .order {background: url(../img/btn-order-y.gif) 0 0 no-repeat;}
#mid-info {margin:0 25px; text-align: left;}
#mid-info .leftcol { float:left; width:315px; padding-top:20px;}
#mid-info .rightcol { padding:20px 0;}
#mid-info .leftcol h2 {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:22pt; font-weight:bold; margin:0 0 18px 0}
#mid-info .leftcol h2 small {font-size:14pt; color:#919ea9;}
#samples {margin:0 10px; background: url(../img/bg-samples.gif) 0 0 repeat-x; text-align:left; clear:left;}
#samples .top {height:14px; overflow:hidden; background: url(../img/bg-samples-lt.gif) 0 0 no-repeat;}
#samples .top div {height:14px; overflow:hidden; background: url(../img/bg-samples-rt.gif) 100% 0 no-repeat;}
#samples .cont {min-height:182px; padding:0 15px;}
* html #samples .cont {height:182px;}
#samples .bot {height:14px; overflow:hidden; background: url(../img/bg-samples-lb.gif) 0 0 no-repeat; clear:left;}
#samples .bot div {height:14px; overflow:hidden; background: url(../img/bg-samples-rb.gif) 100% 0 no-repeat;}
#samples h4 {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; margin-bottom:12px;}
#samples li { float:left; width:154px; margin:0 33px 0 0; padding:0;}
#samples li.s5 {margin:0;}
#samples li .pic {display:block; width:152px; height:118px; background: 0 0 no-repeat; text-decoration:none; border:1px solid #94a1a9; position:relative;}
#samples li .pic span {display:block; width:19px; height:19px; background-image: url(../img/lupa.gif); background-repeat:no-repeat; position:absolute; top:100%; right:0; margin-top:4px;}
#samples li a.pic:link span, #samples li a.pic:visited span { background-position:0 0;}
#samples li a.pic:hover span { background-position:-19px 0;}
#samples li div { padding-right:24px;}
#vizitka #samples li.s1 .pic {background-image: url(../img/samples/bcard-1.jpg);}
#vizitka #samples li.s2 .pic {background-image: url(../img/samples/bcard-2.jpg);}
#vizitka #samples li.s3 .pic {background-image: url(../img/samples/bcard-3.jpg);}
#vizitka #samples li.s4 .pic {background-image: url(../img/samples/bcard-4.jpg);}
#vizitka #samples li.s5 .pic {background-image: url(../img/samples/bcard-5.jpg);}
#site #samples li.s1 .pic {background-image: url(../img/samples/site-1.jpg);}
#site #samples li.s2 .pic {background-image: url(../img/samples/site-2.jpg);}
#site #samples li.s3 .pic {background-image: url(../img/samples/site-3.jpg);}
#site #samples li.s4 .pic {background-image: url(../img/samples/site-4.jpg);}
#site #samples li.s5 .pic {background-image: url(../img/samples/site-5.jpg);}
#shop #samples li.s1 .pic {background-image: url(../img/samples/shop-1.jpg);}
#shop #samples li.s2 .pic {background-image: url(../img/samples/shop-2.jpg);}
#shop #samples li.s3 .pic {background-image: url(../img/samples/shop-3.jpg);}
#shop #samples li.s4 .pic {background-image: url(../img/samples/shop-4.jpg);}
#shop #samples li.s5 .pic {background-image: url(../img/samples/shop-5.jpg);}
#content h3 {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:14pt; font-weight:bold; text-align:left; margin:24px 0 12px 0;}
#content .packfeatures { margin:0 10px;}
#content .packfeatures h3 { padding:0 0 0 13px;}
#content .packfeatures table { border-bottom:2px solid #445664;}
#content .packfeatures table td { padding:6px 13px; text-align:center;}
#content .packfeatures table .odd td { background:#f5f5f5;}
#content .packfeatures table td.left { text-align:left;}
#content .packfeatures table thead td { background:#bfcbd5; vertical-align:top; padding:10px 13px;}
#content .packfeatures table thead td.left { background:#bfcbd5 url(../img/bg-packtables-l.gif) 0 0 no-repeat; vertical-align:middle;}
#content .packfeatures table thead td.right { background:#bfcbd5 url(../img/bg-packtables-r.gif) 100% 0 no-repeat;}
#content .packfeatures .order {margin:6px auto; background: url(../img/btn-order-b.gif) 0 0 no-repeat;}
#content .packfeatures table tfoot td { background:#bfcbd5; vertical-align:top; padding:10px 13px;}
#vizitka #content .packfeatures table td.curr {background:#fff9f2;}
#vizitka #content .packfeatures table .odd td.curr {background:#f1ecbf;}
#vizitka #content .packfeatures table thead td.curr { background:#8f7c46; color:#fff !important;}
#vizitka #content .packfeatures table td.curr .order { background: url(../img/btn-order-dy.gif) 0 0 no-repeat;}
#vizitka #content .packfeatures table tfoot td.curr { background:#8f7c46;}
#site #content .packfeatures table td.curr {background:#f4f4ff;}
#site #content .packfeatures table .odd td.curr {background:#d5dde4;}
#site #content .packfeatures table thead td.curr { background:#5c7284; color:#fff !important;}
#site #content .packfeatures table td.curr .order { background: url(../img/btn-order-dy.gif) 0 0 no-repeat;}
#site #content .packfeatures table tfoot td.curr { background:#5c7284;}
#shop #content .packfeatures table td.curr {background:#fafaf0;}
#shop #content .packfeatures table .odd td.curr {background:#e9da94;}
#shop #content .packfeatures table thead td.curr { background:#dbba1c url(../img/bg-packtables-ry.gif) 100% 0 no-repeat; color:#fff !important;}
#shop #content .packfeatures table td.curr .order { background: url(../img/btn-order-my.gif) 0 0 no-repeat;}
#shop #content .packfeatures table tfoot td.curr { background:#dbba1c;}
#content .packfeatures table td .check { display:block; width:14px; height:15px; overflow:hidden; margin:0 auto; background: url(../img/bg-packtables-check.gif) 0 0 no-repeat;}
#content .packfeatures table td .check b { display:block; padding-top:50px;}
#content .packfeatures .packprice { font-family:Georgia, "Times New Roman", Times, serif; font-size:20pt; margin:4px auto;}
#content .plate {background:#e1e7eb url(../img/bg-plate.gif) 0 0 repeat-x; text-align: left; zoom:1;}
#content .plate div {background:url(../img/bg-plate-lt.gif) 0 0 no-repeat; zoom:1;}
#content .plate div div {background:url(../img/bg-plate-rt.gif) 100% 0 no-repeat;}
#content .plate div div div {background:url(../img/bg-plate-lb.gif) 0 100% no-repeat;}
#content .plate div div div div {background:url(../img/bg-plate-rb.gif) 100% 100% no-repeat; padding:12px 20px;}
#content .plate div div div div div {background: none; padding:0;}
#content h2 {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:20pt; margin:20px 0 12px 12px; text-align: left;}
#howto #content .plate ol { list-style:none; margin:0; padding:0; width:600px;}
#howto #content .plate ol li { margin:40px 0; padding:0 0 0 50px; background-position:0 0; background-repeat:no-repeat; }
#howto #content .plate ol li.p1 {background-image:url(../img/bull-1.gif)}
#howto #content .plate ol li.p2 {background-image:url(../img/bull-2.gif)}
#howto #content .plate ol li.p3 {background-image:url(../img/bull-3.gif)}
#howto #content .plate ol li.p4 {background-image:url(../img/bull-4.gif); margin-bottom:48px;}
#howto #content .plate ol li.p5 {background-image:url(../img/bull-5.gif)}
#howto #content .plate ol li.p6 {background-image:url(../img/bull-6.gif)}
#howto #content .plate ol li.p7 {background-image:url(../img/bull-7.gif)}
#howto #content .plate p { width:600px; padding-left:9px;}
#howto #content .plate ol li h4 {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:14pt; margin:16px 0 0 0;}
#howto #content .plate ol li p { padding-left:0;}
#howto #content #sidepic { float:right; width:160px; margin-top:100px; background: url(../img/bg-howto-right.gif) 0 0 repeat-y;}
#howto #content #sidepic ol { list-style:none; margin:0; padding:0; width:160px;}
#howto #content #sidepic ol li {margin:0; padding:0;}
#howto #content #sidepic ol li.pic1 {background:url(../img/bg-howto-1.jpg) 0 0 no-repeat; height:134px; margin-bottom:30px;}
#howto #content #sidepic ol li.pic2 {background:url(../img/bg-howto-2.jpg) 0 0 no-repeat; height:119px; margin-bottom:10px;}
#howto #content #sidepic ol li.pic3 {background:url(../img/bg-howto-3.jpg) 0 0 no-repeat; height:94px; margin-bottom:10px;}
#howto #content #sidepic ol li.pic4 {background:url(../img/bg-howto-4.jpg) 0 0 no-repeat; height:95px; margin-bottom:10px;}
#howto #content #sidepic ol li.pic5 {background:url(../img/bg-howto-5.jpg) 0 0 no-repeat; height:90px; margin-bottom:10px;}
#howto #content #sidepic ol li.pic6 {background:url(../img/bg-howto-6.jpg) 0 0 no-repeat; height:104px; margin-bottom:6px;}
#howto #content #sidepic ol li.pic7 {background:url(../img/bg-howto-7.jpg) 0 0 no-repeat; height:96px; margin-bottom:0;}
#content .halfplate {background:#e1e7eb url(../img/bg-plate.gif) 0 0 repeat-x; text-align: left; clear:left; zoom:1;}
#content .halfplate div {background:url(../img/bg-plate-lb.gif) 0 100% no-repeat;}
#content .halfplate div div {background:url(../img/bg-plate-rb.gif) 100% 100% no-repeat; padding:12px 20px;}
#content .halfplate div div div {background: none; padding:0;}
#content .platetop { float:left; height:50px; line-height:50px;}
#content ol.platetop { list-style:none; float:left; height:50px;background:url(../img/tabs-bg-dark.gif) 0 0 repeat-x;}
#content ol.platetop li { float:left; height:50px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:12pt; color:#fff; overflow:hidden;}
#content ol.platetop li.tail { background:url(../img/tabs-rt.gif) 100% 0 no-repeat; width:12px;}
#order1 #content .platetop li.p1 {background:#f0f3f5 url(../img/bg-plate-lt.gif) 0 0 no-repeat;}
#order1 #content .platetop li.p1 h4 {background:url(../img/bull-1.gif) 12px 50% no-repeat; padding:0 20px 0 54px; color:#333;}
#order1 #content .platetop li.p2 {background:url(../img/tabs-sh-r.gif) 0 0 no-repeat;}
#order1 #content .platetop li.p2 h4 {background:url(../img/bull-2-b.gif) 12px 50% no-repeat; padding:0 20px 0 54px;}
#order1 #content .platetop li.p3 {background:url(../img/tabs-separ.gif) 0 0 no-repeat;}
#order1 #content .platetop li.p3 h4 {background:url(../img/bull-3-b.gif) 12px 50% no-repeat; padding:0 8px 0 54px;}
#order2 #content .platetop li.p1 {background:url(../img/tabs-lt.gif) 0 0 no-repeat;}
#order2 #content .platetop li.p1 h4 {background:url(../img/bull-1-b.gif) 12px 50% no-repeat; padding:0 20px 0 54px;}
#order2 #content .platetop li.p2 {background:#f0f3f5 url(../img/tabs-sh-l.gif) 0 0 no-repeat;}
#order2 #content .platetop li.p2 h4 {background:url(../img/bull-2.gif) 12px 50% no-repeat; padding:0 20px 0 54px; color:#333;}
#order2 #content .platetop li.p3 {background:url(../img/tabs-sh-r.gif) 0 0 no-repeat;}
#order2 #content .platetop li.p3 h4 {background:url(../img/bull-3-b.gif) 12px 50% no-repeat; padding:0 8px 0 54px;}
#order3 #content .platetop li.p1 {background:url(../img/tabs-lt.gif) 0 0 no-repeat;}
#order3 #content .platetop li.p1 h4 {background:url(../img/bull-1-b.gif) 12px 50% no-repeat; padding:0 20px 0 54px;}
#order3 #content .platetop li.p2 {background:url(../img/tabs-separ.gif) 0 0 no-repeat;}
#order3 #content .platetop li.p2 h4 {background:url(../img/bull-2-b.gif) 12px 50% no-repeat; padding:0 20px 0 54px;}
#order3 #content .platetop li.p3 {background:#f0f3f5 url(../img/tabs-sh-l.gif) 0 0 no-repeat;}
#order3 #content .platetop li.p3 h4 {background:url(../img/bull-3.gif) 12px 50% no-repeat; padding:0 8px 0 54px; color:#333;}
#order3 #content ol.platetop li.tail { background:#f0f3f5 url(../img/bg-plate-rt.gif) 100% 0 no-repeat;}
/*#order1 #content h2,
#order2 #content h2,
#order3 #content h2 {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:20pt; margin:30px 0 12px 12px; text-align: left;}*/
#content h2 small {font-size:14pt; color:#919ea9;}
#content .next {display:block; float:right; width:76px; height:31px; margin:20px 0 0 0; overflow:hidden; background: url(../img/btn-next.gif) 0 0 no-repeat; border:0 none; cursor:pointer;}
#content .next span { display:block; padding-top:100px;}
#contactinfo { width:240px;}
#contactinfo input { width:238px; border:1px solid #5c7284; padding:2px 0;}
#contactinfo textarea { width:238px; height:90px; border:1px solid #5c7284; padding:2px 0;}
#categories { width:200px; float:right;}
#categories ul li {margin:10px 0; padding-left:16px; background: url(../img/bull.gif) 0 4px no-repeat;}
#categories ul li.curr { font-weight:bold;}
#designnotes { width:270px; float:right;}
#designs { width:620px; float:left; position:relative }
.optimal { width:270px; height:31px; margin:8px 0; background:url(../img/btn-optimal.gif) 0 0 no-repeat; float:right; position:relative}
.optimal span { display:none;}
#pickdesign { margin:0 -80px 0 0; zoom:1;}
#pickdesign div { margin:10px 30px 10px 0; width:182px; height:190px; overflow:hidden; float:left;}
#pickdesign div a img { border:1px solid #acb1b4; margin-bottom:8px;}
#prevnextdesign { clear:left; /*float:right;*/ position:absolute; /*right:-100px;*/ left:650px; width:200px; bottom:40px;}
#prevnextdesign div { float:left; margin:8px 0 0 0;}
#prevnextdesign div a, #prevnextdesign div span.curr {float:left; display:block; width:28px; height:28px; line-height:28px; text-align:center;}
#prevnextdesign div .curr {background:url(../img/bg-currdesignpage.gif) 0 0 no-repeat; color:#fff; text-decoration:none; font-weight:bold;}
.prevdesignpage {background:url(../img/btn-prevdesignpage.gif) 50% 50% no-repeat;}
.prevdesignpage span { display:none;}
.nextdesignpage {background:url(../img/btn-nextdesignpage.gif) 50% 50% no-repeat;}
.nextdesignpage span { display:none;}
.send { display:block; width:98px !important; height:31px; margin:6px 0 0 0; float:right; overflow:hidden; background: url(../img/btn-send.gif) 0 0 no-repeat; border:0 none !important; cursor:pointer;}
#order3left { float:left; width:400px;}
#order3left img {border:1px solid #5c7284;}
#order3right { float:right; width:360px;}
#order3right h3 { margin-top:0}
#order3left #questions {background:url(../img/bull-questions.gif) 0 50% no-repeat; min-height:34px; padding-left:45px; margin:12px 0 0 0;}
* html #order3left #questions {height:34px;}
.phoneinner { font-size:14pt;}
#designer #questions {background:url(../img/bull-questions.gif) 0 50% no-repeat; min-height:34px; padding-left:45px; margin:12px 0 0 0;}
* html #designer #questions {height:34px;}
#keywordtable { margin:-0.2em 0 0.3em 0;}
#keywordtable { border-bottom:2px solid #445664;}
#keywordtable td { padding:3px 8px; background:#f9f9f9;}
#keywordtable .odd td { background:#f0f0f0;}
#keywordtable thead td { background:#bfcbd5; vertical-align:top; padding:5px 8px;}
#keywordtable thead td.left { background:#bfcbd5 url(../img/bg-ordertable-l.gif) 0 0 no-repeat; vertical-align:middle;}
#keywordtable thead td.right { background:#bfcbd5 url(../img/bg-ordertable-r.gif) 100% 0 no-repeat;}
#keywordform {width:300px;}
#keywordform textarea { width:298px; height:90px;}
#keywordform .submit { text-align:right;}
#keywordform .submit input {display:block; float:right; width:98px !important; height:31px; margin:6px 0 0 0; overflow:hidden; background: url(../img/btn-send.gif) 0 0 no-repeat; border:0 none !important; cursor:pointer;}
#example1,
#example2,
#example3 { float:left; width:303px; margin-right:25px;}
#example3 { margin-right:0;}
#content .packblock { text-align:center;}
#content .packblock a { font-size:12pt;}
#content .packblock .order {margin:6px auto; background: url(../img/btn-order-b.gif) 0 0 no-repeat;}
#content .packblock .packprice { font-family:Georgia, "Times New Roman", Times, serif; font-size:20pt; margin:4px auto;}
.samples { margin:40px 0; padding:0;}
.samples li { margin:20px 0; padding:0; text-align:center;}
.samples li a img { border:1px solid #94a1a9;}
#contleft { width:400px; float:left;}
#contright {width:300px; float: right;}
#contleft h4, #contright h4 { margin:0 0 -0.4em 0;}
/*---vl---*/
#content div.input {margin:0.6em 0 0 0}
ul.error {list-style: disc; padding-left: 30px;}
ul.error li {color: #cc0000}
#contactinfo span.error {position:absolute; margin-left: 250px; margin-top:-1.5em; color: #c00}
#keywordform span.error {position:absolute; margin-left: 310px; margin-top:-1.4em; color: #c00}
#keywordform #err1 {margin-top:-6.8em;}
#content .plate #adplate {background: url(../img/bg-ad.jpg) 0 100px no-repeat; min-height:440px; padding-top:1px 0;}
* html #content .plate #adplate {height:440px;}
#content .plate #adplate p { margin:1em 0; width:600px;}
#google #content .plate ol { list-style:none;}
#google #content .plate ol li { float:left; width:180px; margin-right:10px; padding:0 0 0 50px; background-position:0 0; background-repeat:no-repeat; min-height:50px; }
* html #google #content .plate ol li {height:50px;}
#google #content .plate ol li.p1 {background-image:url(../img/bull-1.gif)}
#google #content .plate ol li.p2 {background-image:url(../img/bull-2.gif)}
#google #content .plate ol li.p3 {background-image:url(../img/bull-3.gif)}
#content #adpacks { text-align:left; width:600px; margin:20px 15px;}
#content #adpacks ul { list-style:none;}
#content #adpacks ul li { margin:0.3em; background:url(../img/bull.gif) 0 6px no-repeat; font-size:14pt}
#content #keywords {text-align:left; width:600px; margin:20px 15px;}
#content #keywords div.input label { float:left; width:90px;}
#content #keywords div.input input, #content #keywords div.input textarea { width:200px;}
.lbcontent { display:none;}
/*.lbcont { background:#fff; position:absolute; left:16px; top:14px}
html>body .lbcont { left:0px;}*/
.lbcont {width:570px; margin:0px auto;}
.lbimagecont { width:570px; height:500px; position:relative; overflow:hidden; margin:0px auto 10px auto;}
.lbimage { position:absolute; z-index:9999; top:0; left:0;}
.lbloader { width:570px; text-align:center; padding-top:250px; position:absolute; z-index:999; top:0; left:0;}
.linkcont { width:550px; margin:0px auto;}
.lbaccept { float:right; width:82px; height:31px; overflow:hidden; background:url(../img/btn-thisdesign.gif) 0 0 no-repeat; margin-right:10px;}
.lbreject {float:right; width:80px; height:31px; overflow:hidden; background:url(../img/btn-otherdesign.gif) 0 0 no-repeat;}
.lbaccept span, .lbreject span { display:block; padding-top:60px;}
.lblogin {width:366px;}
.lblogin h2 { margin:12px 0 22px 0; font-size:16pt}
.lblogin .input { clear:left; font-size:12pt; margin-bottom:12px;}
.lblogin label {float:left; width:160px;}
.lblogin input {width:200px; font-size:12pt;}
.lblogin .submit { clear:left; text-align:right;}
.lblogin .userenter { width:74px; height:31px; overflow:hidden; background:url(../img/btn-enter.gif) 0 0 no-repeat; border:0 none; cursor:pointer;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
width:570px !important;
}
#index #TB_window {width:370px !important; padding:8px;}
#TB_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url(../img/macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
display:none;
}
#TB_ajaxContent{
clear:both;
/*padding:2px 15px 15px 15px;*/
/*padding:8px;*/
padding:0px;
overflow:auto;
text-align:left;
line-height:1.4em;
width:auto !important;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
/*********************************************************************************/
#firstHeader { position:absolute; top:100%; width:960px; padding:30px 0 0 0; text-align: center; background:#eee;}
#firstHeader h1 {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:20pt; margin:0 0 0.3em 0; font-weight:bold;}
#firstHeader .txtcont {width:930px; margin:0 auto; text-align: left;}
#firstHeader strong { font-weight:inherit;}
* html #firstHeader strong { font-weight:normal;}
* html #firstHeader h1 strong { font-weight:bold;}
#firstHeader .leftcol { float:left; width:440px; padding:10px 0 10px 15px;}
#firstHeader .rightcol { float:right; width:440px; padding:10px 15px 10px 0;}
#firstHeader ol { margin:0.6em 0 0.6em 2.2em;}
#firstHeader h2 { margin:0.8em 0 -0.2em 0; font-size:16pt; font-weight:normal;}
#firstHeader h3 { margin:0.8em 0 -0.2em 0; font-size:14pt; font-weight:normal;}
#firstHeader h4 { margin:0.8em 0 -0.2em 0; font-size:12pt; font-weight:bold;}
.packs { padding:0 10px;}
#lp-pack1,
#lp-pack2 { float:left; width:450px; margin-right:25px;}
#lp-pack2 { margin-right:0;}
#lp-pack1 .packblock,
#lp-pack2 .packblock { text-align:center; margin-top:24px;}
#lp-pack1 h2,
#lp-pack2 h2 { margin-left:0;}
#promo * { zoom:1;}
ul.bull { zoom:1;}
ul.bull li {background: url(../img/bull.gif) 0 6px no-repeat;}
.samples { margin:30px 0; padding:0;}
.samples li { margin:20px 0; padding:0; text-align:center;}
.samples li a img { border:1px solid #94a1a9;}
#promo .bigbull h2 { width:auto; height:auto; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:20pt; margin:0 0 -0.4em 0; font-weight:bold; color:#ed1c24;}
#promo .bigbull li {background: url(../img/bull-big.gif) 0 2px no-repeat; padding-left:46px;}
.nopic { background: none !important; width:auto !important; height:auto !important; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:20pt;}
.currency {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:18pt; font-style:italic;}
.currency_big {font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:40pt; font-style:italic;}
fieldset { border: 0 none; margin:8px 3px;}