body { background-color: #e8edee; margin: 0; padding: 0px; font-family: Arial, sans-serif; }
body.job { background-image: url('/f/i/psyhoman.jpg'); background-repeat: no-repeat; background-position: center top;}
body.error { background-image: url('/f/i/tumbleweed.jpg'); background-repeat: no-repeat; background-position: right bottom;}
body.ny { background-image: url('/f/i/origami-tiger.jpg'); background-repeat: no-repeat; background-position: right 150px;}
img { border: none; }


div.header { height: 150px; margin: 0; padding: 0; /*border: 1px solid blue;*/ }
div.header div.menu { position: absolute; z-index: 49; width: 100%; height: 70px; /*border: 1px solid red;*/ }
div.header div.menu div.line { height: 70px; background-color: #c0c0c0; border-bottom: 1px solid #9e9e9e; /*border: 1px solid blue;*/ }
div.header div.menu div.line div.home { position: absolute; left: 11%; top: 30px; width: 5%; text-align: center; /*border: 1px solid red;*/ }
div.header div.menu div.line div.items { position: absolute; left: 16%; top: 26px; width: 51%; font: bold 14px Arial; text-align: left; padding: 0; margin: 0; /*border: 1px solid red;*/ }
div.header div.menu div.line div.items div.item { margin: 0 13px 0 13px; padding: 0; float: left; /*border: 1px solid red;*/ }
div.header div.menu div.line div.items div.item a { color: #087cc2; }
div.header div.menu div.line div.items div.item a:hover { color: #000000; }
div.header div.menu div.line div.items div.select a { color: #000000; }
div.header div.menu div.line div.items div.select a:hover { color: #474646; }
div.header div.menu div.line div.items div.unselect a { color: #000000; }
div.header div.menu div.line div.items div.unselect a:hover { color: #474646; }
div.header div.menu div.line div.info { position: absolute; left: 67%; top: 26px; width: 22%; font-size: 11px; text-align: left; padding: 0; margin: 0; /*border: 1px solid red;*/ }
div.header div.menu div.line div.info div.item { margin: 0 10px 0 10px; padding: 0; float: right; /*border: 1px solid red;*/ }
div.header div.menu div.line div.info div.item a { color: #087cc2; text-decoration: underline; }
div.header div.menu div.line div.info div.item a:hover { color: #000000; }
div.header div.menu div.logo { width: 5%; position: absolute; left: 11%; top: 53px; -top: 52px; text-align: center; /*border: 1px solid red;*/ }
div.header div.menu div.logo img { cursor: pointer; }
div.header div.menu div.langs { width: 7%; position: absolute; left: 4%; bottom: -68px; -bottom: -67px; text-align: center; /*border: 1px solid red;*/ }
div.header div.menu div.langs div { font-size: 10px; margin: 0 3px; }
div.header div.menu div.langs div a { color: #087cc2; text-decoration: underline; }
div.header div.menu div.langs div a:hover { color: #000000; }
div.header div.menu div.job { width: 5%; position: absolute; right: 5%; top: 76px; -top: 75px; text-align: right; /*border: 1px solid red;*/ }
div.header div.menu div.job img { cursor: pointer; }
div.header div.menu div.ny { width: 180px; position: absolute; right: 25%; top: 76px; -top: 75px; text-align: right; /*border: 1px solid red;*/ }
div.header div.icons-payment { width: 250px; position: absolute; right: 10%; top: 15px; -top: 14px; text-align: right; /*border: 1px solid red;*/ }
div.header div.icons-payment img { padding-right: 5px;}
div.header div.piggy { width: 200px; position: absolute; right: 17%; top: 5px; -top: 4px; text-align: right; /*border: 1px solid red;*/ }
div.header div.piggy div.text {position: absolute; left: 120px; text-align:left; }
div.header div.piggy div.text p {padding: 0 0 0 10px; margin: 0 0 0 0;}
div.header div.piggy div.text p.big {font-size: 16px; white-space: nowrap; padding-top: 13px;}
div.header div.piggy div.text p.small {font-size: 11px; white-space: nowrap;}
div.header div.piggy div.text a {color: black;}
div.header div.piggy div.text a:hover {color: black; text-decoration: none;}
div.header div.piggy div.img {position: absolute; left:0;}
div.header div.bannercenter { width: 250px; position: absolute; right: 45%; z-index: 2;}
div.header div.bannerright { width: 200px; position: absolute; right: 17%; z-index: 2;}


div.header div.page_title { width: 100%; position: absolute; left: 0%; top: 70px; z-index: 48; /*border: 1px solid red;*/ }
div.header div.page_title div.button { position: absolute; top: 0; }
div.header div.page_title div.button img { cursor: pointer; background-image: url('/f/i/sites-scroll2.gif'); background-repeat: no-repeat; }
div.header div.page_title div.prev { left: 10px; }
div.header div.page_title div.next { right: 10px; }
div.header div.page_title div.button img.disabled { cursor: default; }
div.header div.page_title div.prev img.normal { background-position: -0px -144px; }
div.header div.page_title div.prev img.disabled { background-position: -18px -144px; }
div.header div.page_title div.next img.normal { background-position: -54px -144px; }
div.header div.page_title div.next img.disabled { background-position: -36px -144px; }
div.header div.page_title div.date { position: absolute; width: 5%; left: 11%; top: 6px; z-index: 48; font: normal 10px Trebuchet MS, sans-serif; color: #9b9d9f; text-align: center; }

div.header div.page_title div.container { width: 66%; margin: 0 auto; }
div.header div.page_title div.container div.title { font-weight: bold; font-size: 14px; color: #000000; padding-top: 6px; }
div.header div.page_title div.container div.url ul { font-size: 10px;  padding:0; margin: 0;}
div.header div.page_title div.container div.url ul li { display: block; float:left; padding-right:20px;}
div.header div.page_title div.container div.url ul li a { color: #087cc2; text-decoration: underline; }
div.header div.page_title div.container div.url ul li a:hover { color: #000000; }
div.header div.page_title div.container div.pages { font-size: 1px; padding-top: 20px; }
div.header div.page_title div.container div.pages img { background-image: url('/f/i/sites-scroll2.gif'); background-repeat: no-repeat; background-position: -0px -180px; margin: 0 5px 0 0; }
div.header div.page_title div.container div.pages a img { margin: 0; background-position: -12px -180px; }
div.header div.page_title div.container div.pages a { margin: 0 5px 0 0; }
div.header div.page_title div.container div.pages img.social { background: none;}
div.header div.page_title div.container div.pages img.shift { margin-left:10px;}
div.header div.page_title div.container div.filters { font-size: 11px; padding-top: 10px; }
div.header div.page_title div.container div.filters a { margin: 0 10px 0 0; color: #087cc2; }
div.header div.page_title div.container div.filters span { margin: 0 10px 0 0; }
div.header div.page_title div.container div.navigator { 
    position: absolute; 
    top: -15px; 
    font-size: 9px; 
    font-style: italic; 
    color: #848484;
    width: 50%;
}
div.header div.page_title div.container div.navigator a { color: #848484; }



div.content { margin: 0 auto; padding: 0; /*border: 1px solid blue;*/ }
div.content div.delim_1 { width: 11%; margin: 0; padding: 0; float: left; /*border: 1px solid red;*/ }
div.content div.delim_2 { width: 11%; margin: 0; padding: 0; float: right; /*border: 1px solid red;*/ }
div.content div.container { margin: 0 auto; width: 78%; -width: 100%; -margin-left: 10%; -margin-right: 10%; }
div.content div.container a { text-decoration: underline; color: #087cc2; }
div.content div.container a:hover { color: #000000; }
div.content div.container td { vertical-align: top; }
div.content div.container td.photo { vertical-align: top; text-align: center; padding: 10px 0; }
div.content div.container td.photo div.item { margin-bottom: 20px; position: relative; }
div.content div.container td.photo div.item div.caption { font: italic 12px Atial; }

div.content div.container td.photo div.item div.price,
div.content div.container td.photo div.item div.soon { 
    position: absolute;
    z-index: 20;
    width: 123px;
    height: 62px;
    background-image: url('/f/i/price.png');
    -background-image: none; 
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/f/i/price.png", sizingMethod="crop");
    text-align: center;
    top: 10px;
    left: 80%;
    font-family: Trebuchet MS, sans-serif;
}

div.content div.container td.photo div.item div.price { 
    cursor: pointer;
}

div.content div.container td.photo div.item div.soon p.soon { 
    margin: 0;
    padding: 11px 0 0 0;
    font-size: 20px;
    font-weight: bold;
}
div.content div.container td.photo div.item div.soon p.instock { 
    margin: 0;
    padding: 2px 0 0 0;
    font-size: 10px;
    font-weight: bold;
}

div.content div.container td.photo div.item div.price p { 
    margin: 0;
    padding: 3px 0 0 0;
    font-size: 9px;
    font-weight: bold;
}
div.content div.container td.photo div.item div.price p.price { 
    padding: 10px 0 0 0;
    font-size: 30px;
    line-height: 27px;
}
div.content div.container td.photo div.item div.price span {
    font-size: 15px;
    vertical-align: top;
    position: relative;
    top: -5px;
}
div.content  div.container td.photo div.item div.flash_bg { 
    background-image: url('/f/i/bg-monitor.gif');
    width: 580px;
    height: 491px;
    margin: 0 auto;
}
div.content  div.container td.photo div.item div.flash_bg div.flash_container { 
    width: 524px;
    height: 334px;
    padding: 29px 27px 0 29px;
}
div.content  div.container td.photo div.item div.flash_full { 
    padding-top: 50px;
    text-align: center;
    font-style: italic;
}
div.content  div.container td.photo div.item div.flash_full img { 
    vertical-align: middle;
}
div.content div.container td.text { vertical-align: top; font-weight: normal; font-size: 13px; padding: 0 12px; }
div.content div.container td.text p { margin: 0 0 0 0; padding: 0 0 0 0; }
div.content div.container td.text p.caption { font-weight: bold; margin-bottom: 10px; }
div.content div.container td.text ul { margin: 0 0 10px 0; padding: 0 0 0 0; }
div.content div.container td.text ul li { margin: 0 0 0 18px; padding: 0 0 0 0; }
div.content div.container td.notice { font-weight: normal; font-size: 11px; color: #858585; }
div.content div.container td.notice img.logo { margin-bottom: 10px; }
div.content div.container td.content { font: normal 12px Arial; padding-top: 70px; padding-left: 9px; }
div.content td.photos { /*width: 5%; float: right;*/ vertical-align: top; text-align: right; padding-top: 10px; /*border: 1px solid red;*/ }
div.content td.photos div.photo { width: 49px; height: 31px; background-image: url('/f/i/photo-pre-bg.gif'); background-repeat: no-repeat; text-align: center; float: none; padding: 0 0 0 0; margin: 0 auto 4px auto; }
div.content td.photos div.photo img { margin-top: 2px; }
div.content td.photos div.select { background-position: -0px -31px; }
div.content td.photos div.unselect { background-position: -0px -0px; cursor: pointer; }
div.content td.portfolio {}
div.content td.portfolio div.item { width: 122px; height: 122px; float: left; margin: 20px; }
div.content td.portfolio div.item a { 
    background-image: url('/f/i/sites-bg.png'); 
    -background-image: none; 
    background-repeat: no-repeat; 
    cursor: pointer; 
    background-position: -0px -0px; 
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/f/i/sites-bg-u.png", sizingMethod="crop");
    text-align: center;
    width: 122px; 
    height: 122px;
	display: block;
}
div.content td.portfolio div.item img { padding: 6px; }
div.content td.portfolio div.item h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; z-index: 0; }

body.ny div.content div.container td.content { padding-top: 100px; font-size: 14px; }



body.error div.content p { margin: 0; padding: 0 0 0 3px; }
body.error div.content p.text { color: #b5b4b4; font-size: 18px; }
body.error div.content p.title { color: #7bc536; font-size: 30px; line-height: 40px; }
body.error div.content p.title span { font-size: 130px; margin-left: 4px; }


div.sites { margin: 0 auto; padding: 0; position: absolute; width: 100%; top: 0; z-index: 30; /*border: 1px solid blue;*/ }
div.sites div.delim_1 { width: 11%; float: left; /*border: 1px solid red;*/ }
div.sites div.scroll_l { width: 45px; position: absolute; left: 0%; margin-left: 7px; padding: 0; padding-top: 60px; text-align: left; /*border: 1px solid red;*/ }
div.sites div.delim_2 { width: 11%; float: right; /*border: 1px solid red;*/ }
div.sites div.scroll_r { width: 45px; position: absolute; right: 0%; margin-right: 7px; padding: 0; padding-top: 60px; text-align: right; /*border: 1px solid red;*/ }
div.sites div.button { margin: 0; padding: 0; width: 36px; height: 36px; /*border: 1px solid red;*/ }
div.sites div.button img { cursor: pointer; background-image: url('/f/i/sites-scroll2.gif'); background-repeat: no-repeat; }
div.sites div.button img.disabled { cursor: default; }
div.sites div.scroll_l div.button { margin-left: 0; margin-right: auto; }
div.sites div.scroll_l div.button img.normal { background-position: -0px -0px; }
div.sites div.scroll_l div.button img.hover { background-position: -0px -36px; }
div.sites div.scroll_l div.button img.press { background-position: -0px -72px; }
div.sites div.scroll_l div.button img.disabled { background-position: -0px -108px; }
div.sites div.scroll_r div.button { margin-left: auto; margin-right: 0; }
div.sites div.scroll_r div.button img.normal { background-position: -36px -0px; }
div.sites div.scroll_r div.button img.hover { background-position: -36px -36px; }
div.sites div.scroll_r div.button img.press { background-position: -36px -72px; }
div.sites div.scroll_r div.button img.disabled { background-position: -36px -108px; }
div.sites div.s { margin: 0 50px; /*border: 1px solid red;*/ }
div.sites div.container { margin: 0 50px; /*border: 1px solid green;*/ }
div.sites div.container td.item { text-align: center; vertical-align: middle; padding: 20px 15px 20px 15px; /*border: 1px solid red;*/ }
div.sites div.container td.item div { margin: 0 auto; width: 122px; height: 122px; /*border: 1px solid red;*/ }
div.sites div.container td.item div div { background-image: url('/f/i/sites-bg.png'); -background-image: none; background-repeat: no-repeat; text-align: center; /*border: 1px solid red;*/ }
div.sites div.container td.item div.select div { background-position: -0px -122px; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/f/i/sites-bg-s.png", sizingMethod="crop"); }
div.sites div.container td.item div.unselect div { cursor: pointer; background-position: -0px -0px; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/f/i/sites-bg-u.png", sizingMethod="crop"); }
div.sites div.container td.item div div img { margin-top: 6px; background-image: url('/f/i/loader.gif'); background-repeat: no-repeat; background-position: center center; /*border: 1px solid red;*/ }

div.footer { padding-top: 25px; padding-bottom: 25px; }
div.footer div.copyright { position: absolute; left: 11%; width: 22%; font: normal 11px Arial; color: #293339; }
div.footer div.info { position: absolute; left: 67%; width: 22%; font-weight: normal; font-size: 11px; text-align: left; padding: 0; margin: 0; /*border: 1px solid red;*/ }
div.footer div.info div.item { margin: 0 10px 0 10px; padding: 0; float: right; /*border: 1px solid red;*/ }
div.footer div.info div.item a { color: #087cc2; text-decoration: underline; }
div.footer div.info div.item a:hover { color: #000000; }










div.order {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #585a68;
    z-index: 50;
    width: 100%;
    font-family: Trebuchet MS, sans-serif;
}
div.order div.ocontainer {
    position: relative;
    z-index: 51;
    width: 650px;
    top: 20px;
    margin: 0 auto;
}
div.order div.window { 
    background-color: #e8eeec;
    position: relative;
}
div.order div.window img.clt,
div.order div.window img.crt,
div.order div.window img.clb,
div.order div.window img.crb {
    position: absolute;
    background-image: url('/f/i/w-c.gif');
}
div.order div.window img.clt { left: 0; top: 0; background-position: -0px -0px; }
div.order div.window img.crt { right: 0; top: 0; background-position: -29px -0px; }
div.order div.window img.clb { left: 0; bottom: 0; background-position: -0px -29px; }
div.order div.window img.crb { right: 0; bottom: 0; background-position: -29px -29px; }
div.order div.window div.inner {
    padding: 40px;
    color: #4d4d4d;
}
div.order div.otabs { padding: 0 40px 6px 40px; }
div.order div.otabs span {
    font-weight: normal;
    font-size: 14px;
    color: #e8eeec;
    text-decoration: underline;
    margin-right: 15px;
    cursor: pointer;
}

div.order div.total_cost {
    text-align: right;
    padding: 10px 40px 0 0;
    color: #e6e6e6;
    font-weight: normal;
    font-size: 14px;
    display: none;
}
div.order div.total_cost span.pd { 
    font-size: 18px;
    font-weight: bold;
}
div.order div.total_cost span.pc { 
    font-size: 11px;
    font-weight: bold;
    position: relative; 
    top: 1px;
    vertical-align: top;
}

div.order div#step-1 div.otabs span#tab-step-1,
div.order div#step-2 div.otabs span#tab-step-2,
div.order div#step-3 div.otabs span#tab-step-3 { color: #abacb3; text-decoration: none; cursor: default; }
div.order div#step-4 div.otabs span#tab-step-1,
div.order div#step-4 div.otabs span#tab-step-2,
div.order div#step-4 div.otabs span#tab-step-3,
div.order div#step-5 div.otabs span#tab-step-1,
div.order div#step-5 div.otabs span#tab-step-2,
div.order div#step-5 div.otabs span#tab-step-3 { visibility: hidden; }

div.order div#inner-step-1,
div.order div#inner-step-2,
div.order div#inner-step-3,
div.order div#inner-step-4,
div.order div#inner-step-5 { display: none; }
div.order div#step-1 div#inner-step-1,
div.order div#step-2 div#inner-step-2,
div.order div#step-3 div#inner-step-3,
div.order div#step-4 div#inner-step-4,
div.order div#step-5 div#inner-step-5, 
div.order div#step-1 div.total_cost , 
div.order div#step-2 div.total_cost { display: block; }

div.order div.window div.inner p.sm {
    font-weight: normal;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
div.order div.window div.inner p.error {
    font-weight: normal;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 3px 0 3px 0;
    color: #f80000;
    text-align: center;
}
div.order div.window div.inner p.buttons {
    font-weight: normal;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 20px 0 0 0;
    text-align: center;
}
div.order div.window div.inner p.buttons input {
    margin: 0 5px;
    width: 100px;
}
div.order div.window div.inner span#order-goods-list-span td { text-align: center; vertical-align: top; padding-bottom: 10px; width: 210px}
div.order div.window div.inner span#order-goods-list-span td div.box { position: relative; }
div.order div.window div.inner span#order-goods-list-span td input { width: 30px; }
div.order div.window div.inner span#order-goods-list-span td div.price { 
    position: absolute;
    z-index: 20;
    width: 47px;
    height: 24px;
    background-image: url('/f/i/price-small.png');
    -background-image: none; 
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/f/i/price-small.png", sizingMethod="crop");
    text-align: center;
    top: 10px;
    right: 5%;
}
div.order div.window div.inner span#order-goods-list-span td div.price p { 
    margin: 0;
    padding: 4px 0 0 0;
    font-weight: normal;
    font-size: 12px;
    font-weight: bold;
}
div.order div.window div.inner span#order-goods-list-span td div.price span {
    font-size: 8px;
    vertical-align: top;
    position: relative;
    top: 0px;
}

div.order div.window div.inner td { vertical-align: top; }
div.order div.window div.inner td.red {
    color: #a70909;
    font-size: 10px;
}
div.order div.window div.inner td.caption {
    color: #717171;
    font-size: 10px;
    text-align: right;
    padding-bottom: 10px;
}
div.order div.window div.inner td.field {
    padding-left: 15px;
    padding-bottom: 10px;
}
div.order div.window div.inner td.field input.big { width: 100%; }
div.order div.window div.inner td.field input.small { width: 35%; }
div.order div.window div.inner td.field textarea.big { width: 100%; }
div.order div.window div.inner td p.error { text-align: left; padding: 0 0 0 10px; font-size: 10px; }

div.order div.window div.inner tr.final td {
    color: #717171;
    font-size: 12px;
    text-align: left;
    padding-bottom: 5px;
    vertical-align: top;
}
div.order div.window div.inner tr.final td.caption { width: 18%; padding-top: 5px; }
div.order div.window div.inner tr.final td.info { width: 48%; padding-bottom: 0; padding-top: 5px; }
div.order div.window div.inner tr.final td.info td { padding: 0 6px 6px 0; }
div.order div.window div.inner tr.final td.info td { padding-bottom: 0; }
div.order div.window div.inner tr.final td.info span.pd { 
    font-size: 12px;
    font-weight: bold;
}
div.order div.window div.inner tr.final td.info span.pc { 
    font-size: 8px;
    font-weight: bold;
    position: relative; 
    top: 0px;
    vertical-align: top;
}
div.order div.window div.inner tr.final td.price {
    background-color: #d3deda;
    vertical-align: middle;
    /*width: 25%;*/
    font-size: 14px;
    text-align: right;
    padding: 0 9px;
    white-space: nowrap;
}
div.order div.window div.inner tr.final td.price span.pd { 
    font-size: 18px;
    font-weight: bold;
}
div.order div.window div.inner tr.final td.price span.pc { 
    font-size: 11px;
    font-weight: bold;
    position: relative; 
    top: 1px;
    vertical-align: top;
}
div.order div.window div.inner tr.final td.price span#pay-final span { color: #a10101; }

div.order div.inner td.indent { padding-left: 15px; }
div.order div.inner tr.small td { font-size: 11px; }
div.order div.inner p.comment { margin: 5px 0 0 0; font-style: italic; }

#ProjectDate:before{content:attr(title);}