/* reset */
html, body, 
div, span,
h1, h2, h3, h4, h5, h6, p,
a, address, em, img, strong, b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, 
tr, th, td {
	margin:0; padding:0;
	border:0; outline:0;
}

/* fonts */
@font-face { font-family:'HattoriHanzoLight';
    src:url('/font/hh.eot');
    src:url('/font/hh.eot?#iefix') format('embedded-opentype'),
        url('/font/hh.woff') format('woff'),
        url('/font/hh.ttf') format('truetype'),
        url('/font/hh.svg#HattoriHanzoLight') format('svg');
    font-weight:normal;
    font-style:normal; }

@font-face { font-family:'HattoriHanzoLightItalic';
    src:url('/font/hhi.eot');
    src:url('/font/hhi.eot?#iefix') format('embedded-opentype'),
        url('/font/hhi.woff') format('woff'),
        url('/font/hhi.ttf') format('truetype'),
        url('/font/hhi.svg#HattoriHanzoLightItalic') format('svg');
    font-weight:normal;
    font-style:normal; }

/* common */
input {
	autocomplete: "off" !important;
}
input.placeholder{
	color: #999;
}


a { color:#000;
	text-decoration:none; }

	a.dynamic { border-bottom:1px dashed;
		text-decoration:none !important; }
		
		a.dynamic:hover { border-bottom:none; }

.unit a,
.dropdown a { color:#0b5977;
	text-decoration:underline; }

a.btn { display:inline-block;
	height:22px;
	padding-left:10px;
	color:black;
	background:url("/img/sprites/btn.png") left top no-repeat;
	font:bold 12px/22px Arial, sans-serif;
	text-decoration:none; }

	a.btn span { display:inline-block;
		height:22px;
		padding-right:10px;
		background:url("/img/sprites/btn.png") right -22px no-repeat;
		text-decoration:none;
		cursor:pointer; }

/* AJAX loaders */

.ajax-loader-wrapper { display: block; text-align: center; }

.ajax-loader-small-dott { background: url('/img/ajax-loader.gif') no-repeat; width: 16px; height: 11px; }
.ajax-loader-big { background: url('/img/ajax-loader-big.gif') no-repeat; width: 43px; height: 11px; }
.ajax-loader-circle { background: url('/img/ajax-loader-circle.gif') no-repeat; width: 32px; height: 32px; display: inline-block; }
.ajax-loader-circle-trans { background: url('/img/ajax-loader-transparent.gif') no-repeat; width: 32px; height: 32px; display: inline-block; }

.ajax-loader-margin10 { margin: 10px; text-align: center; }
.ajax-loader-hidden { display: none; }


/* -----------------
   UI ELEMENT STYLES
   ----------------- */
.ui-tagbrand.text { padding:6px 8px;
	border:none;
	color:black; background:#fff;
	font:normal 14px/12px Arial,sans-serif;
	border-radius: 3px;
	border: 1px solid #d5d5d5;
}
   
