/* Author: Rumin Sergey | Copyright: CENTROARTS.com | e-mail: sale@centroarts.com | URL: http://www.centroarts.com */
.presentation { height: 250px; border-bottom: 2px solid #eee; border-top: 1px solid #eee;
background: #28292a url("../images/presentation.png") no-repeat 0 0; }
.presentation .ppad { margin: 9px 0 0; height: 232px; overflow: hidden; position: relative; }
.presentation .ppad #pager { position: absolute; top: 200px; left: 28px; display: inline; }

.mainbox { padding: 33px 66px 0 66px; }
.mainbox .dtop { height: 80px; }
.mainbox h2 { height: 32px; line-height: 100px; margin: 0 0 0.5em 0; overflow: hidden; }
.mainbox p a { padding-right: 6px; background: url("../images/morearrow.png") no-repeat 100% 4px; }
.mainbox .dcont span { display: block; margin: 0 0 0.5em 0; }
.hnoimg, a.order, #footbar, a.uppage, a.back, a.more { overflow: hidden; white-space: nowrap; }
.mainbox .dtop a.order { float: left; margin: 10px 0 0 0; }

a.order, a.back, a.more { text-indent: 120px; display: block; width: 118px; height: 34px; background: #363638 url("../images/buttons.png") no-repeat 0 -68px; }
a.order:hover { background: #363638 url("../images/buttons.png") no-repeat 0 -102px; }

h1.template, h1.website, h1.icon, h1.services, h1.contacts, h1.preview, h1.allworks, h2.subheading, h1.template { overflow: hidden; height: 42px; background-image: url("../images/headings.png"); background-repeat: no-repeat; }
h1.template { width: 170px; text-indent: 180px; background-position: 0 0; }
h1.website { width: 194px; text-indent: 200px; background-position: -174px 0; }
h1.icon { width: 130px; text-indent: 140px; background-position: -369px 0; }
h1.services { width: 123px; text-indent: 130px; background-position: -500px 0; }
h1.preview, h1.allworks { width: 263px; text-indent: 270px; background-position: 0 -216px; white-space: nowrap; }
h1.contacts { width: 168px; text-indent: 170px; background-position: -264px -216px; }
h1.allworks { width: 250px; background-position: 0 -380px; }

div.template { height: 248px; background: url("../images/mb_thm.jpg") no-repeat 0 65px; }
div.template .dcont, div.icon .dcont { padding: 0 0 0 239px; }
div.template h1, div.icon h1 { float: left; }

div.website { height: 268px; background: url("../images/mb_web.jpg") no-repeat 100% 0; }
div.website .dcont, div.services .dcont { padding: 0 163px 0 0; text-align: right; }
div.website h1, div.services h1, div.icon .dtop a.order, div.template .dtop a.order { float: right; }

div.icon { height: 250px; background: url("../images/mb_ico.jpg") no-repeat 0 59px; }
div.services { height: 267px; background: url("../images/mb_scs.jpg") no-repeat 100% 60px; }

div.template h2 { background: url("../images/headings.png") no-repeat 0 -47px; }
div.website h2 { background: url("../images/headings.png") no-repeat 100% -117px; }
div.icon h2 { background: url("../images/headings.png") no-repeat 0 -82px; }
div.services h2 { background: url("../images/headings.png") no-repeat 100% -152px; }

/*portfolio*/
#pfpreview { height: 450px; background: #1a1b1b url("../images/blackglassbg.jpg") no-repeat 0 0; }
.pfshadow { height: 25px; background: url("../images/shadow.png") repeat-x 0 0; }
#pfpreview .dtop, #formhead, #pfview .dtop { height: 79px; padding: 0 36px; overflow: hidden; }
#pfpreview .dcont { height: 337px; margin: 0 0 0 19px; overflow: hidden; }
#pfpreview .dbtm { padding: 0 36px; } 
#pfpreview .dtop h1, #formhead h1, .fh_services h1 { margin: 9px 0 0; color: #e3e3e3; }
h2.subheading { line-height: 60px; height: 13px; }
#pfpreview .dtop h2 { background-position: 0 -366px; }

#pfpreview .dtop h1.template { background-position: -325px -323px; }
#pfpreview .dtop h1.website { background-position: -130px -323px; }
#pfpreview .dtop h1.icon { background-position: 0 -323px; }

#pfpreview a.order, #pfview a.back { float: right; margin: 24px 0 0; background-position: 0 0; }
#pfpreview a.order:hover { background-position: 0 -34px; }

#pfpreview .dcont a, .nothumb { float: left; width: 270px; height: 159px; margin: 0 9px 8px 0; overflow: hidden; background: url("../images/pfprevbox.png") no-repeat 0 0; }
#pfpreview .dcont a span, #pfpreview .dcont a strong { display: block; cursor: pointer; overflow: hidden; }
#pfpreview .dcont a span { margin: 7px 0 0 7px; width: 256px; height: 117px; }
#pfpreview .dcont a strong { margin: 0 12px; padding: 8px 0 0; white-space: nowrap; color: #b6b6b6; }
#pfpreview .dcont a:hover { background-position: -270px 0; }
#pfpreview .dcont a:hover strong { color: #eb9500; }
.nothumb { background: url("../images/nothumb.png") no-repeat 0 0; }

/*view*/
#pfview .dtop { height: 70px; background: #1a1b1b url("../images/blackglassbg_mini.jpg") no-repeat 0 0; }
#pfview .dcont img { display: block; width: 865px; }
#pfview .dbtm { height: 24px; background: #1a1b1b url("../images/blackglassbg_mini.jpg") no-repeat 0 -70px; }
#pfview a.back { margin: 17px 0 0; width: 104px; background-position: 0 -204px; }
#pfview a.back:hover { background-position: 0 -238px; }
#pfview ul li, #pfview ul, #pfview ul span, #pfview ul div { float: left; }
#pfview ul { width: 485px; padding: 10px 0 0; }
#pfview ul li { width: 100%; color: #ffffff; }
#pfview ul li a { color: #fdb905; } 
#pfview ul span { width: 62px; padding-right: 8px; text-align: right; color: #787878; }
#pfview ul div { width: 410px; }

/*infoblocks*/
.infoblock { margin: 0 38px; padding: 15px 0; overflow: hidden; }
.infoblock .dtop, .infoblock .dcont { padding: 0 38px; }
.infoblock .dtop { height: 29px; margin: 0 0 4px 0; background: url("../images/info.png") no-repeat 0 0; overflow: hidden; }
.flower .dtop { background: url("../images/flower.png") no-repeat 0 0; height: 31px; margin: 0 0 2px 0; }
.infoblock .dtop h2 { margin: 7px 0 0; }
ul.threebox li, ul.twobox li { float: left; width: 33.3%; margin: 0 0 15px 0; }
ul.threebox li div, ul.twobox li div { padding-right: 25px; }
.caone, .catwo, .cathree { padding-left: 18px; }
.caone { background: url("../images/caone.png") no-repeat 0 4px; }
.catwo { background: url("../images/catwo.png") no-repeat 0 4px; }
.cathree { background: url("../images/cathree.png") no-repeat 0 4px; }

ul.twobox li, .svsbox ul { width: 49.9%; }
.inform div { background: #f5f2ea url("../images/inform.png") no-repeat 0 0; }
.inform div div { padding: 5px 15px 0 38px; height: 36px; background: transparent url("../images/inform.png") no-repeat 100% -41px; }

/*forms*/
.formbox, div.preview, .message, .storeitem, .hsep { padding: 0; margin: 0 0 0 38px; width: 789px; overflow: hidden; background: #f5f2ea url("../images/formboxtop.png") no-repeat 0 0; }
.formbox .formbg, .message div { width: 100%; background: url("../images/formboxfoot.png") no-repeat 0 100%; }
.formbox .formbg .formbg { padding: 0 13px; width: auto; background: none; }
.ulform, .ulform li, .ulform li .label, .ulform li .field { float: left; }
.ulform, .ulform li { width: 100%; }
.ulform li .label { width: 212px; padding: 2px 13px 0 0; text-align: right; }
.ulform li .field { width: 530px; }
.ulform li { padding: 12px 0; background: url("../images/dotted.png") repeat-x 0 100%; }
.ulform li .field input, .ulform li .field select, .ulform li .field textarea { color: #848484; padding: 3px; }
.ulform .inputText { width: 354px; }
.ulform .select { width: 363px; }
.ulform .textarea { width: 520px; }
.ulform li.fsubmit { background: none; text-align: center; padding: 7px 0 12px 0; }
.ulform li .small { display: block; padding: 5px 0; }
.ulform .imp { margin: 3px 0 0; float: right; width: 14px; height: 10px; line-height: 40px; overflow: hidden; background: url("../images/imp.png") no-repeat 4px 0; }
.ulform li.fsubmit input { width: 118px; height: 34px; background: #363638 url("../images/buttons.png") no-repeat 0 -136px; }
.ulform li.fsubmit input:hover { background-position: 0 -170px; }

.message { background: #f5f2ea url("../images/message_info.png") no-repeat 0 50%; margin-bottom: 12px; }
.message div { background: url("../images/message_top.png") no-repeat 0 0; }
.message div div { padding: 8px 38px 8px 50px; width: auto; background: url("../images/message_foot.png") no-repeat 0 100%; }
.error { background: #f5f2ea url("../images/message_error.png") no-repeat 0 50%; }

.descript { background: url("../images/descript.png") no-repeat 0 2px; padding-top: 0; padding-bottom: 30px; }
div.preview { background: #f5f2ea url("../images/preview_top.png") no-repeat 0 0; }
.preview span { background: url("../images/preview_btm.png") no-repeat 0 100%; }
.preview span, .preview i { display: block; }
.preview i { color: #7e796c; padding: 12px 38px 22px 38px; }
.preview i { color: #7e796c; }

#formhead { height: 332px; }
#formhead h1.template { background-position: -195px -259px; }
#formhead h1.website { background-position: 0 -259px; }
#formhead h1.icon { background-position: -433px -215px; }
.fh_icon h2, .fh_website h2, .fh_template h2, .fh_services h2 { width: 94px; background-position: -238px -309px; }
.fh_services h2 { background-position: -333px -309px; }
.fh_contacts h2 { width: 116px; background-position: -121px -309px; }
.fh_preview h2 { width: 120px; background-position: 0 -309px; }
.fh_icon { background: url("../images/fh_icon.jpg") no-repeat 0 0; }
.fh_template { background: url("../images/fh_template.jpg") no-repeat 0 0; }
.fh_website { background: url("../images/fh_web.jpg") no-repeat 0 0; }
.fh_contacts { background: url("../images/fh_contacts.jpg") no-repeat 0 0; }
.fh_preview { background: url("../images/fh_preview.png") no-repeat 0 0; }

.fh_services, .svsbox { padding: 0 0 0 36px; overflow: hidden; }
.fh_services { height: 110px; background: url("../images/fh_services.png") repeat-x 0 0; }
.svsbox ul { float: left; }
.svsbox ul li { padding: 0 36px 0 118px; margin: 0 0 50px 0; background-position: 0 0; background-repeat: no-repeat; }
.svsbox ul li p { margin: 0 0 1em 0; }
.svsbox ul h2 { margin: 0 0 0.5em 0; }
.svs_logo { background-image: url("../images/svs_logo.png"); }
.svs_mod { background-image: url("../images/svs_mod.png"); }
.svs_thmst { background-image: url("../images/svs_thmst.png"); }
.svs_banners { background-image: url("../images/svs_banners.png"); }
.svs_scripts { background-image: url("../images/svs_scripts.png"); }
.svs_setup { background-image: url("../images/svs_setup.png"); }
.price { width: 99px; height: 18px; background: #8a8a8a url("../images/price.png") no-repeat 0 0; color: #fff; text-align: center; line-height: 17px; }

/*store*/
.storehead { height: 195px; padding: 0 38px 0 0; margin-bottom: 29px; background: #181818 url("../images/storehead.jpg") no-repeat 0 0; color: #fff; }
.storehead .shcont { height: 175px; padding: 0 0 0 195px; overflow: hidden; }
.storehead a { color: #ffa200; } .storehead strong { font-weight: normal; }
.storehead h1.template { margin: 10px 0 15px 0; background-position: -251px -380px; width: 336px; text-indent: 340px; }
.storehead .discript { margin-bottom: 12px; }
.storehead .storeinfo { color: #c3c2c2; }

.selectvalut a { background-image: url("../images/selectvalut.png"); float: right; height: 20px; width: 159px; overflow: hidden; line-height: 70px; }
a.svrur { background-position: 0 0; }
a.svrur:hover { background-position: 0 -21px; }
a.svusd { background-position: -159px 0; }
a.svusd:hover { background-position: -159px -21px; }

.storeitem { background: none; margin-bottom: 29px; }
.storeitem h1 { letter-spacing: -0.01em; }
	.hsep { height: 29px; border-top: 1px solid #c9c9c9; background: none; clear: both; }
	.rcolomn { width: 386px; }
	.lcolomn { width: 395px; }

	.storecont { height: 177px; overflow: hidden; margin-bottom: 8px; }
	.technology { color: #929292; margin-top: -2px; }
	
	.storeyes { padding-top: 4px; }
	.storeyes li { padding-left: 17px; margin: 2px 0; color: #5b5b5b; background: url("../images/storeyes.png") no-repeat 0 3px; }
	.storeyes li strong { font-weight: normal; }
	.moreline { height: 34px; }
	.moreline a.more, .submitstore input { float: left; }
	a.more, .submitstore input { width: 116px; background: #222 url("../images/store_buttons.png") no-repeat 0 -68px; }
	a.more:hover { background-position: 0 -102px; }

	.moreline .reldate { float: right; }
	.reldate { text-align: right; height: 34px; padding-right: 38px; background: url("../images/store_buttons.png") no-repeat 100% -208px; }
	.reldate b { display: block; }
	.storeimg { position: relative; width: 365px; height: 221px; }
	.storeimg span, .storeimg strong { cursor: pointer; display: block; }
	.storeimg span { width: 362px; height: 218px; overflow: hidden; border: 1px solid #dcdcdc; }
	.storeimg span img { width: 362px; height: 218px; }
	.storeimg strong { background: url("../images/marks.png") no-repeat 0 0; position: absolute; bottom: 0; right: 0; width: 93px; height: 93px; text-indent: 100px; overflow: hidden; white-space: nowrap; }
	*html .storeimg strong { background: url("../images/marks_ie.png") no-repeat 0 0; }
	.storeimg .release { background-position: 0 0; }
	.storeimg .free { background-position: 0 -279px; }
	.storeimg .bestgood { background-position: 0 -186px; }
	.storeimg .newgood { background-position: 0 -93px; }
	.storeimg .superprice { background-position: 0 -372px; }

	.storeprice { display: inline; }
	.storeprice span, .storeprice span b { height: 34px; } 
	.storeprice span { line-height: 34px; background: #fdbc05 url("../images/storeprice.png") no-repeat 100% -34px; float: right; font-size: 24px; letter-spacing: -0.04em; text-shadow:0 1px 0 #fed34a; font-family: Arial, Helvetica, sans-serif; }
	.storeprice span b { padding: 0 15px; background: url("../images/storeprice.png") no-repeat 0 0; float: left; font-weight: normal; }
	.storeprice span i { margin-left: 3px; font-style: normal; text-transform: uppercase; font-size: 17px; white-space: nowrap; }
	.storeprice span i em { width: 1px; height: 1px; overflow: hidden; font-size: 1px; }
	.superprice span { color: #fff; background: #e12910 url("../images/storeprice.png") no-repeat 100% -136px; text-shadow:0 1px 0 #ba1d0c; }
	.superprice span b { padding-left: 70px; background-position: 0 -102px; text-shadow: none; }

	.storeprice a { float: right; width: 147px; height: 34px; background: #26829e url("../images/storeprice.png") no-repeat 0 -68px; overflow: hidden; line-height: 100px;  white-space: nowrap; }
	.storeprice a:hover { background: #38a9c1 url("../images/storeprice.png") no-repeat 0 -170px; }
	
	.fullimg { width: 364px; }
	.sliderimg { width: 362px; border: 1px solid #dcdcdc; }
		.sliderimg img { width: 362px; display: block; }
		.fslidecont { display: none; }

		@media print { .fslidecont { display:block !important; } }

	.slidepanel { padding: 0 10px 0 15px; height: 37px; overflow: hidden; background: #ebebe8 url("../images/slidepanel.png"); margin: 0 0 1.2em 0; }
		.slidepanel ul li, .slidepanel ul { display: inline; }
		.slidepanel ul li a { text-decoration: none !important; float: left; margin-top: 9px; color: #6a6a6a; display: none; }
		.slidepanel ul li a.selected { display: block; }
		.slidepanel a.nextslide { margin-top: 6px; float: right; width: 94px; height: 24px; overflow: hidden; line-height: 6em; background: url("../images/sliderbtn.png"); }
		.slidepanel a.nextslide:hover { background: url("../images/sliderbtn.png") no-repeat -95px 0; }
	
	.shadowslide { display: block; text-align: center; margin: 0 0 1.6em 0; }

	.istore { padding: 8px 0 0 0; position: relative; margin-bottom: 1.4em; overflow: hidden; }
	.istore img { position: absolute; left: 20px; top: 0; }
	.istore h5, .istore ul { margin: 0 0 0.3em 65px; }
	.istore strong { font-weight: normal; }

.fullsrorecont { margin: 0 0 2.2em 0; }
.moreline h1 { margin-top: 5px; font-size: 1.82em; float: left; display: inline; font-weight: normal; }

.fullstoreitem .moreline, .fullstoreitem .formbox .discript, .fullstoreitem .formbox, .fullstoreitem .formbox .ulform { margin: 0 0 0.8em 0; }
.fullstoreitem .formbox { width: 386px; background: #f5f2ea url("../images/formstore.png") no-repeat 0 0; }
	.fullstoreitem .formbox .label { width: 138px; }
	.fullstoreitem .formbox .field { width: 210px; }
	.fullstoreitem .formbox .inputText { width: 198px; }
	.fullstoreitem .formbox .fpad { margin: 0 8px; }
	.fullstoreitem .formbox .ulform li { padding: 8px 0; }

.fullstoreitem .license { background-color: #e7e4dc; border: 1px solid #bcbcbc; overflow: auto; height: 10.5em; }
	.fullstoreitem .licscroll { padding: 4px 8px; }

	.licensehide { background: #f5f2ea url("../images/formstore.png") no-repeat -386px 100%; height: 18px; overflow: hidden; line-height: 17px; padding: 0 8px; font-size: 0.9em; }
	.licensehide span { float: left; color: #9b9b9b; }
	.licensehide b { font-weight: normal; }
	.licensehide a { float: right; color: #767676; }

.submitstore input { height: 34px; background-color: #fdba05; background-position: 0 0; }
	.submitstore input:hover { background-position: 0 -34px; }
	.submitstore span { float: right; width: 255px; font-size: 0.9em; line-height: normal; padding-top: 4px; }

.lineservices { clear: both; padding: 0 38px; background: #fafafa url("../images/lineservices.png") repeat-x 0 0; border-top: 1px solid #e7e7e7; height: 51px; overflow: hidden; }
.lineservices strong { font-weight: normal; }
.lineservices div { margin-top: 9px; }
.lineservices a b { background: #fff url("../images/store_buttons.png") no-repeat 0 -136px; margin: 8px 15px 0 0; float: left; cursor: pointer; width: 192px; height: 36px; overflow: hidden; white-space: nowrap; line-height: 100px; }
.lineservices a:hover b { background-position: 0 -172px; }

.storepager { height: 59px; background: #232325 url("../images/storepager.jpg") no-repeat; color: #fff; padding: 0 38px; overflow: hidden; }
.storepager .pager { margin: 19px 0 0; }
.storepager .pager li a, .storepager .pager li span { margin: 0 2px 0 0; }

.spagerinfo { display: inline; }
.spagerinfo span { float: right; margin-top: 1.8em; }

div.relatedgoods { clear: both; overflow: hidden; height: 120px; border-bottom: 1px solid #fff; border-top: 1px solid #e4e4e4; background-color: #f6f6f6; }
h2.relatedgoods { float: right; position: relative; top: 1px; right: 25px; width: 267px; height: 26px; overflow: hidden; line-height: 120px; background: #f6f6f6 url("../images/allmodify.png") no-repeat; }
div.relatedgoods .relatedcont { position: relative; top: 22px; overflow: hidden; }
div.relatedgoods .next img, div.relatedgoods .prev img { cursor: pointer; position: absolute; width: 38px; height: 36px; background: #282828 url("../images/sliderbtn.png") no-repeat 0 -24px; }
	div.relatedgoods .next img { top: 19px; left: 11px; }
	div.relatedgoods .prev img { top: 19px; right: 11px; background-position: -38px -24px; }
	div.relatedgoods .next:hover img { background-position: 0 -60px; }
	div.relatedgoods .prev:hover img { background-position: -38px -60px; }
	div.relatedgoods .next.disabled img { background-position: -76px -24px; }
	div.relatedgoods .prev.disabled img { background-position: -114px -24px; }
	div.relatedgoods .disabled img { cursor: default; }

.carouscont { margin-left: 61px; width: 745px; overflow: hidden; position: relative; }
	.carousel li { width: 123px; height: 74px; margin-right: 30px; border: 1px solid #c7c7c7; }
	.carousel li img { height: 74px; }
	.carousel li a { text-decoration: none !important; color: #fff; }
	.carousel li a span { cursor: pointer; position: absolute; display: none; width: 111px; height: 66px; padding: 4px 6px; background: url("../images/blacklayer.png"); }
		.carousel li a i { font-style: normal; color: #ffae00; }
	
	.carousel li a:hover span { display: block; }