@import url('reset.css');

#footer-stats {
    /*width: 570px;*/
    _width:570px;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    color: white;
    position: relative;
    top: 11px;
    left: 10px;
    line-height: 95%;
}

#footer-stats div div {
    position:relative;
    top: 5px;
}

#stats-visited, #stats-registered, #stats-produced {
    float: left;
    width: 180px;
    height: 30px;
    padding: 2px 2px 2px 4px;
}

#stats-visited {
    background-color: #465957;
}

#stats-registered {
    background-color: #39a39f;
}

#stats-produced {
    background-color: #4eb9c9;
}

#stats-men, #stats-nummen {
    float: right;
    text-align: center;
}
#stats-men {
    width: 30px;
}

#stats-nummen {
    width: 70px;
    font-weight: bold;
}

.stats-num {
    float: right;
    width: 45px;
    text-align: left;
    font-weight: bold;
}

body {
	font-size: 0.9em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #91A3A3;
	background-image: url('../img/body-bg.gif');
	background-position: center;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 16pt;
	font-style: italic;
	color: #1B2426;
}

#mainframe {
	position: relative;
	min-width: 1000px;
	width: 1000px;
	margin: auto;
	padding: 25px 0 55px 0;
}

#header {
	margin-right: 38px;
	height: 126px;
}

#header-panel {
	margin-left: 232px;
}

#header-buttons {
	height: 29px;
}

#header-buttons ul li {
	list-style: none;
	float: left;
}

#header-buttons .cards {
	float: right;
	margin-right: 10px;
}

#header-buttons .cards li {
	float: left;
	margin-left: 5px;
}

#header-buttons .languages {
	float: right;
}

#header-buttons .languages li {
	height: 29px;
	width: 29px;
	background-color: #F2F2EA;
	margin-left: 3px;
}

#header-buttons .languages li img {
	width: 22px;
	height: 22px;
	padding: 3px 3px 8px 3px;
}

#header-buttons .languages li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url('../img/buttons-flags-bg.gif') bottom repeat-x;
}

#header-menu {
	height: 85px;
	padding-top: 12px;
	padding-left: 10px;
	background-color: #F2F2EA;
	font-size: 0.8em;
	position: relative;
}

#header-menu a {
	color: #666;
	text-decoration: underline;
}

#header-menu ul {
	position: absolute;
}

#header-menu ul li {
	list-style: none;
	float: left;
	margin-right: 17px;
        text-align: center;
}

#header-menu ul li.male a,
#header-menu ul li.female a,
#header-menu ul li.tie a,
#header-menu a#enter-private {
        width: 143px;
        height: 15px;
        display: block;
        text-indent: -2000px;
        margin: 0;
        _padding: 2px 6px 2px 6px;
        background-repeat: no-repeat;
        
}
#header-menu ul li.male a {
	color: #3098AB;
        background: url('../img/constructor-male.png');
}

#header-menu ul li.female a {
	color: #A03D93;
        background: url('../img/constructor-female.png');
}

#header-menu ul li.tie a {
        background: url('../img/constructor-tie.png');
}

#header-menu a#enter-private {
        background: url('../img/enter-private.png');
        height: 25px;
        width: 155px;
        padding: 0;
        top: 12px;
}

#header-menu a#enter-private span {
    display: none;
}

#header-menu ul li.male a:hover,
#header-menu ul li.female a:hover,
#header-menu ul li.tie a:hover,
#header-menu a#enter-private:hover{
        background-position: 0 26px;
}

#header-menu ul li.male, #header-menu ul li.female, #header-menu ul li.tie {
        /*width: 155px;
        height: 25px;
        /*text-indent: -2000px;*/
}

#header-menu ul.constructors {
	top: 0px;
	left: 0px;
}

#header-menu ul.navigation {
	top: 49px;
	left: 10px;
	line-height: 1.3em;
}

#header-menu ul.navigation li {
	/*margin-right: 1.10em;*/
        margin: 0;
        padding: 0;
        position: relative;
}

#header-menu ul.navigation a {
    text-indent: -1000em;
    display: block;
    height: 27px;
    float: left;
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}

#header-menu ul.navigation a:hover {
    background-position: 0 -60px;
    background-color: transparent;
}