.ui-tagbrand.button { padding:6px 8px;
	color:black; background:#efefef;
	font:normal 14px/12px Arial,sans-serif;
	background-color: #dfe0e2;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfe0e2', GradientType=0 );   
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #efefef), color-stop(100%, #dfe0e2));
	background-image: -webkit-linear-gradient(top, #efefef 0%, #dfe0e2 100%);
	background-image: -moz-linear-gradient(top, #efefef 0%, #dfe0e2 100%);
	background-image: -o-linear-gradient(top, #efefef 0%, #dfe0e2 100%);
	background-image: -ms-linear-gradient(top, #efefef 0%, #dfe0e2 100%);
	background-image: linear-gradient(top, #efefef 0%, #dfe0e2 100%);
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	outline-width:0;
	outline:none;
}

.ui-tagbrand.button:hover {
	box-shadow: 0px 0px 5px rgba(64, 194, 255, 0.500);
	border-color: #90C9E7;
	outline-width:0;
	outline:none;
}

.ui-tagbrand.button:active { padding:6px 8px;
	color:black; background:#dfe0e2;
	background-color: #dfe0e2;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe0e2', endColorstr='#efefef', GradientType=0 );   
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #dfe0e2), color-stop(100%, #efefef));
	background-image: -webkit-linear-gradient(top, #dfe0e2 0%, #efefef 100%);
	background-image: -moz-linear-gradient(top, #dfe0e2 0%, #efefef 100%);
	background-image: -o-linear-gradient(top, #dfe0e2 0%, #efefef 100%);
	background-image: -ms-linear-gradient(top, #dfe0e2 0%, #efefef 100%);
	background-image: linear-gradient(top, #dfe0e2 0%, #efefef 100%);
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	outline-width:0;
	outline:0;
}

.ui-tagbrand.button:focus {
	outline-width:0;
	outline:0;
	outline-offset:-2px;
	border: 1px solid #d5d5d5;
}


/* layout */
body { height:100%;
	background:#f7f7f7;
	font:normal 12px/16px Arial,sans-serif; }

#tagbrand { width:100%;
	padding-bottom: 50px; }
	
#tagbrand.paddingtop-filter { padding-top: 110px; }
#tagbrand.paddingtop { padding-top: 70px; }
#tagbrand.paddingtop-filter.big-filter { padding-top: 145px; }

.wrap {
	position:relative;
	/*width:944px;*/
    width:970px;
	margin:0 auto; 
	padding:0 40px;
}

/* header */
#header { height: 55px;
	box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.400);
	position:fixed; z-index:1000;
	left:0; top:0; right: 0;
    background-color: #323f50;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323f50', endColorstr='#1c2735', GradientType=0 );
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #323f50), color-stop(100%, #1c2735));
    background-image: -webkit-linear-gradient(top, #323f50 0%, #1c2735 100%);
    background-image: -moz-linear-gradient(top, #323f50 0%, #1c2735 100%);
    background-image: -o-linear-gradient(top, #323f50 0%, #1c2735 100%);
    background-image: -ms-linear-gradient(top, #323f50 0%, #1c2735 100%);
    background-image: linear-gradient(top, #323f50 0%, #1c2735 100%);
}

#head { position:relative; z-index:200; height: 55px; }

	#head.static { height: 120px; }

	#head a.logo {
		width:188px; height:55px;
		text-indent:-9999px;
		display: block;
		float: left;
		background:url("/img/bg/head-logo-shadow.png") 10px 9px no-repeat;
	}

	#head a.logo:active {
		background-position: 11px 10px;
	}

    #head .search-box {
        height: 32px;
        z-index: 101;
        position: absolute;
        left: 280px;
        top: 12px;
    }
        #head .search-box .bg {
            height: 32px;
            background: url("/img/bg/search-box-bg.png") repeat-x;
            position: relative;
        }
            #head .search-box .bg .textbox {
                border: 0;
                background: none;
                color: #A8A8A8;
                font: normal 12px/14px Tahoma;
                -webkit-appearance: none;
                outline: 0;
                padding-top: 6px;
                width: 130px;
            }
            #head .search-box .bg .textbox:focus {
                outline: 0;
            }
            #head .search-box .bg .textbox::-webkit-input-placeholder { /* WebKit browsers */
                color: #4c5861;
            }
        #head .search-box .l {
            width: 35px;
            height: 32px;
            background: url("/img/bg/search-box-l.png") no-repeat;
            position: absolute;
            left: -35px;
            top: 0;
        }
            #head .search-box .l .loader {
                width: 20px;
                height: 32px;
                padding-top: 7px;
                background: url("/img/bg/search-box-bg-loader.png") repeat-x;
                position: absolute;
                left: 12px;
                top: 0;
                display: none;
            }
        #head .search-box .r {
            width: 19px;
            height: 32px;
            background: url("/img/bg/search-box-r.png") no-repeat;
            position: absolute;
            right: -19px;
            top: 0;
        }
        #head .search-box .search-results {
            position: absolute;
            left: -35px; top: 40px;
            background: #fff;
            min-width: 300px;
            /*min-height: 165px;*/
            box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.400);
            border-radius: 5px;
            display: none;
        }

            #head .search-box .search-results #search-examples {
                display: block;
            }
            #head .search-box .search-results #search-results {
                display: none;
            }

            #head .search-box .search-results ul.list {
                list-style: none;
                margin: 0;
                padding: 0;
            }
            #head .search-box .search-results ul.list li.header {
                padding: 10px 13px 10px 13px;
                font: bold 12px/14px Arial;
                color: #747474;
            }
            #head .search-box .search-results ul.list li.example {
                padding: 2px 8px 5px 0px;
                font: normal 12px/14px Arial;
                color: #747474;
            }
            #head .search-box .search-results ul.list li.example a {
                display: block;
                padding: 5px 0 5px 35px;
                background: url("/img/sprites/search-btn.png?5") no-repeat;
                background-position: 0 0;
            }
                #head .search-box .search-results ul.list li.example:hover {
                    background: #2e6ddf;
                }
                #head .search-box .search-results ul.list li.example:hover a {
                    background-position: 0 -22px;
                    color: #fff;
                }

            #head .search-box .search-results ul.list li.more {
                padding: 4px 8px 4px 0px;
                font: normal 12px/14px Arial;
                color: #747474;
                clear: both;
                background: #F6F6F6;
            }
            #head .search-box .search-results ul.list li.more.margin {
                margin-bottom: 10px;
            }
            #head .search-box .search-results ul.list li.more a {
                display: block;
                padding: 5px 0 5px 15px;
                background: url("/img/sprites/search-btn.png?5") no-repeat;
                background-position: right -45px;
            }
            #head .search-box .search-results ul.list li.more:hover {
                background: #2e6ddf;
            }
            #head .search-box .search-results ul.list li.more:hover a {
                background-position: right -66px;
                color: #fff;
            }

            #head .search-box .search-results ul.list li.people {
                padding: 0px 8px 0px 0px;
                font: normal 12px/14px Arial;
                color: #747474;
            }
            #head .search-box .search-results ul.list li.people a {
                display: block;
                padding: 5px 0 5px 15px;
            }
                #head .search-box .search-results ul.list li.people a span {
                    padding: 1px 5px 1px 5px;
                    margin-left: 10px;
                    border-radius: 3px;
                    background: #2e6ddf;
                    color: #fff;
                }
                #head .search-box .search-results ul.list li.people a img {
                    width: 30px; height: 30px;
                    border-radius: 3px;
                    margin-right: 10px;
                }
            #head .search-box .search-results ul.list li.people:hover {
                background: #2e6ddf;
            }
            #head .search-box .search-results ul.list li.people:hover a {
                color: #fff;
            }

                #head .search-box .search-results ul.list ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    margin: 0px 20px 0px 15px;
                }
                    #head .search-box .search-results ul.list ul li {
                         list-style: none;
                         padding: 0;
                         float: left;
                         margin-bottom: 10px;
                        margin-right: 10px;
                     }
                    #head .search-box .search-results ul.list ul li .img {
                        width: 40px; height: 40px;
                        overflow: hidden;
                        border-radius: 5px;
                    }
                        #head .search-box .search-results ul.list ul li .img img {
                            max-width: 40px;
                        }


	#head .back-to-site { position:absolute; z-index:210;
		right:40px; top:35px;
		width:220px; height:77px; }
	
		#head .back-to-site a { text-transform: uppercase;
			font-style: italic;
			text-decoration: underline; }
	
	#head .user { 
		position:absolute; z-index:501;
		right:20px; top:11px;
	}
		#head.guest .user { right: 110px; }

	#head .user ul.reminders {
		float:left;
		list-style:none;
	}
	
		#head .user ul.reminders > li {
			position:relative; z-index:100;
			float:left;
		}
		
			#head .user ul.reminders > li > a { 
				position:relative;
				display:block;
				width:33px; height:33px;
				margin-right:4px;
				background:url("/img/sprites/reminders.png?1") no-repeat;
				text-indent:-9999px; } 
					
				#head .user ul.reminders li.alerts a { 
					background-position:left top;
				}

					#head .user ul.reminders li.inbox.alerts a {
						background-position:-22px 7px;
					}
                    #head .user ul.reminders li.inbox.hover.alerts a {
                        background-position:-22px -20px;
                    }
		
				#head .user ul.reminders li.messages a {
					background-position:left -33px;
				}
		
					#head .user ul.reminders li.inbox.messages a {
                        background-position:-52px 7px;
					}
                    #head .user ul.reminders li.inbox.hover.messages a {
                        background-position:-52px -20px;
                    }
					
				#head .user ul.reminders li.inbox.cart a {
                    background-position:5px 7px;
				}
                    #head .user ul.reminders li.inbox.hover.cart a {
                        background-position:5px -20px;
                    }
                    #head .user ul.reminders li.inbox.open.cart a{
                        background-position:5px 7px;
                    }
			
			#head .user ul.reminders li.inbox > a > span { 
				position:absolute;
				left:20px; top:4px;
				padding:0 4px;
				background:#eb254a; color:white;
				font:bold 10px Arial,sans-serif;
				text-indent:0; 
				border-radius:7px;
			}
		
		/* reminder dropdowns */
		#head .user ul.reminders li .dropdown {
			display:none;
			position:absolute; z-index:600;
			left:-1px; top:2px;
			width:38px; height:35px;
			background:url("/img/sprites/dropdowns.png?1") no-repeat;
			background-position: left -58px;
		}
		
			#head .user ul.reminders li.messages .dropdown { background-position:left -58px; }
		
			#head .user ul.reminders li .dropdown .i {
				position:absolute;
				left:1px; top:35px;
				width:230px;
				background:white;
                border-radius: 5px;
			}
				#head.guest .user ul.reminders li .dropdown .i { right: 3px; left: auto; }
			
			/* dropdown content */
			#head .user ul.reminders li .dropdown p.caption { 
				padding:10px 10px 9px 10px;
				color:#000; background:#fff;
				border-bottom: 1px solid #ddd;
				font:bold italic 12px/14px Arial,sans-serif;
				text-align:center; text-transform:uppercase;
			}
			
				#head .user ul.reminders li.messages .dropdown p.caption { background: #fff; }
			
			#head .user ul.reminders li .dropdown ol { 
				padding:10px 5px;
				list-style:none;
			}
				
				#head .user ul.reminders li .dropdown ol li { 
					overflow:hidden; 
					margin-top:5px;
					background: none;
					padding-left: 5px;
					padding-top: 5px;
					padding-bottom: 5px;
					/*cursor: pointer;*/
				}
				#head .user ul.reminders li .dropdown ol li:hover,
				#head .user ul.reminders li .dropdown ol li.unread:hover { 
					background: #ebebeb;
				}
				#head .user ul.reminders li .dropdown ol li.unread { 
					background: #f5f5f5;
				}

					#head .user ul.reminders li .dropdown ol li a {
						text-decoration: none;
					}

						#head .user ul.reminders li .dropdown ol li .notify-text {
							display: block;
						}
				
					#head .user ul.reminders li .dropdown ol li:first-child { margin-top:0; }
				
				#head .user ul.reminders li .dropdown ol li a.author { font-weight:bold; }
				
					#head .user ul.reminders li .dropdown ol li img.avatar { 
						float:left;
						margin:0 9px 0 0;
					}
				
				/* Cart */
				#head .user ul.reminders li .dropdown ol.items { margin: 0; padding: 0; }
					#head .user ul.reminders li .dropdown ol.items li { border-bottom: 1px solid #ddd; margin: 0; }
						#head .user ul.reminders li .dropdown ol.items li:last-child { border: 0; }
						
					#head .user ul.reminders li .dropdown ol.items li .img { width: 50px; height: 50px; overflow: hidden; float: left; margin-right: 5px; }
						#head .user ul.reminders li .dropdown ol.items li .img img { max-height: 50px; }
						
					#head .user ul.reminders li .dropdown ol.items li p.count { font-size: 11px; color: #888; }
					#head .user ul.reminders li .dropdown ol.items li p.price { font-size: 11px; color: #000; }
						
					#head .user ul.reminders li .dropdown ol.items li.total { background: #f1f1f1; font-size: 11px; padding: 5px 10px 5px 10px; }
						#head .user ul.reminders li .dropdown ol.items li.total p { display: inline-block; }
						#head .user ul.reminders li .dropdown ol.items li.total p.right { float: right; }
				
				
				
			#head .user ul.reminders li .dropdown .all { 
				padding:14px 10px 12px 10px;
				border-top: 1px solid #ddd;
				font:normal 12px/14px Arial,sans-serif;
				text-align:center;
			}
			
				#head .user ul.reminders li .dropdown .all a { 
					text-decoration: underline;
				}
				#head .user ul.reminders li .dropdown .all a:hover { 
					text-decoration: none;
				}
		
		/* icon */
		#head .user ul.reminders li.open > a { position:relative; z-index:700; }
			
			#head .user ul.reminders li.open.alerts > a,
            #head .user ul.reminders li.hover.open.alerts > a{ background-position:-22px 7px; }
			#head .user ul.reminders li.open.messages > a,
            #head .user ul.reminders li.hover.open.messages > a{ background-position:-52px 7px; }
			#head .user ul.reminders li.open.cart > a { background-position:5px 7px; }
			
		#head .user ul.reminders li.open > a span { display:none; }

        #head #location-form { position: absolute;
            right: 40px; top: 70px}
			
	#head .user > .avatar {
		position:relative; z-index:100;
		float:left;
		margin-left:16px;
		padding-top:0px;
		min-width: 145px;
	}
	
		#head .user > .avatar .corners {
			background:url("/img/sprites/avatar-corners.png?2") no-repeat;
			width: 35px;
			height: 35px;
			position: absolute;
			top: 0px;
		}
			
		#head .user .avatar > a {
			font:bold 12px/14px Arial, sans-serif;
			color:#000;
			text-decoration:none;
			display: block;
		}
		
			#head .user .avatar > a > img {
				float:left;
				width:35px; height:35px;
			}		
	
			#head .user .avatar > a > span {
				display:inline-block;
				padding:6px 12px 6px 8px;
				margin-top: 4px;
				background:url("/img/sprites/arrow-white.png") right 11px no-repeat;
				cursor:pointer;
				color: #fff;
			}
			
				#head .user .avatar.open > a > span,
				#head .user .avatar:hover > a > span {
					background: none;
					color: #000;
				}

		#head .user > .avatar .dropdown {
			display:none;
			width:145px;
		}

		/* profile dropdown */
		#head .user > .avatar:hover .dropdown {
			display:block;
			position:absolute;
			left:-10px; top:-10px;
			background:white;
			box-shadow: 0px 1px 5px rgba(34, 25, 25, 0.298);
		}
		
		/* user link */
		#head .user > .avatar:hover > a { 
			position:relative; z-index:700;
		}
		
			#head .user > .avatar:hover > a img { position:relative; z-index:701; } 
			
		
			#head .user > .avatar .dropdown > .i {
				padding:60px 0 5px 0; 
			}

			/* dropdown content */
			#head .user > .avatar .dropdown ul { 
				padding:0px;
				list-style:none; 
			}
			
				#head .user > .avatar .dropdown ul li,
				#content .userbar .usermenu ul li {  }

					#head .user > .avatar .dropdown ul li:first-child,
					#content .userbar .usermenu ul li:first-child { margin-top:0; }
			
				#head .user > .avatar .dropdown ul.aux,
				#content .userbar .usermenu ul.aux { padding-top:5px; margin-top: 5px;
					border-top: 1px solid #ddd; }
					
					#content .userbar .usermenu ul.aux { margin:0 -15px;
						padding:25px 15px 0 15px; }
						
					#head .user > .avatar .dropdown ul.aux a,
					#content .userbar .usermenu ul.aux a { color:#454545; padding: 5px; padding-left: 8px; display: block; }
		
			/* menu icons */
			#head .user > .avatar .dropdown ul li:hover { background: #f1f1f1; }
			
			#head .user > .avatar .dropdown ul li a,
			#content .userbar .usermenu ul li a { text-decoration:none;
				color: #454545;
				padding-left: 3px;
			}
			
				#head .user > .avatar .dropdown ul li a i,
				#content .userbar .usermenu ul li a i { 
					display:none; vertical-align:top;
					width:19px; height:19px; 
					margin:-1px 2px 0 0;
				}
				
				#head .user > .avatar .dropdown ul li a span,
				#content .userbar .usermenu ul li a span { text-decoration: none; }
				
				#head .user > .avatar .dropdown ul li a:hover span,
				#content .userbar .usermenu ul li a:hover span { text-decoration:none; }
				
				/* sprites */
				#head .user > .avatar .dropdown ul li.advisers a i { }
				#head .user > .avatar .dropdown ul li.clothes a i { background-position:left -19px; }
				#head .user > .avatar .dropdown ul li.brandins a i { background-position:left -38px; }
				#head .user > .avatar .dropdown ul li.brands a i { background-position:left -57px; }
				#head .user > .avatar .dropdown ul li.iselect a i { background-position:left -76px; }
				#head .user > .avatar .dropdown ul li.iknow a i { background-position:left -95px; }
				#head .user > .avatar .dropdown ul li.iwant a i { background-position:left -114px; }
				#head .user > .avatar .dropdown ul li.edit a i { background-position:left -133px; }
				#head .user > .avatar .dropdown ul li.logout a i { background-position:left -152px; }
				#head .user > .avatar .dropdown ul li.profile a i { background-position:left -170px; }

				#content .userbar .usermenu ul li.advisers a i { }
				#content .userbar .usermenu ul li.clothes a i { background-position:left -19px; }
				#content .userbar .usermenu ul li.brandins a i { background-position:left -38px; }
				#content .userbar .usermenu ul li.brands a i { background-position:left -57px; }
				#content .userbar .usermenu ul li.iselect i { background-position:left -76px; }
				#content .userbar .usermenu ul li.iknow a i { background-position:left -95px; }
				#content .userbar .usermenu ul li.iwant a i { background-position:left -114px; }
				#content .userbar .usermenu ul li.edit a i { background-position:left -133px; }
		
		/* user link */
		#head .user > .avatar.open > a { 
			position:relative; z-index:700;
		}
		
			#head .user > .avatar.open > a img { position:relative; z-index:701; } 

