@import url("reset.css");

body,html {height:100%}
body {color:#9e9e9d; background-color:#000; font:12px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#9e9e9d; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#9e9e9d; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#63639e; text-decoration:none}
a:hover {color:#c1a762}

.c-yel {color:#C1A763}
.c-bl {color:#63639E}
.c-wt {color:#fff}

/* -- ---- typography ---- -- */

#minWidth {position:relative; z-index:2; min-width:1000px; height:auto !important; height:100%; min-height:100%}

.min-height {height:738px}

/* // ---- top stars ---- // */
.top-stars {position:absolute; left:0; top:0; width:100%; height:653px; background:url(../img/top-stars-1.jpg) no-repeat 100% 0}
	.top-stars div {background:url(../img/top-stars-1-p.png) no-repeat 100% 0; width:948px; height:653px; margin-left:auto}
/* -- ---- top stars ---- -- */

.flash {position:absolute; z-index:3; top:45%; margin-top:-204px; left:50%; width:720px; margin-left:-360px}

/* // ---- icons ---- // */
.icons {position:absolute; z-index:5; left:5%; top:9%; padding-top:6px; width:50px; font-size:1px}
	.icons li {float:left; padding-right:11px}
	.icons a, .icons span {display:block; background-image:url(../img/icons.gif); height:10px; width:11px}
	.icons .ico-home {}
	.icons .ico-mail {background-position:-11px 0}
/* -- ---- icons ---- -- */
.animation {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; overflow:hidden}
	.animation i {position:absolute}
	.animation .st {top:-999em; left:-999em; width:1px; height:1px}
	.animation .st-1 {background:url(../img/star-top-1.png)}
	.animation .st-2 {background:url(../img/star-top-2.png)}
	.animation .st-3 {background:url(../img/star-top-3.png)}
	.animation .st-4 {background:url(../img/star-top-4.png)}
	.animation .st-5 {background:url(../img/star-btm-1.png)}
	.animation .st-6 {background:url(../img/star-btm-2.png)}
	.animation .st-7 {background:url(../img/star-btm-3.png)}
	.animation .st-8 {background:url(../img/star-btm-4.png)}
	.animation .st-9 {background:url(../img/star-btm-5.png)}
	.animation .cometa {left:100%; margin-left:-140px; margin-top:104px; top:0; width:198px; height:159px; background:url(../img/cometa.png)}
	.animation .a-star-1 {left:-13px; margin-top:30px; background:url(../img/star-1.png); width:13px; height:15px}
	.animation .a-star-2 {left:98%; top:0; margin-top:13px; background:url(../img/star-2.png); width:24px; height:22px}
	.animation .a-star-3 {margin-top:300px; top:0; left:-15px; background:url(../img/star-3.png); width:11px; height:11px}
	.animation .a-star-4 {left:80%; top:0; margin-top:55px; background:url(../img/star-4.png); width:8px; height:8px}
/* // ---- logo ---- // */
.logo {position:absolute; z-index:5; right:0; top:7%; margin-top:-3px}
	.logo img {background:url(../img/logo-p.png)}
	.logo .logo-ru {background:url(../img/logo-ru-p.png)}
/* -- ---- logo ---- -- */

/* // ---- main horoscopes ---- // */
.horoscopes {position:absolute; z-index:3; top:59%; left:58%; width:28%}
	.horoscopes .ico-horo {position:absolute; right:100%; margin-right:25px; top:10px}
	.horoscopes h2 {color:#f1d17b; font:41px 'Trebuchet MS',Tahoma; text-transform:uppercase}
	.horoscopes .date {color:#f1d17b; font-size:15px; padding-bottom:15px}
	.horoscopes p {line-height:18px; padding:0 15px 10px 0}
	.horoscopes .ar {position:absolute; width:23px; height:23px; top:15px; overflow:hidden}
		.horoscopes .ar i {position:relative; display:block; width:46px; height:46px; background:url(../img/horo-ars.png)}
		.horoscopes .disable i {top:-23px}
		.horoscopes .ar-right {right:0}
			.horoscopes .ar-right i {left:-23px}
		.horoscopes .ar-left {right:31px}
	.horoscopes .flexcroll {height:170px}
/* -- ---- main horoscopes ---- -- */

/* // ---- navigation ---- // */
.navigation, .sub-navigation {position:absolute; z-index:3; width:105px; left:14%; top:9%; margin-left:-4px; font-size:15px; background:url(../img/subnav.png) no-repeat 0 -25px}
	.navigation li, .sub-navigation li {position:relative; padding:1px 0 2px}
	.navigation .subnav {position:absolute; z-index:5; width:1px; top:0; left:-999em; height:21px; background:url(../img/subnav.png) no-repeat 0 0}
	.navigation .snav {padding-left:150px; width:339px}
	.navigation ul {font-size:12px; padding-left:33px; width:306px; background-color:#121227}
		.navigation ul li {float:left; width:140px; padding:1px 9px 1px 0}
	.navigation .sfHover .subnav, .navigation .active .subnav {left:-14px; top:0; width:488px}
		.navigation .sfHover a, .navigation .sfHover ul a:hover {color:#c1a762}
			.navigation .sfHover ul a {color:#63639e}
	.navigation a, .navigation .hr, .sub-navigation .hr {position:relative; z-index:6; font-weight:normal}
	.navigation .hr, .sub-navigation .hr {color:#c1a762 !important}

.s-t, .s-b {height:5px; margin-right:5px; background-color:#121227; font-size:1px}
	.s-t i, .s-b i {position:relative; display:block; width:5px; height:5px; overflow:hidden}
	.s-t i i, .s-b i i {width:10px; height:10px; background:url(../img/subnav-crn.png)}
	.s-t i {float:right; right:-5px}
		.s-t i i {float:none; right:0; left:-5px}
.s-b {margin-left:5px}
	.s-b .r {float:right; right:-5px}
		.s-b .r i {top:-5px; left:-5px}
	.s-b .l {left:-5px}
		.s-b .l i {top:-5px}

.sub-navigation {top:30%; margin-top:-6px}
/* -- ---- navigation ---- -- */

h1 {position:relative; z-index:3; color:#c1a763; font:32px 'Trebuchet MS',Tahoma}
	.about-title {position:absolute; left:14%; top:20%; margin-left:166px; width:45%}

/* // ---- about block ---- // */
.about-block {position:absolute; z-index:3; left:14%; margin-left:166px; width:49%; top:29%; height:60%}
	.about-block, .products-block .for-editor {padding-right:15px}
/* -- ---- about block ---- -- */

/* // ---- products block ---- // */
.products-block {position:absolute; z-index:3; left:14%; margin:-5px 0 0 166px; width:60%; top:27%}
.tabs-nav {font-size:14px; padding-bottom:29px}
	.tabs-nav li {float:left; padding-right:14px}
		.tabs-nav li.ui-tabs-selected a {color:#c1a762}
.products-block .flexcroll {height:245px}
/* -- ---- products block ---- -- */

/* // ---- card gift ---- // */
.card-gift {padding:0 0 35px 270px}
	.card-tools .photo-other, .card-gift .cover-img {position:relative; float:left; left:-270px; margin-right:-270px}}
	.card-gift .cover-img {height:auto !important; height:244px; min-height:244px}
	.card-text, .card-tools-r {float:right; width:100%}
	.card-text .scroller {height:245px}
.card-tools {padding-left:270px}
	.card-tools .photo-other {width:250px}
	.card-tools .photo-other li {float:left; padding:0 15px 15px 0}
	.card-tools .card-tools-r {padding-top:5px}
		.cost-choose {float:left; width:123px; font-size:12px}
			.cost-choose .sel {color:#9e9e9d !important}
			.cost-choose li {float:left; padding-right:10px}
		.cost-view {float:left; width:60%}
			.cost-view li {float:left; padding:0 0 15px 22px; white-space:nowrap}
			.cost-view li small {display:block; font-size:12px; padding-bottom:2px}
			.cost-view li p {color:#f1d17b; font-size:22px; padding-bottom:5px}
				.cost-view li p big {font-size:22px}
		/* .card-tools .cost {color:#f1d17b; font-size:22px; padding-bottom:3px}
			.card-tools .cost small {position:relative; top:-2px; display:block; color:#63639e; font-size:11px; padding-bottom:5px}
				.card-tools .cost .sel {color:#c1a762; border-bottom-width:0}
				.card-tools .cost small a {border-bottom:1px dashed} */
		.card-tools .order {font-size:16px}
/* -- ---- card gif ---- -- */

/* // ---- zodiacs page ---- // */
.zodiacs-page {position:absolute; z-index:3; left:14%; margin:0 0 0 166px; width:38%; top:29%}
	.zodiacs-page ul {position:relative; margin-left:-15px}
		.zodiacs-page li {float:left; width:97px; height:130px; text-align:center}
			.zodiacs-page li small {display:block; font-size:15px; padding-top:15px}
/* -- ---- zodiacs page ---- -- */

/* // ---- editor styles ---- // */
.for-editor {line-height:18px}
	.for-editor p {padding-bottom:18px}
	.for-editor ul {padding:0 0 18px 20px}
		.for-editor ul li {padding-left:10px; background:url(../img/li.gif) no-repeat 0 7px}
/* -- ---- editor styles ---- -- */

/* // ---- bottom ---- // */
.bottom {position:absolute; z-index:2; left:5%; bottom:35px; color:#6f7f8c; font-size:10px}
.status {position:absolute; z-index:2; right:37px; bottom:27px}
	.status a {display:block; width:80px; height:15px; background:url(../img/status.png)}
/* -- ---- bottom ---- -- */

/* // ---- bottom stars ---- // */
.bottom-stars {position:relative; z-index:1; margin-top:-609px; height:609px; background:url(../img/bottom-stars.jpg) no-repeat 0 0}
	.bottom-stars div {}
/* -- ---- bottom stars ---- -- */
.stars {position:absolute !important; z-index:1; left:0; top:0; width:100%; height:100%; overflow:hidden}
	.stars div {position:absolute; display:none}
	.stars .stars-1 {left:auto !important; top:127px !important; right:39px !important; width:325px; height:260px; background:url(../img/star-top-1.png)}
	.stars .stars-2 {left:auto !important; top:17px !important; right:36px !important; width:333px; height:591px; background:url(../img/star-top-2.png)}
	.stars .stars-3 {left:auto !important; top:28px !important; right:219px !important; width:403px; height:281px; background:url(../img/star-top-3.png)}
	.stars .stars-4 {left:auto !important; top:20px !important; right:68px !important; width:665px; height:277px; background:url(../img/star-top-4.png)}
	.stars .stars-5 {top:auto !important; bottom:43px !important; left:11px !important; width:389px; height:141px; background:url(../img/star-btm-1.png)}
	.stars .stars-6 {top:auto !important; bottom:30px !important; left:70px !important; width:408px; height:127px; background:url(../img/star-btm-2.png)}
	.stars .stars-7 {top:auto !important; bottom:161px !important; left:71px !important; width:63px; height:149px; background:url(../img/star-btm-3.png)}
	.stars .stars-8 {top:auto !important; bottom:26px !important; left:174px !important; width:103px; height:179px; background:url(../img/star-btm-4.png)}
	.stars .stars-9 {top:auto !important; bottom:72px !important; left:53px !important; width:478px; height:347px; background:url(../img/star-btm-5.png)}
	/* .stars .stars-1 {left:auto !important; top:17px !important; right:36px !important; width:697px; height:591px; background:url(../img/star-top-1.png)}
	.stars .stars-2 {left:auto !important; top:28px !important; right:39px !important; width:583px; height:359px; background:url(../img/star-top-2.png)}
	.stars .stars-3 {top:auto !important; bottom:26px !important; left:71px !important; width:206px; height:284px; background:url(../img/star-btm-3.png)}
	.stars .stars-4 {top:auto !important; bottom:11px !important; left:13px !important; width:605px; height:192px; background:url(../img/star-btm-1.png)}
	.stars .stars-5 {top:auto !important; bottom:30px !important; left:53px !important; width:478px; height:389px; background:url(../img/star-btm-2.png)} */

/* // ---- feedback ---- // */
.feedback {width:50%; padding-top:10px}
	.feedback h2 {color:#c1a763; font-size:18px; font-weight:normal; padding-bottom:10px}
	.feedback .lbl {padding-bottom:3px; font-size:11px}
	.feedback .inp {margin-bottom:10px}
	.feedback .btn input {color:#000; background-color:#c1a762; border-width:0; width:6.923em; height:1.769em}
		.feedback .btn input::-moz-focus-inner {padding:0px;border:0px}
		.feedback .btn input:focus {padding:2px 0 0 2px}
/* -- ---- feedback ---- -- */