#navigation_shipping_terms {
    background-image: url('../design/unisex/ru/infolinks/shipping.png');
    width: 73px;
    _width: 70px;
}

#navigation_payment_terms {
    background-image: url('../design/unisex/ru/infolinks/payment.png');
    width: 62px;
    _width: 60px;
}

#navigation_recommendations {
    background-image: url('../design/unisex/ru/infolinks/recommendations.png');
    width: 105px;
    _width: 102px;
}

#navigation_FAQ {
    background-image: url('../design/unisex/ru/infolinks/questions.png');
    width: 69px;
    _width: 66px;
}

#navigation_feedbacks {
    background-image: url('../design/unisex/ru/infolinks/feedback.png');
    width: 63px;
    _width: 61px;
}

#navigation_photoGallery {
    background-image: url('../design/unisex/ru/infolinks/gallery.png');
    width: 92px;
    _width: 90px;
}

#navigation_contacts {
    background-image: url('../design/unisex/ru/infolinks/about.png');
    width: 89px;
    _width: 86px;
}

#navigation_partners {
    background-image: url('../design/unisex/ru/infolinks/affilitates.png');
    width: 78px;
    _width: 77px;
}

#navigation_forum {
    background-image: url('../design/unisex/ru/infolinks/forum.png');
    width: 78px;
}

#header-menu ul li a {
	padding: 5px 6px;
	line-height: 21px;
}

#header-menu ul li a:hover {
	background-color: #A3B700;
	color: #FFF;
	text-decoration: none;
}

a#enter-private {
	position: absolute;
	right: 1.6em;
	top: 17px;
	color: #3098AB;
	line-height: 15px;
	font-style: normal;
	cursor: pointer;
	padding-left: 22px;
	background: url('../img/enter-private-pic.gif') no-repeat left center;
	text-decoration:none;
}

#enter-private span {
	border-bottom: 1px #3098AB dashed;
	position: relative;
}

#logo {
	float: left;
	height: 122px;
	width: 232px;
	margin-top: 4px;
	background-image: url('../img/logo.png');
}

#logo h1, #logo h1 a {
	float: left;
	width: 225px;
	height: 100px;
	font-size: 0.01em;
	text-indent: -2000px;
}

#promo, #main-banner, #features, #content, #footer {
	margin: 0 38px;
}


#promo {
	position: relative;
	background-color: #292929;
	overflow: hidden;
	width: 924px;
}

#slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

.slideshow-images {
	height: 372px;
	width: 924px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}

#promo img {
	float: left;
}

#promo strong {
	color: #7AEEFF;
	font-weight: normal;
}

#promo-text {
	position: absolute;
	overflow: visible;
	top: 46px;
	left: 430px;
	width: 500px;
	float: left;
	clear: both;
	color: #FFF;
}

#promo-text h2 {
	color: #FFF;
	font-style: normal;
	font-size: 2.2em;
	width: 10em;
}

#promo-text p {
	line-height: 1.3em;
	margin-top: 1em;
}

#promo-text p img {
    float:none;
}

#promo-text .hquote {
	margin-left: -0.55em;
}

#promo .create {
	margin-top: 20px;
}


#promo .create ul {
	/*padding-top: 25px;
	background: url('../img/button-create.jpg') no-repeat;*/
	float: left;
	margin-right: 15px;
}


#promo .create ul li {
	float: left;
	clear: both;
	list-style: none;
	margin-bottom: 1px;
}

#promo .create a {
	display: block;
	/*width: 211px;*/
        width: 128px;
	padding-left: 13px;
	color: #FFF;
	text-decoration: none;
	font-style: italic;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.4em;
	line-height: 1.6em;
	/*background-image: url('../img/create-bg.png');*/
        text-indent: -2000px;
}

#promo .create a.tie  {
	background-position: -224px 0;
}

#promo .create a.female-shirt {
	/*background-position: -448px 0;*/
        background: url('../img/button-female-shirt-big.png')
}

#promo .create a.skirt {
	background-position: -672px 0;
}

#promo .create a.large {
	line-height: 3.2em;
}

#main-banner {
	/*background: #A4486F url('../img/main-banner-bg.gif');*/
	overflow: auto;
	/*display: none;*/
}
#main-banner a {
    float: left;
}
#promo .create a.male-shirt {
        background: url('../img/button-male-shirt-big.png');
}