#head .create-button {
	position: absolute;
	left: -70px;
	top: -3px;
}
	#head.guest .create-button { left: 60px; }
	
	#head .create-button a {
		display: block;
		width: 55px;
		height: 38px;
		background: url("/img/sprites/create-button.png") 0 0 no-repeat;
	}
		#head .create-button a:hover { background-position: 0 -38px; }
	
	#head .create-button .actions-wrapper {
		width: 310px;
		position: absolute;
		top: 35px;
		left: -120px;
		display: none;
		height: 135px;
		padding-top: 20px;
	}
		#head .create-button:hover .actions-wrapper { display: block; }
	
	#head .create-button .actions {
		background: padding-box rgba(255, 255, 255, 0.984);
		border: 1px solid rgba(100, 100, 100, 0.200);
		border-radius: 3px;
		box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.251);
		width: 300px;
	}
	
		#head .create-button .actions .arrow {
			background: url("/img/sprites/popup-arrow-white.png") no-repeat;
			width: 26px; height: 12px;
			position: absolute;
			left: 135px; top: 9px;
		}
		
		#head .create-button .actions ul { list-style: none; }
		#head .create-button .actions ul li { border-bottom: 1px solid #ddd; }
		#head .create-button .actions ul li:last-child { border: 0; }
		#head .create-button .actions ul li a { padding: 8px; padding-right: 7px; background: none; display: block; width: 285px; height: 50px; }
		#head .create-button .actions ul li a:hover { background: #F1F1F1; }
		#head .create-button .actions ul li a h2 { font:bold 14px Arial,sans-serif; }
		#head .create-button .actions ul li a span { font:normal 11px Arial,sans-serif; color: #666; }

        #head .create-button .actions ul li a div.icon { background: url('/img/sprites/create-dialog-icons.png?1');
            width: 36px;
            height: 33px;
            float: left;
            margin-right: 10px;
        }
            #head .create-button .actions ul li a div.icon.poll { background-position: 0 -37px; }
            #head .create-button .actions ul li a div.icon.video { background-position: 0 -73px; }



