/* -------------------- Layouts Tags -------------------- */
#header{
	background:#fff;
	width:100%;
	border-bottom:1px solid #d8d8d8;
	float:left;
	font-family: 'Raleway';
}
.header-top{
	background: #1c1c1c; /* Old browsers */
	background: -moz-linear-gradient(top, #1c1c1c 0%, #2f2f2f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1c1c), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c1c1c 0%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c1c1c 0%,#2f2f2f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1c1c1c 0%,#2f2f2f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1c1c1c 0%,#2f2f2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */
	width:100%;
	padding:6px 0;
	float:left;
}
.wrap{
	width:1000px;
	margin:0 auto;
}
.header-top .browse {
	background:url(http://www.youmint.com/images/header/browse.png) no-repeat #f9f9f9;
    width: 90px;
	height:23px;
    padding: 0;
    color: #666;
    font-size: 12px;
    float: left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:relative;
}
.header-top .browse span{margin:0 0 0 27px; line-height:24px; font-size:13px; font-weight:600; float:left;} 
.header-top .browse:hover span{display:block;}
.header-top .browse a span {
color: #666;
}
.header-top .menu{
	width:690px;
	padding:5px 0 0 12px;
	float:left;
}
.header-top .menu li{
	border-right:1px solid #666;
	line-height:14px;
	padding:0 10px;
	font-size:11px;
	font-weight:800;
	text-transform:uppercase;
	position:relative;
	float:left;
}
.header-top .menu li:last-child{border:none;}
.header-top .menu li a{color:#eee;}
.header-top .menu li a:hover{color:#c72527;}
.header-top .menu li:hover ul{display:block;}
.header-top .menu ul ul{
	background:#2E2E2E;
	width:150px;
	position:absolute;
	z-index:1000;
	top:14px;
	left:0;
	display:none;
	padding:15px 0 0 0;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.header-top .menu li li{
	border:none;
	padding:0;
	float:none;
}
.header-top .menu li ul a{
	color:#C7C7C7;
	line-height:24px;
	padding:0 0 0 10px;
	font-weight:600;
	display:block;
}
.header-top .menu li ul a:hover{background:#cb0015; color:#fff;}
.account{
	width:auto;
	float:right;
}
.account ul{float:left;}
.account li{
	margin:0 24px 0 0;
	position:relative;
	float:left;
}
.account li span{
	background:#c72527;
	height:12px;
	line-height:12px;
	position:absolute;
	z-index:10;
	top:-3px;
	right:-3px;
	color:#fff;
	font-size:10px;
	padding:0 4px 2px 4px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	display:block;
}
.account .usernameLink{
	background:url(http://www.youmint.com/images/header/arrow-bottom.png) no-repeat right 8px;
	padding:0 18px 0 0;
	color:#626d67;
	font-size:11px;
	line-height:22px;
	position:relative;
	float:left;
}
.account .usernameLink a{color:#fff; font-weight:bold;}
.account .usernameLink .pic{
	width:23px;
	height:22px;
	margin:0 14px 0 0;
	border:1px solid #78828b;
	float:left;
}
.account .usernameLink .dropdown{
	width:120px;
	display:none;
	position:absolute;
	z-index:100;
	padding:8px 0 0 0;
	float:left;
}
.account .usernameLink .dropdown ul{
	background:#2e2e2e;
	width:120px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
.account .usernameLink .dropdown li{
	font-size:12px;
	margin-right:0;
	float:none;
}
.account .usernameLink:hover a{color:#fff;}
.account .usernameLink.without-login:hover a{color:#000;}
.account .usernameLink .dropdown li a{
	color:#C7C7C7;
	font-size:12px;
	line-height:24px;
	padding:0 0 0 10px;
	font-weight:600;
	display:block;
}
.account .usernameLink .dropdown li a:hover{
	background:#cb0015;
	color:#fff;
}
.account .usernameLink:hover .dropdown{display:block;}
#header-bottom{
	width:100%;
	border-bottom:1px solid #cbcbc9;
	padding:6px 0;
	float:left;
}
#logo{
	width:136px;
	margin:2px 0 0 0;
	float:left;
}
#header-right{
	width:600px;
	float:right;
}
.search-bar{
	background:#f4f4f2;
	border:1px solid #d3d3d1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:right;
}
.search-bar .input{
	background:transparent;
	width:200px;
	height:28px;
	line-height:28px;
	color:#b2b2b2;
	font-size:12px;
	margin:0 6px 0 0;
	padding:0 0 0 5px;
	border:none;
	-moz-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
	float:left;
}
.search-bar .input:focus{width:250px;}
.search-bar .search{
	background:url(http://www.youmint.com/images/header/bg_search.png) no-repeat;
	width:16px;
	height:16px;
	margin:6px 8px 0 0;
	border:none;
	cursor:pointer;
	float:left;
}
#header-right span{width:44px; position:relative; float:right;}
#header-right a.add{
	background:#f4f4f2;
	height:28px;
	line-height:28px;
	margin:0 0 0 8px;
	border:1px solid #ccc;
	color:#959595;
	font-size:31px;
	padding:0 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:right;
}
#header-right span:hover .AddPin{display:block;}
#header-right .AddPin{
	background:#fff;
	width:220px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.44);
	box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.44); 
	position:absolute;
	z-index:100;
	top:42px;
	left:-80px;
	display:none;
}
#header-right .AddPin li{
	border-bottom:1px solid #ccc;
	font-size:14px;
}
#header-right .AddPin li a{
	padding:8px;
	color:#c7c7c7;
	display:block;
}
#header-right span:hover > a{
	background: #e3262e; /* Old browsers */
	background: -moz-linear-gradient(top, #e3262e 0%, #ab171e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3262e), color-stop(100%,#ab171e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e3262e 0%,#ab171e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e3262e 0%,#ab171e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e3262e 0%,#ab171e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e3262e 0%,#ab171e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3262e', endColorstr='#ab171e',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.34);
	color:#fff;
	border:1px solid #AB171E;
}
#header-right .AddPin li a:hover{background:#f2f2f2; color:#444;}
#header-right .AddPin .arrow{
	background:url(http://www.youmint.com/images/header/arrow-add.png) no-repeat;
	width:26px;
	height:13px;
	position:absolute;
	top:-13px;
	left:94px;
	display:block;
}
#header-right a.add:hover{
	background: #e3262e; /* Old browsers */
	background: -moz-linear-gradient(top, #e3262e 0%, #ab171e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3262e), color-stop(100%,#ab171e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e3262e 0%,#ab171e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e3262e 0%,#ab171e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e3262e 0%,#ab171e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e3262e 0%,#ab171e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3262e', endColorstr='#ab171e',GradientType=0 ); /* IE6-9 */
	box-shadow:0 1px 0 0 rgba(255, 255, 255, 0.34);
	color:#fff;
	border:1px solid #AB171E;
}

.acount-detail {
    margin: 3px 0px 0px;
    float: right;
}

.acount-detail .login {
    background: none repeat scroll 0% 0% rgb(203, 0, 21);
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    float: right;
    margin: 0px 9px 0px 0px;
    padding: 8px 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    width: 100px;
}























.browse .dropdown {
	width:100%;
    display: none;
    left: 0;
    position: absolute;
    top: 23px;
    width: 156px;
    z-index: 2000;
	height:492px;
	padding:11px 0 0 0;
	-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.35);
	box-shadow:0 2px 5px rgba(0, 0, 0, 0.35);
	float:left;
}
.browse:hover .dropdown{display:block;}
.browse .dropdown ul {
    list-style-type: none;
    margin: 0;
}
.browse .dropdown div.level1.features {
    border-right: 1px solid #D9D9D9;
    left: 0;
    width: 155px;
}
.browse .dropdown div.level1 {
    background-color: #FFFFFF;
    position: absolute;
    width: 156px;
	height:492px;
}
.browse .dropdown div.level1.features .level2-special-content {
    border-bottom: 1px solid #D9D9D9;
    cursor: pointer;
    height: 111px;
}
.browse .dropdown div.level1.features .level2-special-content a {
    color: #444444;
    display: block;
    height: 100%;
    padding-top: 12px;
    text-decoration: none;
    width: 100%;
}
.browse .dropdown div.level1.features .level2-special-content a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.browse .dropdown div.level1.features .level2-special-content a:hover span {
    color: #444444;
}
.browse .dropdown div.level1.features .level2-special-content .feature-header {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    padding-right: 25px;
	float:none;
}
.browse .dropdown div.level1.features .level2-special-content .feature-text {
    margin-left: 10px;
    margin-top: 10px;
    padding-right: 10px;
}
.browse .dropdown div.level1.features .level2-special-content .feature-icon {
    display: block;
    float: left;
    height: 30px;
    margin-left: 10px;
    width: 35px;
}
.browse .dropdown div.level1.features .level2-special-content .feature-icon.mobile-app {
    background-image: url("http://www.youmint.com/images/header/sprite-common.png");
    background-position: -98px 0;
    background-repeat: no-repeat;
}
.browse .dropdown div.level1.features .level2-special-content .feature-icon.ref-friend {
    background-image: url("http://www.youmint.com/images/header/sprite-common.png");
    background-position: -175px 0;
    background-repeat: no-repeat;
}
.browse .dropdown div.level1.features .level2-special-content .feature-icon.inst-cashback {
    background-image: url("http://www.youmint.com/images/header/sprite-common.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}
.browse .dropdown div.level1.features .level2-special-content .feature-icon.clicksnap {
    background-image: url("http://www.youmint.com/images/header/sprite-common.png");
    background-position: -148px 0;
    background-repeat: no-repeat;
}
.browse .dropdown div.level1.features .level2-special-content .feature-icon.opinions {
    background-image: url("http://www.youmint.com/images/header/sprite-common.png");
    background-position: -198px 0;
    background-repeat: no-repeat;
}
.browse .dropdown div.level1.features .level2-special-content:nth-child(4) {
    border-bottom: 0 none;
}
.browse .dropdown div.level1.features .level2-special-content:hover {
    background-color: #CB0015;
    color: #FFFFFF;
}
.browse .dropdown div.level1.features .level2-special-content:hover > a span.feature-header {
    color: #FFFFFF;
}
.browse .dropdown div.level1.features .level2-special-content:hover .feature-icon.mobile-app {
    background-image: url("http://www.youmint.com/images/header/sprite-common.png");
    background-position: -98px -30px;
    background-repeat: no-repeat;
}
.browse .dropdown div.level1.features .level2-special-content:hover .feature-icon.ref-friend {
    background-image: url("http://www.youmint.com/images/header/sprite-common.png");
    background-position: -175px -300px;
    background-repeat: no-repeat;
}
.browse .dropdown div.level1.features .level2-special-content:hover .feature-icon.inst-cashback {
    background-image: url("http://www.youmint.com/images/header/sprite-common.png");
    background-position: 0 -30px;
    background-repeat: no-repeat;
}
.browse .dropdown div.level1.features .level2-special-content:hover .feature-icon.clicksnap {
    background-image: url("http://www.youmint.com/images/header/sprite-common.png");
    background-position: -148px -30px;
    background-repeat: no-repeat;
}
.browse .dropdown div.level1.features .level2-special-content:hover .feature-icon.opinions {
    background-image: url("http://www.youmint.com/images/header/sprite-common.png");
    background-position: -198px -30px;
    background-repeat: no-repeat;
}
.browse .dropdown div.level1 div.level1-header {
    border-bottom: 1px solid #D9D9D9;
}
.browse .dropdown div.level1 div.level1-header h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 20px 0 10px 10px;
}