#promo .create a.unisex-tie {
        background: url('../img/button-tie-big.png');
}

#promo .create a.male-shirt:hover,
#promo .create a.female-shirt:hover,
#promo .create a.unisex-tie:hover {
        background-position: 0 64px;
}
/*#promo .create a.male-shirt:hover,*/ #promo .create a.tie:hover {
	background-position: -896px 0;
}

/*#promo .create a.female-shirt:hover,*/ #promo .create a.skirt:hover {
	background-position: -1120px 0;        
}

#features {
	background-image: url('../img/features-bg.png');
}

#features ul li.offers, #features ul li.booklet, #features ul li.instruction {
	list-style: none;
	float: left;
	width: 265px;
	height: 155px;
	background-image: url('../img/features-bg.png');
	padding-top: 34px;
	padding-left: 43px;
	color: #FFF;
	font-size: 0.85em;
	line-height: 1.5em;
	position: relative;
}

#features ul li h3 {
	color: #FFF;
	margin-bottom: 0.8em;
}

#features ul li li {
	list-style: none;
}

#features ul li li:before {
	content: '-';
	padding-right: 0.4em;
}

#features ul li.offers {
	background-color: #4E6060;
}

#features ul li.offers a {
	color: #FFF;
}

#features ul li.offers a:hover {
	text-decoration: none;
}

#features ul li.booklet {
	background-color: #349794;
	background-position: -308px 0;
}

#features ul li.instruction {
	background-color: #4CB4C3;
	background-position: -616px 0;
}

#features ul li.instruction .download {
	position: absolute;
	top: 155px;
	font-size: 0.9em;
}

#features ul li.instruction .download a {
	color: #FFF;
}

#features ul li.instruction .download a:hover {
	text-decoration: none;
}

#features ul li img {
	float: left;
	position: absolute;
	top: 63px;
	left: 43px;
}

#features ul li p {
	padding-left: 110px;
	padding-right: 10px;
}

#features ul li a.button {
	display: block;
	position: absolute;
	top: 140px;
	left: 153px;
	width: 120px;
	height: 34px;
	font-size: 0.1em;
	text-indent: -2000px;
}

#features ul li a.button:hover {
	background-position: 0 -34px;
}

#features ul li a.button:active {
	background-position: 0 -68px;
}

#features ul li a.order {
	background-image: url('../img/button-order.png');
}

#features ul li a.dark-order {
    background-image: url('../img/button-order2.png');
}

#features ul li a.watch {
	background-image: url('../img/button-watch.png');
}

#features ul li a.watch-1 {
	background-image: url('../img/button-watch-1.png');
}

#content {
	clear: both;
	background-color: #F2F2EA;
	padding: 0 24px;
	overflow: auto;
	font-size: 0.8em;
}

#content a {
	color: #3098AB;
	text-decoration: underline;
}

#ties a {
    margin-left: 50px;
    display: block;
}

#content a:hover {
	color: #A3B700;
}

#content div.block {
	float: left;
	width: 100%;
	overflow: auto;
	padding-top: 30px;
}

#content div.block h2 {
	margin-bottom: 25px;
}

#content .last-shirts ul {
	overflow: hidden;
}

#content .js {
	float: left;
	overflow: hidden;
	width: 555px;
	height: 292px;
	position: relative;
}

#ties .js {
        height: 192px;
}

#content .js ul {
	position: absolute;
	overflow: hidden;
	height: 292px;
	width: 555px;
}

#shirts-left-scroller, #shirts-right-scroller,
#ties-left-scroller, #ties-right-scroller {
	float: left;
	height: 96px;
	width: 26px;
	background: url('../img/shirts-scrollers.gif') no-repeat;
	margin-top: 130px;
	cursor: pointer;
}

#ties-left-scroller, #ties-right-scroller {
        margin-top: 55px;
}

#shirts-left-scroller,
#ties-left-scroller {
	margin-right: 5px;
	background-position: center -192px;
}

#shirts-left-scroller.hover,
#ties-left-scroller.hover {
	background-position: center 0;
}

#content .last-shirts .disabled,
#content .last-ties .disabled{
	background: none;
	cursor: default;
}

#shirts-right-scroller,
#ties-right-scroller {
	margin-left: 5px;
	background-position: center -288px;
}