/* top iphone banner */
#head .iphone-banner { 
		position:absolute; z-index:500;
		right:-80px; top:0px;
		width: 78px;
		height: 174px;
		background: url("/img/banners/iphone-ru.png") no-repeat;
	}
	#head .iphone-banner.en { background: url("/img/banners/iphone-en.png") no-repeat; }
	#head .iphone-banner a {
		display: block;
		width: 78px;
		height: 174px;
	}

ul.feed-menu {
    /*
	list-style: none;
	height: 40px;
	z-index: 101;
	position: relative;
	float: left;
	margin-left: 30px;
	*/
    list-style: none;
    height: 40px;
    z-index: 101;
    position: absolute;
    float: left;
    margin-left: 30px;
    right: 380px;
    top: 0px;
}

	ul.feed-menu > li { float: left; list-style: none; }
	/*ul.feed-menu > li:first-child { min-width: 135px; line-height: 0; }*/

		ul.feed-menu > li > a {
			padding: 0 18px;
			text-decoration: none;
			display: block;
			font:bold 14px Arial,sans-serif;
			color: #fff;
			line-height: 55px;
		}
		ul.feed-menu > li > span {
			padding: 0 18px;
			display: block;
			font: bold 14px Arial,sans-serif;
			color: #fff;
			line-height: 55px;
			cursor: default;
		}
		ul.feed-menu > li:hover > a,
		ul.feed-menu > li.active > a,
		ul.feed-menu > li:hover > span,
		ul.feed-menu > li.active > span { color: #9ed1f4; }
		ul.feed-menu > li.dropdown:hover { background-color: #323F50; }

		ul.feed-menu li.shop a { color: #e86782; }
		ul.feed-menu li.shop a:hover { color: #d24966; }

        ul.feed-menu li div.new { position: absolute;
            right: 0;
            top: 8px;
            background: #e86782;
            padding: 1px 4px 1px 4px;
            border-radius: 2px;
            color: #fff;
            font-size: 10px;
            line-height: 10px;
        }

		ul.feed-menu > li.dropdown > span > i {
			display: inline-block;
			margin-left: 10px;
			width: 0; height: 0;
			vertical-align: middle;
			border-top: 4px solid #d3d3d3;
			border-left: 4px solid rgba(0, 0, 0, 0);
			border-right: 4px solid rgba(0, 0, 0, 0);
			content: "";
		}

		ul.feed-menu > li.dropdown > ul {
			display: none;
			background-color: #ffffff;
			position: relative;
		}
		ul.feed-menu li.dropdown:hover > ul { display: block; box-shadow: 0 0 10px black; }

			ul.feed-menu li.dropdown > ul > li { list-style: none; }

				ul.feed-menu > li > ul > li > a {
					padding: 8px 18px;
					text-decoration: none;
					display: block;
					font: bold 14px Arial,sans-serif;
					color: #808080;
				}
				ul.feed-menu > li > ul > li:first-child > a {
					padding-top: 16px;
				}
				ul.feed-menu > li > ul > li:last-child > a {
					padding-bottom: 16px;
				}
				ul.feed-menu > li > ul > li > a:hover {
					color: #323F50;
				}

#menu-holder { width: 430px;
	position: absolute;
	top: 57px; left: 0;
}

#menu {
	position:relative; z-index:110;
	height:60px;
	margin-top:-50px;
	padding-top:0px;
	left: 250px;
}

	#menu .wrap { height:50px; position: relative; }

	/* ----- */
	#menu.filters {  }
	#menu.nofilters { height: 50px; }
	#menu .wrap { width: 945px; }

	#menu ul.tabs { list-style: none;
		height: 40px;
		z-index: 101;
		position: relative; }

		#menu ul.tabs li { float: left;
			padding: 12px 18px 12px 18px; }
		
		#menu ul.tabs li.right { float: right; }
			
		#menu ul.tabs li.active { position: relative;
			background: url("/img/sprites/menu-tabs.png");
			background-position: left top;
			background: none; }
			
			#menu ul.tabs li.active i { position: absolute;
				left: 0; top: 0;
				width: 6px; height: 41px;
				background: url("/img/sprites/menu-tabs.png") no-repeat;
				background-position: 0px -41px;
				background: none; }
			#menu ul.tabs li.active b { position: absolute;
				right: 0; top: 0;
				width: 6px; height: 41px;
				background: url("/img/sprites/menu-tabs.png") no-repeat;
				background-position: -4px -41px;
				background: none; }
				
			#menu ul.tabs.noactivetab li.active,
			#menu ul.tabs.noactivetab li.active i,
			#menu ul.tabs.noactivetab li.active b { background: none; }
			
			#menu ul.tabs li a { font:bold 14px Arial,sans-serif;
				color: #fff; }
			#menu ul.tabs li a:hover { color: #9ed1f4; }
			#menu ul.tabs li.active a { color: #9ed1f4; }
			
			#menu ul.tabs li.dropdown { background: url('/img/sprites/arrow-white.png') no-repeat right 18px; margin: 2px 8px 0 10px; padding: 10px 15px 12px 10px; }
			#menu ul.tabs li.dropdown a { text-decoration: none; }

            #menu ul.tabs li.shop a { color: #e86782; }
            #menu ul.tabs li.shop a:hover { color: #d24966; }
			
			/* DWOPDOWN */
			#menu .menu-dropdown {
				position: absolute;
				left: 10px;
				top: 2px;
				background: #fff;
				box-shadow: 0px 1px 5px rgba(34, 25, 25, 0.298);
				width: 120px;
				z-index: 900;
				display: none;
			}
				#menu .menu-dropdown.people { left: 230px; }
			
				#menu .menu-dropdown .caption { font: 700 14px "Arial", sans-serif; color: #000; padding: 10px; }
				
				#menu .menu-dropdown ul { list-style: none; padding: 0; }
				#menu .menu-dropdown ul li { padding: 5px 5px 5px 8px; }
				#menu .menu-dropdown ul li:hover { background: #f1f1f1; }
				#menu .menu-dropdown ul li a { color: #454545;
					padding-left: 3px;
					text-decoration: none;
				}

		#menu ul.tabs li.splitter { float: left;
			padding: 12px 20px 12px 20px;
			margin-right: 0px; }

	#menu div.submenu { height: 49px; width: 100%; display: block;	
		position: relative;
		margin-top: 0px;
		z-index: 100;
		display: none; }
		
		#menu.stuck div.submenu {  }
	
		#menu div.submenu .l { position: absolute;
			height: 49px;
			padding-left: 11px;
			left: 0; top: 0;
			background: url("/img/sprites/menu-tabs.png") no-repeat;
			background-position: 0px -131px;
			background: none; }
		
		#menu div.submenu .r { position: absolute;
			height: 49px;
			padding-left: 11px;
			right: 0; top: 0;
			background: url("/img/sprites/menu-tabs.png") no-repeat;
			background-position: -11px -131px;
			background: none; }
		
		#menu div.submenu .content { background: url("/img/sprites/menu-tabs.png") repeat-x;
			background-position: 0px -82px;
			position: absolute;
			left: 11px; top: 0;
			width: 923px; height: 38px;
			padding-top: 11px;
			background: none; }
			
	#menu div.submenu ul.radio { list-style: none; }
	#menu div.submenu ul.radio li { float: left;
		background: url("/img/sprites/menu-filters.png") no-repeat;
		padding: 4px 20px 4px 15px;
		list-style: none;
		position: relative;
		margin-right: 15px; }

		#menu div.submenu ul.radio li.active,
		#menu div.submenu ul.radio li:hover { background-position: 0px -26px; }

		#menu div.submenu ul.radio li i { position: absolute;
			right: 0; top: 0;
			width: 17px; height: 26px;
			background: url("/img/sprites/menu-filters.png") no-repeat;
			background-position: -110px 0px; }
	
			#menu div.submenu ul.radio li.active i,
			#menu div.submenu ul.radio li:hover i { background-position: -110px -26px; }
	
		#menu div.submenu ul.radio li a { color: #fff;
			font:bold italic 14px/18px Arial, sans-serif;
			text-shadow: #888 1px 1px 1px; }
			
		#menu div.submenu ul.radio li.active a,
		#menu div.submenu ul.radio li:hover a { color: #fff;
			font:bold italic 14px/18px Arial, sans-serif;
			text-shadow: #157320 1px 1px 1px; }
	
	#menu div.submenu ul.period { list-style: none; }
	#menu div.submenu ul.period li { float: left;
		padding-top: 5px;
		margin-right: 15px;
	}
	#menu div.submenu ul.period li a { font:bold 12px/18px Arial, sans-serif; color: #777777; }
	#menu div.submenu ul.period li a:hover { color: #000; }
	#menu div.submenu ul.period li.active  a { color: #000; }
	
	#menu div.submenu .calend { padding: 26px 24px 0 0;
		background: url("/img/sprites/menu-filters.png") no-repeat;
		background-position: -127px 0px;
		float: left;
		margin-right: 5px;
	}
	
	#menu div.submenu .splitter {
		width: 6px; height: 24px;
		background: url("/img/sprites/menu-filters.png") no-repeat;
		background-position: -150px 0px;
		margin-left: 5px; margin-right: 5px;
		float: left;
	}
	
	#menu div.submenu .right {
		float: right; }
	
	#menu div.submenu input.search-textbox { 
		margin: 0;
		padding: 6px; padding-left: 34px;
		background: url("/img/sprites/menu-filters.png") no-repeat;
		background-position: 0px -52px;
		border: 0;
		float: left;
	 }
	 
	 #menu div.submenu .search-textbox-button {
	 	background: url("/img/sprites/menu-filters.png") no-repeat;
	 	width: 35px; height: 28px;
		background-position: 0px -80px;
		border: 0;
		outline: none;
		float: left;
	 }
	 	#menu div.submenu .search-textbox-button.clearbtn { background-position: -35px -80px;
	 		cursor: pointer; }
	 	#menu div.submenu input:focus { outline: none; }
	 
	 	#menu div.submenu .search-textbox-button div { background: none; }
	 	
	 	
	/* NEW ICONS */
	#menu div.ad-icons { position:absolute; right:40px; top:3px; z-index: 1000; }
	
		#menu div.ad-icons div a { font-size: 11px; }
		
		#menu div.ad-icons .blog { width: 130px; float: left; line-height: 12px; margin-right: 5px; }
			#menu div.ad-icons .blog .icon { width: 18px; height: 24px; background: url("/img/sprites/top-menu-icons.png") no-repeat; float: left; margin-right: 8px; margin-top: 2px; opacity: 0.3; }
			#menu div.ad-icons .blog:hover .icon { opacity: 1; background-position: 0px -24px; }
			
		#menu div.ad-icons .iphone { width: 140px; float: left; line-height: 12px; }
			#menu div.ad-icons .iphone .icon { width: 14px; height: 24px; background: url("/img/sprites/top-menu-icons.png") no-repeat -19px 0px; float: left; margin-right: 8px; margin-top: 2px; opacity: 0.3; }
			#menu div.ad-icons .iphone:hover .icon { opacity: 1; background-position: -19px -24px; }

	#menu .shop-link { width: 70px; height: 20px; position: absolute; left: 308px; top: 11px; z-index: 102; }
		#menu .shop-link a { display: block; width: 70px; height: 20px; background: url(/img/sprites/shop-link.png) no-repeat; }
		#menu .shop-link a:hover { opacity: 0.8; }

#submenu-holder {
	width: 100%;
	position: fixed;
	left: 0; top: 50px;
	z-index: 900;
}
	#submenu-holder .submenu {
		margin: 0 auto;
        /*background: #fff;
        border-radius: 5px;
        box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.400);*/
		width: 970px;
		margin-top: 0px;
		height: 27px;
		padding: 14px 65px 4px 65px;
        background: url("/img/bg/submenu-shadow.png") no-repeat;
        background-position: left bottom;
	}
	
	#submenu-holder.search .submenu {
		height: 65px;
        /*
		background-color: #fafafa;
		background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
		background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
		background-repeat: repeat-x;
		*/
	}

    #tagbrand #submenu-holder .submenu ul.feed-filter { list-style: none; }
    #tagbrand #submenu-holder .submenu ul.feed-filter li { float: left; margin-right: 10px; list-style: none; }

	/* ORDER */
	#tagbrand #submenu-holder .submenu ul.radio { list-style: none; }
	#tagbrand #submenu-holder .submenu ul.radio li { float: left; margin-right: 10px; list-style: none; }
	#tagbrand #submenu-holder .submenu ul.radio li a {
		font: normal 12px/12px Arial; color: #000;
        text-decoration: none;
        padding: 3px 6px 3px 6px;
	}
	#tagbrand #submenu-holder .submenu ul.radio li.active a {
		background: #4d5a64; color: #fff;
		border-radius: 5px;
	}
	#tagbrand #submenu-holder .submenu ul.radio li.active a:hover {
        background: #4d5a64; color: #fff;
	}
    #tagbrand #submenu-holder .submenu ul.radio li a:hover {
        background: #DFE6EC; color: #000;
        border-radius: 5px;
    }

    /* CONTEST */
    #tagbrand #submenu-holder .submenu ul.radio li.contest a {
        font: bold 12px/12px Arial; color: #E75E79;
        text-decoration: none;
        padding: 3px 6px 3px 6px;
        border-radius: 5px;
    }
    #tagbrand #submenu-holder .submenu ul.radio li.contest a:hover {
        background: #E75E79;
        color: #fff;
    }

	
	/* PERIOD */
	#tagbrand #submenu-holder .submenu .calend { 
		background: url("/img/sprites/menu-filters.png") -127px 0px no-repeat;
		float: left;
		margin: -6px 5px 0 10px;
		padding: 26px 24px 0px 0px;
	}
	#tagbrand #submenu-holder .submenu ul.period { list-style: none; }
	#tagbrand #submenu-holder .submenu ul.period li { float: left; margin-right: 10px; list-style: none; }
	#tagbrand #submenu-holder .submenu ul.period li a {
		font: normal 12px/12px Arial; color: #000;
	}
	#tagbrand #submenu-holder .submenu ul.period li.active a,
	#tagbrand #submenu-holder .submenu ul.period li a:hover { border-bottom: 1px dotted #555; }
	#tagbrand #submenu-holder .submenu ul.period:hover li.active a { border-bottom: 0; }
	#tagbrand #submenu-holder .submenu ul.period:hover li.active a:hover { border-bottom: 1px dotted #555; }

	/* SEARCH */
	#tagbrand #submenu-holder .submenu div.right { float: right; margin-top: -5px; padding-top: 0; width: 400px; }
	#tagbrand #submenu-holder .submenu div.right .search-textbox-button { display: none; }
	#tagbrand #submenu-holder .submenu div.right .search-textbox-button.clearbtn {
		background: url("/img/sprites/menu-filters.png") no-repeat;
		background-position: -70px -83px;
		cursor: pointer;
		width: 20px;
		display: inline-block;
		display: none;
		border: 0;
		border-right: 1px solid;
	}
	#tagbrand #submenu-holder .submenu div.right .search-textbox { float: right; margin-right: 5px; }

	#tagbrand #submenu-holder.search .submenu div.right { float: left; width: 970px; margin-top: -4px; }

	#tagbrand #submenu-holder.search .submenu .content { position: relative; }
	#tagbrand #submenu-holder.search .submenu .content > ul { position: absolute; left: 0px; top: 40px; }

	#tagbrand #submenu-holder.search .submenu div.right .search-textbox { padding: 5px; float: left; width: 350px; }
	#tagbrand #submenu-holder.search .submenu div.right .search-textbox.city { width: 200px; margin-left: 5px; margin-right: 5px; }
	#tagbrand #submenu-holder.search .submenu div.right .search-textbox.sex { width: 90px; margin-left: 5px; margin-right: 5px; }
	#tagbrand #submenu-holder.search .submenu div.right .chzn-single { padding: 3px 5px; }
	#tagbrand #submenu-holder.search .submenu div.right .chzn-single div b { background-position: 0px 5px; }
	#tagbrand #submenu-holder.search .submenu div.right .chzn-with-drop .chzn-single div b { background-position: -18px 5px; }
	#tagbrand #submenu-holder.search .submenu div.right .chzn-single abbr { top: 9px; }

	#tagbrand #submenu-holder.search .submenu div.right .search-textbox-button.city { display: block; }
	#tagbrand #submenu-holder.search .submenu div.right .search-textbox-button.button { margin-left: 10px; float: left; padding:8px 8px; }

	#tagbrand #submenu-holder.search .submenu div.right .wrapper { position: relative; float: left; margin: 2px 3px; }

	#tagbrand #submenu-holder.search .submenu div.right .search-textbox-button.clearbtn { display: block;
		border: 0;
		position: absolute; right: 5px; top: 7px;
		background-position: -70px -79px;
	}

	#tagbrand #submenu-holder.search .submenu div.right .colorpicker { height: 18px; }
	#tagbrand #submenu-holder.search .submenu div.right .colorpicker .hexbox { line-height: 20px; }
	#tagbrand #submenu-holder.search .submenu div.right .colorpicker .bgbox { margin-top: 2px; }
	#tagbrand #submenu-holder.search .submenu div.right .colorbox { top: 34px; }
	
	/* CLOSE FILTER */
	#tagbrand #submenu-holder .submenu ul.filter { list-style: none; }
	#tagbrand #submenu-holder .submenu ul.filter li { float: left; margin-right: 10px; list-style: none; }
	#tagbrand #submenu-holder .submenu ul.filter li a {
		font: normal 12px/12px Arial; color: #000;
	}
	#tagbrand #submenu-holder .submenu ul.filter li.close a { display:inline-block;
		height:21px;
		padding-right:27px;
		background:url("/img/sprites/filter-close.png") top right no-repeat;
		padding-top: 1px;
	}
	