#shirts-right-scroller.hover,
#ties-right-scroller.hover {
	background-position: center -96px;
}

#content .shirts {
	width: 555px;
	float: left;
}

#content .ties {
	width:  555px;
    height: 195px;
}

#content .last-shirts {
	width: 625px !important;
	position: relative;
	top: 0;
	left: 0;
	float: left;
}
#content .last-ties {
    width: 620px !important;
}
#content .last-forum-message {
    width: 255px !important;
    overflow: hidden !important;
}
.last-forum-message h2 {
    margin-left: 20px;
}

#content .shirts li {
	float: left;
	position: relative;
	list-style: none;
	width: 185px;
	padding-top: 20px;
	padding-bottom: 35px;
	background: url('../img/shirts-shadow.jpg') bottom center no-repeat;
	margin-bottom: 20px;
}

#ties li {
        width: 205px;
}

#content .last-comment {
	width: 249px !important;
}

#content .last-comment h2 {
	text-indent: 22px;
}

#content .last-comment .container {
	background: #383838 url('../img/last-comment-bg.jpg') no-repeat;
	width: 174px;
	height: 239px;
	padding: 27px 30px 0 45px;
	color: #FFF;
	line-height: 1.4em;
}

#content .last-comment .container #last-feedback {
	height: 200px;
	overflow: hidden;
}

#content .last-comment .container p {
	margin-top: 0.3em;
}

#content .label {
	width: 100%;
	height: 37px;
	overflow: visible;
}

#ties .label {
        padding-bottom: 5px;
}

#content .label em {
	float: right;
	font-style: normal;
	font-size: 0.875em;
	text-align: center;
	line-height: 25px;
	width: 94px;
	height: 37px;
	background: #FFF url('../img/good-label.png');
}

#content .goods {
	width: 100%;
	float: left;
	overflow: hidden;
	z-index: 0;
}

#content .goods li {
	float: left;
	width: 120px;
	list-style: none;
	overflow: visible;
	text-align: center;
	padding-right: 40px;
	padding-left: 15px;
	z-index: 1;
}

#content .goods li a {
	display: block;
	cursor: pointer; /* fuckin' ie turnes me into captain obvious */
}

#content .goods li .label {
	z-index: 2;
}

#content .goods li .label em {
	margin-right: -35px;
	z-index: 100;
	position: relative;
}

#content .goods li .container {
	display: block;
	height: 155px;
	margin: auto auto 25px auto;
}

#content .goods li img {
	margin: auto;
}

#content .goods li strong {
	font-weight: normal;
	line-height: 1.5em;
	display: block;
	float: left;
	clear: both;
	width: 100%;
	text-decoration: underline;
}

#content .news ul {
	float: left;
	margin-left: -60px;
}

#content .news ul li {
	float: left;
	list-style: none;
	width: 225px;
	padding-left: 80px;
}

#content .news ul li.special {
	background: url('../img/label-special.png') 32px 8px no-repeat;
}

#content .news ul li em {
	font-style: normal;
	color: #666;
}

#content .news h3 {
	font-size: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	margin: 0.6em 0 0.4em 0;
}

#content .news h3 a {
	text-decoration: none;
}

#content .news h3 a:hover {
	text-decoration: underline;
}

#content .news p {
	line-height: 1.5em;
}

#learn-more-button {
	display: block;
	margin-bottom: 1em;
}

#learn-more-button span {
	color: #3098AB;
	cursor: pointer;
	border-bottom: 1px #3098AB dashed;
}

#learn-more-text {
	width: 500px;
	line-height: 1.4em;
}

#learn-more-text h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
    font-weight: bolder;
	color: #1B2426;
	margin-top: 2em;
}

#learn-more-text h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
    font-weight: bolder;
	color: #1B2426;
	margin-bottom: 1em;
}

#learn-more-text p {
	margin-bottom: 1em;
}

#learn-more-text ol {
    padding-left:2em;
}

#learn-more-text ul {
    padding-left:1.5em;
}

#learn-more-text ol ul li {
    list-style-type:disc;
}

#content .order li {
	float: left;
	list-style: none;
	margin-right: 12px;
}

#content .order li a {
	display: block;
	width: 213px;
	height: 36px;
	font-size: 0.1em;
	text-indent: -2000px;
}