/* follow people */
#howtofollow { width: 80%;
	margin: 0 auto;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	padding: 10px; padding-top: 20px;
	box-shadow: 0px 1px 2px rgba(34, 25, 25, 0.298); }

	#howtofollow a { color: #0B5977; font-weight: 700; }

	#howtofollow h2 { font: normal 18px/18px Arial; margin-bottom: 5px; }
	#howtofollow h3 { font: normal 12px/18px Arial; color: #777; }

	#howtofollow ul.users {
		padding: 10px;
		padding-top: 40px;
		list-style: none;
		text-align: left;
		width: 90%;
		margin: 0 auto;
	}
		#howtofollow li {
			padding: 0px 15px 5px 70px;
			border-bottom: 1px solid #f1f1f1;
			position: relative;
			height: 90px;
			margin-bottom: 10px;
		}
			#howtofollow ul li img.avatar { margin-left: -50px; height: 50px; width: 50px; }
			#howtofollow ul li a { color: #0B5977; font-size: 12px; font-weight: 700; }
			#howtofollow ul li span { display: block; font-size: 11px; color: #777; }
			
			#howtofollow ul li .follow-button { width: 90px; }
			#howtofollow ul li .follow-button a { color: #000; text-shadow: #fff 1px 1px 1px; font-weight: normal; }
	
		#howtofollow li .brandins { height: 90px; position: absolute; right: 15px; top: 0; }
			#howtofollow li .brandins .one { display: block; width: 80px; height: 80px; overflow: hidden; float: left; margin-left: 10px; }
			#howtofollow li .brandins .one img { max-width: 80px; float: left; }
	
	#howtofollow .follow-button-wrapper { margin-left: 10px; margin-top: 5px; }

/* FOLLOW PEOPLE */
#followPeopleDialog { background: #fff; min-width: 700px; min-height: 400px;
	border-radius: 15px;
	position: absolute; top: 150px; z-index: 5000;
	padding: 30px 15px 30px 15px; text-align: center; display: none; }
	
	#followPeopleDialog .arrow { position: absolute; background:url(/img/sprites/follow-dialog-arrow.png) no-repeat; width: 90px; height: 95px; top: -100px; left: 260px; }
	
	#followPeopleDialog h2 { text-align: center; font: normal normal 400 22px/normal Helvetica; }
	#followPeopleDialog h3 { text-align: center; font: normal normal 400 14px/normal Helvetica; margin-top: 5px; }
	
	#followPeopleDialog ul.friends { width: 610px; display: inline-block; margin-top: 15px; list-style: none; }
	#followPeopleDialog ul.friends li { width: 200px; height: 75px; display: inline-block; text-align: left; margin-top: 10px; }
	#followPeopleDialog ul.friends li.hidden { display: none; }
	#followPeopleDialog ul.friends li img { float: left; margin-right: 10px; width: 50px; height: 50px; }
	#followPeopleDialog ul.friends li b { font-weight: 700; color: #0B5977; display: block; white-space: nowrap; max-width: 120px; overflow: hidden; }
	#followPeopleDialog ul.friends li span { font-size: 11px; color: #777; display: block; height: 20px; }
	
	#followPeopleDialog .show-all { clear: both; display: block; padding: 5px; background: #F0F1F2; margin-left: 30px; margin-right: 30px; margin-bottom: 20px; }
		#followPeopleDialog .show-all a { color: #777; display: block; }
		#followPeopleDialog .show-all:hover { background: #E9ECEF; }
	
	#followPeopleDialog .footer { margin-top: 20px; }
	
	#followPeopleDialog .button.follow { margin-top: 5px; cursor: pointer; }
	#followPeopleDialog .button.follow a { font-weight: 700; }
	
	#followPeopleDialog .grid.wrap { width: 640px; margin-top: 10px; text-align: left; padding: 0; }
	#followPeopleDialog .grid .text { text-align: left; }
		#followPeopleDialog .grid p.who { text-align: left; margin: 5px; margin-left: 0px; margin-bottom: 0px; white-space: nowrap; overflow: hidden; width: 145px; }
			#followPeopleDialog .grid p.who a { font-weight: 700; color: #0B5977; }
			#followPeopleDialog .grid .followers { font-size: 11px; color: #777; display: block; margin-left: 0px; height: 18px; }
	
	/* FOLLOW */
	#followPeopleDialog .button.follow a {
		background-color: #3c89b3;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c89b3', endColorstr='#367495', GradientType=0 );   
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #3c89b3), color-stop(100%, #367495));
		background-image: -webkit-linear-gradient(top, #3c89b3 0%, #367495 100%);
		background-image: -moz-linear-gradient(top, #3c89b3 0%, #367495 100%);
		background-image: -o-linear-gradient(top, #3c89b3 0%, #367495 100%);
		background-image: -ms-linear-gradient(top, #3c89b3 0%, #367495 100%);
		background-image: linear-gradient(top, #3c89b3 0%, #367495 100%);
		border: 0;
		color: #fff;
		text-shadow: 0px 1px 1px #224a60;
		border-radius: 3px;
		padding: 5px;
		font-size: 11px;
	}
	#followPeopleDialog .button.follow a:active {
		background-color: #367495;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367495', endColorstr='#3c89b3', GradientType=0 );   
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #367495), color-stop(100%, #3c89b3));
		background-image: -webkit-linear-gradient(top, #367495 0%, #3c89b3 100%);
		background-image: -moz-linear-gradient(top, #367495 0%, #3c89b3 100%);
		background-image: -o-linear-gradient(top, #367495 0%, #3c89b3 100%);
		background-image: -ms-linear-gradient(top, #367495 0%, #3c89b3 100%);
		background-image: linear-gradient(top, #367495 0%, #3c89b3 100%);
		border: 0;
		color: #fff;
		text-shadow: 0px 1px 1px #224a60;
	}
	/* UNFOLLOW */
	#followPeopleDialog .button.follow.followed a {
		background-color: #34b24b;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34b24b', endColorstr='#199731', GradientType=0 );   
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #34b24b), color-stop(100%, #199731));
		background-image: -webkit-linear-gradient(top, #34b24b 0%, #199731 100%);
		background-image: -moz-linear-gradient(top, #34b24b 0%, #199731 100%);
		background-image: -o-linear-gradient(top, #34b24b 0%, #199731 100%);
		background-image: -ms-linear-gradient(top, #34b24b 0%, #199731 100%);
		background-image: linear-gradient(top, #34b24b 0%, #199731 100%);
		border: 0;
		color: #fff;
		text-shadow: 0px 1px 1px #224a60;
		border-radius: 3px;
		padding: 5px;
		font-size: 11px;
	}
	#followPeopleDialog .button.follow.followed a:active {
		background-color: #199731;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199731', endColorstr='#34b24b', GradientType=0 );   
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #199731), color-stop(100%, #34b24b));
		background-image: -webkit-linear-gradient(top, #199731 0%, #34b24b 100%);
		background-image: -moz-linear-gradient(top, #199731 0%, #34b24b 100%);
		background-image: -o-linear-gradient(top, #199731 0%, #34b24b 100%);
		background-image: -ms-linear-gradient(top, #199731 0%, #34b24b 100%);
		background-image: linear-gradient(top, #199731 0%, #34b24b 100%);
		border: 0;
		color: #fff;
		text-shadow: 0px 1px 1px #224a60;
	}
	

/* content */		
#content {
	width:945px;
	padding:6px 10px 120px;
}
    #content.collapsed { padding-bottom:123px !important; }

	#content.grid {
		width:960px;
		padding:6px 24px 40px 40px;
	}
	
.search-bar {
	width: 100%;
	margin-bottom: 20px;
}

/* footer */
#foot {
	position:fixed; z-index:150;
	left:0; bottom:0px;
	width:100%; height:52px;
	border-top:1px solid #D5D5D5;
	background:white;
}

	#foot.collapsed { bottom:-51px; } 

	#foot ul { 
		list-style:none; 
	}

		#foot ul li {
			float:left;	
		}

	#foot ul.menu {
		position:absolute;
		left:15px; top:12px;
		width:650px;
	}
	
		#foot ul.menu li a {
			display:block;
			padding:7px 7px;
			font:normal 12px/18px Arial, sans-serif;
			text-decoration:underline;
			color:black;
		}

			#foot ul.menu li a:hover { 
				text-decoration:none; 
			}
			
	#foot ul.like {
		position:absolute;
		left:500px; top:19px;
		list-style: none;
		width: 360px;
		height: 25px;
		padding-left: 0;
	}
		#foot ul.like li {
			float: left;
			padding-left: 0;
			margin-left: 0;
		}
	
	#foot ul.lang {
		position:absolute;
		right:110px; top:22px;
	}
		#foot ul.lang li {
			margin-left: 10px;
		}
	
	#foot ul.social {
		position:absolute;
		right:28px; top:10px;
	}
		
		#foot ul.social li a {
			display:block;
			width:22px; height:22px;
			margin:9px 5px 0 5px;
			background-image:url("/img/sprites/tfv.png");
			background-repeat:no-repeat; 
			text-indent:-9999px;
		}
		
			#foot ul.social li.twitter a { background-position:0 -17px; }
			#foot ul.social li.facebook a { background-position:-22px -17px; }
			#foot ul.social li.vkontakte a { background-position:-44px -17px; }
			
	#foot .collapse { 
		position:absolute;
		left:13px; top:-62px;
		width:94px; height:61px;
		background:url("/img/bg/foot-button.png") left top no-repeat;
		text-indent:-9999px;
	} 
	
		#foot.collapsed .collapse { background-position:-94px top; }
		
#infscr-loading {
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000;
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}