#content .order li a.male {
	background: #3AA8BA url('../img/button-male-shirt.png');
	background-position: 0 -36px;
}

#content .order li a.female {
	background: #E793DC url('../img/button-female-shirt.png');
	background-position: 0 -36px;
}

#content .order li a.tie {
	background: #E793DC url('../img/button-tie.png');
	background-position: 0 -36px;
}


#content .order li a:hover {
	background-position: 0 0;
}

#content .order li a:active {
	background-position: 0 36px;
}

#footer {
	background-color: #F2F2EA;
	height: 65px;
	padding-top: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	color: #797974;
	font-size: 0.7em;
	line-height: 1.7em;
}

#footer a {
	color: #797974;
	text-decoration: underline;
}

#footer a:hover {
	color: #A3B700;
}

#footer img {
	float: left;
	margin-right: 33px;
}

#footer p {
	margin-top: 14px;
	margin-right: 33px;
	height: 36px;
	float: left;
}

#footer-menu {
	margin-top: 14px;
	padding-left: 22px;
}

#footer-menu li {
	list-style: none;
	float: left;
	width: 95px;
}

#enter-form {
	position: absolute;
	top: 38px;
	right: 41px;
	width: 270px;
	
	background-color: #FFF;
	border: 1px #DDD solid;
	padding: 25px 30px 25px 25px;
	font-size: 0.8em;
}

#enter-form dl {
	margin-top: 23px;
}

#enter-form dt {
	float: left;
	width: 64px;
}

#enter-form dt, #enter-form dd {
	margin-bottom: 14px;
}

#enter-form label {
	color: #8CAE00;
	line-height: 20px;
}

#remember-me {
	color: #000 !important;
	vertical-align: middle;
}

#remember-me input {
	float: left;
	margin: 4px 6px 0 64px;
}

#enter-form button {
	float: left;
	clear: both;
	margin-left: 64px;
	margin-top: 14px;
}

#enter-form a.button {
	float: left;
	clear: both;
	margin-left: 64px;
	margin-top: 14px;
	background: #444D4F url('../img/button-enter.png');
	width: 120px;
	height: 34px;
	font-size: 0.1em;
	text-indent: -2000px;
}

#enter-form a.button:hover {
	background-position: 0 -34px;
	background-color: #3FB1C4;
}

#enter-form a.button:active {
	background-position: 0 -68px;
	background-color: #138097;
}

#enter-email {
	width: 200px;
}

#enter-password {
	width: 95px;
}

#enter-forget-password {
	font-size: 0.95em;
	margin-left: 10px;
	line-height: 18px;
	color: #3098AB;
}

#enter-forget-password:hover {
	color: #A3B700;
}

#enter-form p.error {
	float: left;
	margin-left: 64px;
	margin-top: 18px;
	color: #C44040;
}

#enter-private-close {
	position: absolute;
	top: 7px;
	right: 11px;
	width: 12px;
	height: 10px;
	font-size: 0.1em;
	text-indent: -2000px;
	background: #8CAE00 url('../img/enter-private-close.gif');
	cursor: pointer;
}

/*\
html, body, */
.swc0, .swc1 {
	height: 100%;
}
.swc0 {
	display: table;
	margin: auto;
}
.swc1 {
	display: table-cell;
	vertical-align: middle;
}
/**/
.swc1 {
	white-space: nowrap;
}
/*
* html .swc1 {
	text-align: center;
}
* html .swc2 {
	display: inline-block;
	text-align: left;
	width: 1px;
}
*/

p.readMore {
    text-align: left;
}

.news h3 {
    color: #3098AB;
}

p.newsIntro {
    color: #666;
}

#social img {
    display: inline;
    float: left;
    margin-right: 2px;
}
#social a {
    margin-top: 3px;
    margin-right: 20px;
    font-size: 0.875em;
    float: left;
}
#flickr a {
    margin-right: 0;
}
#social {
    margin-left: 31px;
    margin-top: 10px;
}
#lastForumMessage {
    width: 225px;
    height: 170px;
    background: no-repeat top left url('../images/lastForumMessage.png');
    overflow: hidden;
    padding: 11px 5px 0px 30px;
}

#lastForumMessage #messageContent {
    width: 210px;
    height: 128px;
    overflow: hidden;
    padding-top: 3px;
}