/* STATIC PAGES */

#content .left-column { width: 200px;
	float: left;
}
	#content .left-column ul.menu { list-style: none;
	}
	#content .left-column ul.menu li { padding: 9px;
		font:normal 18px/20px Arial,sans-serif;
	}
		#content .left-column ul.menu li a {
			 text-decoration: underline;
		}
		#content .left-column ul.menu li a:hover {
			 text-decoration: none;
		}


#content .middle-column { width: 710px;
	float: left;
	margin-left: 20px;
	padding-bottom: 100px;
}

	#content .middle-column h1 { font:bold 24px/24px Arial,sans-serif;
		margin-top: 5px; margin-bottom: 30px;
	}
	
	#content .middle-column p { margin-bottom: 20px;
		font:normal 14px/20px Arial,sans-serif;
		clear: both;
	}
	
	#content .middle-column p a { text-decoration: underline;
		font:normal 14px/20px Arial,sans-serif;
	}
	
	#content .middle-column p a:hover { text-decoration: none; }
	
	#content .middle-column div.press { margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
	#content .middle-column div.press p img { margin-right: 20px; float: left; }
	#content .middle-column div.press p.clear { clear: both; }

#head.small-margin-bottom { margin-bottom: 30px; }

.user-online {width:8px;height:7px;background: url('/img/online.png') no-repeat;display:inline-block;margin:0 0 2px 5px;cursor:pointer;}

/* TOP LOGIN BUTTON */
#menu .top-login,
#head .user .top-login { 
	position:absolute; z-index:500;
	width: 200px;
	right: 5px; top: 0;
	z-index:250;
	display: none;
}
	#head .user .top-login { display: block; }
	#menu.stuck .top-login { display: block; right:40px; top:5px; }

	#menu .login-button,
	#head .user .login-button {
		position: absolute; right: 0; top: 0;
		background: url("/img/sprites/login-button.png") no-repeat;
		background-position: 0 0;
		padding: 9px 25px 10px 55px;
		color: #fff;
		text-shadow: #1e545c 1px 1px 1px;
		font:normal 12px/17px Arial, sans-serif;
	}
	#menu .login-button div,
	#head .user .login-button div {
		display: block;
		position: absolute;
		right: -4px; top: 0;
		width: 4px;
		height: 36px;
		background: url("/img/sprites/login-button.png") no-repeat;
		background-position: -184px 0;
	}
	#menu .login-button:hover, #head .user .login-button:hover { background-position: 0 -36px; }
	#menu .login-button:hover div, #head .user .login-button:hover div { background-position: -184px -36px; }
	#menu .login-button:active, #head .user .login-button:active { top: 1px; }

/* settings */
.manager.ui-widget-content.ui-corner-all { 
	border: 0;
	padding: 10px;
	box-shadow: 0px 1px 2px rgba(34, 25, 25, 0.298);
}

.manager ul.ui-widget-header { background: none;
	border: 0;
	border-bottom: 1px solid #AAAAAA;
	border-radius: 0; }
	
dl.users .img { position:relative; }

		dl.users .img > span:first-child { overflow:hidden;
			display:block;
			width:145px; height:132px; }
	
/* profile options */	
.profile-options select {
	width: 100%;
}
	
.profile-options td {
	padding: 3px 0px;
}
			
.profile-options td > input {
	width: 100%;
	border: 1px solid #C0CAD5;
	background: #FFF;
	padding: 2px 0px 1px 8px;
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box;  
	box-sizing: border-box;
}

.profile-options .option-name {
	width: 100px;
}

.profile-options .option-value {
	width: 250px;
}

#profile-info {
	padding: 5px;
	width: 100%;
	margin-bottom: 7px;
	background-color: #99FF99;
	-moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box;  
	box-sizing: border-box;
}

#profile-info.error {
	background-color: #FF9999;
}

.placeholder {
  color: #999 !important;
}


/* PUBLIC PAGES */
#public-pages { float: right; position: relative; margin-top: 1px; margin-right: 3px; }
	#public-pages p { display: inline-block; height: 22px; position: relative; top: -5px; padding-right: 5px; color: #666; }

	#public-pages ul { list-style: none; padding: 0; margin: 0; display: inline-block; }
	#public-pages ul li { float: left; width: 24px; height: 22px; margin-right: 3px; }
	#public-pages ul li a { background: url("/img/sprites/social-icons.png") no-repeat; display: block; width: 24px; height: 22px; }
	#public-pages ul li.vk a { background-position: 0 0; }
	#public-pages ul li.tw,
	#public-pages ul li.fb { width: 23px; }
	#public-pages ul li.tw a { background-position: -24px 0; width: 23px; }
	#public-pages ul li.fb a { background-position: -47px 0; width: 23px; }


/* BANNER */
#inform-banner { border: 1px solid black; padding: 10px; border-radius: 5px; position: relative; margin-bottom: 10px; width: 925px; margin: 0 auto; }
#close-inform-banner { 
	background:url("/img/sprites/baloon-icons.png") no-repeat;
	background-position: 0% -148px;
	height: 15px; width: 10px;
	position: absolute;
	right: 5px; top: 5px;
	cursor: pointer;
}

/* PROMO */
.promo-banner1 { height: 100px; width: 945px; background: red; background: url("/img/promo/youtube/banner.jpg?2"); }
.promo-banner1.unit { margin-top: 10px; margin-bottom: 20px; }
.promo-banner1 a { display: block; height: 120px; width: 945px; }