Skip to content

Instantly share code, notes, and snippets.

@congthien
Created June 2, 2018 14:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save congthien/aea9c476f2e3a1210964c4323caea76c to your computer and use it in GitHub Desktop.
Save congthien/aea9c476f2e3a1210964c4323caea76c to your computer and use it in GitHub Desktop.
@font-face {
font-family: 'helveticabold';
src: url('../fonts/helvetica_bold-webfont.eot');
src: url('../fonts/helvetica_bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/helvetica_bold-webfont.woff') format('woff'),
url('../fonts/helvetica_bold-webfont.ttf') format('truetype'),
url('../fonts/helvetica_bold-webfont.svg#helveticabold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat-Regular';
src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Regular.otf') format('opentype'),
url('../fonts/Montserrat-Regular.woff') format('woff'),
url('../fonts/Montserrat-Regular.ttf') format('truetype'),
url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat-Bold';
src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Bold.woff') format('woff'),
url('../fonts/Montserrat-Bold.ttf') format('truetype'),
url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans-extrabold';
src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans-bold';
src: url('../fonts/OpenSans-Bold-webfont.eot');
src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-Bold-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'opensans-regular';
src: url('../fonts/OpenSans-Regular-webfont.eot');
src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
a {
outline: 0;
cursor: pointer;
}
a:link, a:visited {
color: #4ba478;
}
a, a:active, a:focus {
outline: none;
}
a:hover{
color: #3b3b3b;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
border: 1px solid #ebeaea;
font-family: verdana;
font-size: 15px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.content-box ul {
list-style-type : disc; padding-left: 20px;
}
/************Header Style Starts***********/
#site-description{
display: none;
}
#header{
background: #56bc8a none repeat scroll 0 0;
display: block;
float: left;
min-height: 60px;
position: relative;
width: 100%;
}
#container{
float: left;
width:100%;
}
body.home #header {
display: inline-block;
height: auto;
position: relative;
width: 100%;
background: #56bc8a;
left: 0;
position: absolute;
z-index: 100;
}
body.home #header {
background: 0;
}
#header #branding{
margin: 0 auto;
width: 100%;
padding-right: 50px;
padding-left: 50px;
}
#header #site-title{
float: left;
}
#header #site-title h1{
line-height: 0;
margin: 0 0;
}
.contact-us-page textarea.res{
height: 200px;
}
.contact-us-page .recaptcha-box {
float: right;
transform: none;
transform-origin: 0 0 0;
width: auto;
}
.contact-us-page #submit2{
float: right;
}
#header #site-title a {
display: inline-block;
background: url('../img/footer-logo.png') no-repeat;
overflow: hidden;
text-indent: -9999px;
text-align: left;
width: 141px;
height: 24px;
margin-right: 15px;
margin-top: 18px;
background-position: center left;
}
.home #header #site-title a {
background: url('../img/logo.png') no-repeat;
}
#successMessage{
display: block!important;
}
#header #search, #header #search-mobile{
float: left;
margin: 14px 0;
}
#header #search #searchform1 , #header #search-mobile #searchform_mobile {
position: relative;
}
#header #search #searchform1 #s1, #header #search-mobile #s_mobile{
border: 0 none;
border-radius: 4px;
width: 324px;
font-size: 13px;
background: #fff url("../img/search-icon.png") no-repeat top 7px left 10px;
padding: 4px 15px 4px 35px;
height: 29px;
line-height: 29px;
}
#header #search #searchform1 #searchsubmit1, #header #search-mobile #searchsubmit_mobile{
position: absolute;
right: 0;
top: 0;
display: inline-block;
background: #4ba478;
color: #fff;
font-family: 'opensans-regular';
font-size: 13px;
border: 0;
box-shadow:none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
height: 29px;
padding-top: 5px;
border-left: 0;
border: 1px solid transparent;
}
#header #search #searchform1 #searchsubmit1:hover {
border-color: #4ba478;
background: #56bc8a;
}
.home #header #search #searchform1 #searchsubmit1:hover {
background-color: #56bc8a;
}
#header #menu{
float: right;
}
.search-page-content .product-list{
margin: 0;
}
#header #menu ul,#header #menu-mobile ul {
list-style-type: none;
margin: 14px 0 17px;
padding: 0;
}
#header #menu ul li,#header #menu-mobile ul li{
float: left;
margin-right: 7px;
}
#header #menu ul li a ,#header #menu-mobile ul li a{
font-size: 15px;
font-family: 'opensans-regular';
font-weight: normal;
color: #fff;
line-height: 30px;
text-decoration: none;
display: block;
border-right: 3px;
padding: 0 15px;
border-radius: 3px;
position: relative;
}
#header #menu ul li a:hover,#header #menu .active a,#header #menu-mobile ul li a:hover,#header #menu-mobile .active a {
background-color: #4ba478;
}
.menu-mobile{
display: none;
float: right;
}
.menu-mobile .menu-btn{
background: #4ba478 none repeat scroll 0 0;
border-radius: 5px;
height: 34px;
margin: 10px 0;
padding: 7.5px 7px;
width: 38px;
cursor: pointer;
}
.menu-mobile .menu-btn:hover{
background: #fff;
}
.menu-mobile .menu-btn span{
border-bottom: 4px solid #fff;
border-top: 4px solid #fff;
float: left;
position: relative;
width: 100%;
height: 18px;
}
.menu-mobile .menu-btn span:before{
border-top: 4px solid #fff;
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 3px;
width: 100%;
}
.menu-mobile .menu-btn:hover span{
border-bottom:4px solid #4ba478;
border-top: 4px solid #4ba478;
}
.menu-mobile .menu-btn:hover span:before{
border-top: 4px solid #4ba478;
}
.rank_profile .download-count {
float: left;
font-family: verdana;
font-size: 14px;
text-align: right;
width: 100%;
}
#header #menu .market-menu.active:hover a.active-menu,#header #menu-mobile .market-menu.active:hover a.active-menu{
/*background:#fff url("../img/orange_up_arrow.png") no-repeat scroll 75px center;*/
color: #56bc8a;
}
#header #menu .market-menu.active:hover a.active-menu::before, #header #menu-mobile .market-menu.active:hover a.active-menu::before{
display: inline-block; background: url('../img/header-sprite.png') no-repeat; overflow: hidden; text-align: left;
background-position: -33px -156px;
height: 10px;
width: 12px;
content: "";
position: absolute;
top: 10px;
right: 10px;
}
.rank_profile .download-count span{
font-size: 12px;
}
#header #menu ul li.login-item a,#header #menu-mobile ul li.login-item a{
background-color:#4ba478;
}
.image-product{
width: 100%;
}
#header #menu ul li.login-item a:hover, #header #menu-mobile ul li.login-item a:hover {
background-color:#ffffff;
color:#4ba478;
}
#header #menu ul li.market-menu a,#header #menu-mobile ul li.market-menu a{
padding-right: 30px;
}
.flexslider{
box-shadow: none;
}
#header #menu ul li.market-menu.active a.active-menu:hover,#header #menu-mobile ul li.market-menu.active a.active-menu:hover {
background-color: #fff;
}
#header #menu ul li.market-menu a:before,#header #menu-mobile ul li.market-menu a:before {
display: inline-block;
background: url('../img/header-sprite.png') no-repeat;
overflow: hidden;
text-align: left;
background-position: -17px -156px;
height: 10px;
width: 12px;
content: "";
position: absolute;
top: 10px;
right: 10px;
}
.home #header #menu ul li.market-menu a:before {
background: url('../img/arrows.png') no-repeat;
background-position: -5px -24px;
}
#header #menu ul li.market-menu a.active-menu:before,#header #menu-mobile ul li.market-menu a.active-menu:before{
background-position: -17px -156px;
}
#header #menu ul li.market-menu.active a::before,
#header #menu ul li.market-menu a:hover::before {
background: url('../img/header-sprite.png') no-repeat;
background-position: -17px -156px;
}
#header #menu ul li.market-menu a.active-menu:before {
background-position: -5px -5px;
}
#header #menu ul li.market-menu a.active-menu:hover::before {
background: url('../img/arrows.png') no-repeat;
background-position: -5px -5px;
}
#header #menu ul li.market-menu a.active-menu, #header #menu-mobile ul li.market-menu a.active-menu{
background-color: #4ba478;
}
.menu-top-menu-loged-in-container{
float: left;
}
#header #menu ul.extra-menu,#header #menu-mobile ul.extra-menu{
float: left;
margin: 9px 0;
}
#header #menu ul.extra-menu li a, #header #menu-mobile ul.extra-menu li a{
display: inline-block; background: url('../img/header-sprite.png') no-repeat; overflow: hidden; text-align: left;
}
#menu ul.extra-menu li a:hover, #menu-mobile ul.extra-menu li a:hover{
background-color: transparent;
}
#flag-form #inquiry{
height: 200px;
}
#header #menu ul.extra-menu li.friend-request-item a,#header #menu-mobile ul.extra-menu li.friend-request-item a{
background-position: -2px -34px;
height: 32px;
width: 29px;
padding: 0;
}
#header #menu .extra-menu li.message-item a,#header #menu-mobile .extra-menu li.message-item a{
background-position: -2px 0;
height: 32px;
width: 31px;
padding: 0;
}
#header #menu .extra-menu li.notifi-item a,#header #menu-mobile .extra-menu li.notifi-item a{
background-position: -2px -68px;
height: 32px;
width: 23px;
padding: 0;
}
#header #menu .extra-menu li.user-item,#header #menu ul.extra-menu li.dashboard-item,
#header #menu-mobile .extra-menu li.user-item,#header #menu-mobile ul.extra-menu li.dashboard-item{
margin-top: 5px;
position: relative;
}
#header #menu .extra-menu li.user-item a,#header #menu-mobile .extra-menu li.user-item a{
text-indent: 0;
background: #fff;
border-radius: 3px;
padding: 2px;
}
#header #menu .extra-menu li.user-item a img,#header #menu-mobile .extra-menu li.user-item a img{
float: left;
}
#header #menu ul.extra-menu li.dashboard-item a,#header #menu-mobile ul.extra-menu li.dashboard-item a{
background:#4ba478; text-indent: 0;
}
#header #menu ul.extra-menu li.dashboard-item a:hover,
#header #menu-mobile ul.extra-menu li.dashboard-item a:hover{
background-color: #fff;
color: #4ba478;
}
#header #menu .extra-menu li.user-item .menu-user-dropdown,
#header #menu-mobile .extra-menu li.user-item .menu-user-dropdown{
position: absolute;
right: -10px;
top: 25px;
display: none;
z-index: 102;
}
#header #menu .extra-menu li.user-item:hover .menu-user-dropdown,
#header #menu-mobile .extra-menu li.user-item:hover .menu-user-dropdown{
display: block;
}
#header #menu .extra-menu li.user-item ul.user-dropdown,
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown{
background: #fff none repeat scroll 0 0;
border: 1px solid #e8e6e6;
border-radius: 4px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
overflow: hidden;
width: 160px;
padding: 15px 0px;
}
.show-mobile{
display: none;
}
.close-menu-btn{
display: none;
}
#header #menu .extra-menu li.user-item ul.user-dropdown::after,
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown::after {
background: #fff none repeat scroll 0 0;
border-bottom: 12px solid #ffffff;
border-left: 4px solid rgba(0, 0, 0, 0);
border-right: 4px solid rgba(0, 0, 0, 0);
box-shadow: -4px -4px 4px -2px rgba(0, 0, 0, 0.2);
content: "";
right: 15%;
margin-left: -5px;
position: absolute;
top: 10px;
transform: rotate(45deg);
width: 0;
}
#header #menu .extra-menu li.user-item ul.user-dropdown li,
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li{
margin: 0;
width: 100%;
}
#header #menu .extra-menu li.user-item ul.user-dropdown li a,
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a{
border-radius: 0;
color: #a8a8a8;
display: block;
font-family: verdana;
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 4px 20px;
}
#header #menu .extra-menu li.user-item ul.user-dropdown li a.logout-item,
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a.logout-item{
position: relative;
padding: 10px 20px;
}
.s-menu-mobile{
display: none;
}
.s-menu-mobile li.support-menu { display: none;}
#header #menu .extra-menu li.user-item ul.user-dropdown li a.logout-item:hover,
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a.logout-item:hover{
background: #fc0d3a;
}
#header #menu .extra-menu li.user-item ul.user-dropdown li a.logout-item:after,
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a.logout-item:after{
content:"";
display: inline-block;
background: url('../img/header-sprite.png') no-repeat;
overflow: hidden;
text-align: left;
background-position: -2px -81px;
height: 24px;
width: 22px;
position: absolute;
top: 5px;
right: 10px;
}
#header #menu .extra-menu li.user-item ul.user-dropdown li:hover a.logout-item:after,
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li:hover a.logout-item:after{
background: url('../img/header-sprite.png') no-repeat;
background-position: -2px -107px;
height: 24px;
width: 22px;
}
#header #menu .extra-menu li.user-item ul.user-dropdown li a.user-name{
/*line-height: 20px;*/
}
#header #menu .extra-menu li.user-item ul.user-dropdown li a:hover, #header #menu .extra-menu li.user-item ul.user-dropdown li a:hover strong,
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a:hover, #header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a:hover strong
{
background-color: #4ba478;
color: #fff;
}
#header #menu .extra-menu li.user-item ul.user-dropdown li hr,#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li hr{
background-color:#e8e6e6;
margin-bottom: 10px;
}
#header #menu .extra-menu li.user-item ul.user-dropdown li a strong,#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a strong{
padding: 0;
}
#header #menu .extra-menu li.user-item ul.user-dropdown li strong,#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li strong{
padding: 0 20px;
}
#header #menu .extra-menu li.user-item ul.user-dropdown li strong, #header #menu .extra-menu li.user-item ul.user-dropdown li a strong,
#header #menu-mobile .extra-menu li.user-item ul.user-dropdown li strong, #header #menu-mobile .extra-menu li.user-item ul.user-dropdown li a strong
{
color: #3b3b3b;
font-family: verdana;
font-size: 13px;
float: left;
width: 100%;
}
.market-dropdown{
background: #fff none repeat scroll 0 0;
border-bottom: 9px solid #4ba478;
position: absolute;
top: 60px;
width: 100%;
z-index: 100;
display: none;
}
.market-dropdown .market-dropdown-content{
width: 100%;
padding: 0;
clear: both;
background: linear-gradient(to right, #56bc8a 15%, #fff 15%);
overflow: hidden;
}
.market-dropdown-top-bar{
position: relative;
}
.market-dropdown-content-main-right a.close-btn {
background: rgba(0, 0, 0, 0) url("../img/header-sprite.png") no-repeat scroll -2px -55px;
height: 25px;
position: absolute;
right: 57px;
text-indent: -999em;
top: 20px;
width: 26px;
}
.market-dropdown-content-main-right a.close-btn:hover{
background-position: -2px -28px;
}
.market-dropdown-top-bar p{
margin: 0px 0 0;
font-family: verdana;
font-size: 12px;
color: #3b3b3b;
}
.market-dropdown-content-main-left h2 {
font-size: 20px;
color: #fff;
margin-top: 0;
font-family: 'Montserrat-Regular';
}
.market-dropdown-content-main-left ul{
margin: 0;
padding: 0;
list-style: none;
width: 170px
}
.market-dropdown-content-main-left ul li{
float: left;
width: 100%;
margin-bottom: 13px;
}
.market-dropdown-content-main-left ul li a {
font-family: 'opensans-bold';
font-size: 14px;
color: #3b3b3b;
font-weight: normal;
padding: 8px 14px;
border-radius: 3px;
float: left;
width: 100%;
position: relative;
text-transform: uppercase;
}
.market-dropdown-content-main-left ul li a:after{
content: "";
background: rgba(0, 0, 0, 0) url("../img/right-arrow.png") no-repeat scroll ;
height: 13px;
width: 11px;
position: absolute;
right: 11px;
top: 11px;
}
.market-dropdown-content-main-left ul li a:hover, .market-dropdown-content-main-left ul li a.tab-btn-active{
background: #fff;
color: #4ba478;
}
.tab-content{
display: none;
}
.tab-content.tab-active{
display: block;
}
.market-dropdown-content-main{
float: left;
width: 100%;
padding: 30px 3%;
}
.market-dropdown-content-main-left{
float: left;
width: 200px;
}
.market-dropdown-content-main-right{
float: left;
width: calc(100% - 200px);
padding: 48px 0 50px 30px;
min-height: 340px;
}
.tab-content ul{
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 100%;
}
.tab-content ul li{
float: left;
width: 15%;
margin-right: 2%
}
.tab-content ul li:last-child{
margin-right: 0;
}
.tab-content ul.special-list{
margin-bottom: 30px;
}
.tab-content ul li ul.sub-list-cat li.all-item {
display: none;
}
.tab-content ul li:nth-child(1) ul.sub-list-cat li.all-item{
display: block;
}
.tab-content ul li ul.sub-list-cat li{
float: left;
width: 100%;
margin-bottom: 15px;
}
.tab-content ul li ul.sub-list-cat li a{
color: #3b3b3b;
float: left;
font-family: verdana;
font-size: 14px;
font-weight: normal;
line-height: 26px;
padding: 5px 15px;
width: 100%;
}
.tab-content ul li ul.sub-list-cat li a:hover, .tab-content ul li ul.sub-list-cat li.current-category a{
background: #56bc8a;
border-radius: 3px;
color: #fff;
}
.tab-content h2{
font-size: 18px;
font-family: verdana;
font-weight: bold;
color: #3b3b3b;
margin: 0 0 20px 0;
padding: 0 15px;
}
/************Header Style Ends***********/
/***********Home Page Starts**********/
.home-top-main-content {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding: 75px 0 60px;
position: relative;
}
.home-top-main-content::after {
content: '';
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
background: #444;
opacity: 0.7;
}
.home-top-main-content .home-top-content{
margin: 0 auto;
width: 975px;
color: #fff;
text-align: center;
font-size: 14px;
font-family: verdana;
position: relative;
z-index: 10;
}
.home-top-main-content .home-top-content p{
line-height: 20px;
font-size: 12px;
font-family: verdana;
margin-bottom: 0;
}
.home-top-main-content .home-top-content p a {
color: #3d8b64;
}
.home-top-main-content .home-top-content p a:hover {
color: #fff;
}
.home-top-main-content .home-top-content h2{
margin: 0;
font-family: 'Montserrat-Bold';
font-size: 33px;
font-weight: bold;
}
.home-top-main-content .home-top-content h3{
font-family: 'opensans-regular';
font-size: 30px;
line-height: 36px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: normal;
}
.home-top-main-content .home-top-content p {
color:#ffffff;
font-family: verdana;
font-size: 15px;
line-height: 30px;
}
/************Footer Style Starts***********/
#footer{
background-color: #56bc8a;
float: left;
width: 100%;
}
.footer-col1{
float: left;
width: 220px;
}
.footer-col2{
float: left;
width: 475px;
}
.footer-col3{
float: left;
width: 277px;
}
.menu_footer1, .menu_footer2, .menu_footer3{
float: left;
width: 32%;
}
.menu_footer2{
margin: 0 2%;
}
.footer-content{
margin: 35px auto;
width: 1230px;
}
.footer-col2 ul.menu li{
line-height: 18px;
}
.footer-col2 ul.menu li a{
font-size: 14px;
font-family: verdana;
color: #fff;
text-decoration: none;
line-height: 28px;
}
.footer-col2 ul.menu li a:hover{
color: #428966;
}
.footer-logo{
display: inline-block; background: url('../img/footer-logo.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;
height: 30px;
width: 141px;
height: 24px;
}
#copyright{
font-family: verdana;
color: #f4f9f7;
font-size: 14px;
float: left;
width: 100%;
margin: 125px 0 30px 0;
}
/*#copyright span {*/
/*position: relative;*/
/*padding-right: 20px;*/
/*}*/
/*#copyright span:after {*/
/*content: " ";*/
/*background: rgba(0, 0, 0, 0) url("../img/footer-sprite.png") no-repeat scroll -83px -110px;*/
/*height: 17px;*/
/*width: 17px;*/
/*display: inline-block;*/
/*position: absolute;*/
/*top: 0;*/
/*right:0*/
/*}*/
#copyright .icon_heart {
width: 25px;
height: 22px;
margin: 0 3px -8px 3px;
display: inline-block;
background: url(../img/icon-heart.png) no-repeat;
}
.footer-show-info{
float: right;
}
.footer-show-info ul{
margin: 0;
padding: 0;
list-style: none;
}
.footer-col3 {
color: #fff;
font-size: 14px;
font-family: verdana;
}
.footer-col3 p.mt20 {
text-align: center;
margin-top: 20px;
display: inline-block;
width: 100%;
}
.footer-col3 .sp_email{
background: #ffffff none repeat scroll 0 0;
border: 0 none;
color: #717171;
font-family: verdana;
font-size: 12px;
line-height: 35px;
padding: 0 10px;
height: 35px;
border-radius: 4px;
}
.footer-col3 #sendpress_signup p {
margin-bottom: 9px;
}
.footer-col3 .sendpress {
margin-top: 30px;
}
.footer-col3 .signup-fields-bottom{
display: none;
}
.footer-col3 #sendpress_signup #submit ,
.footer-col3 #sendpress_signup input[type="submit"]{
background: #4ba478 none repeat scroll 0 0;
border: 0 none;
border-radius: 4px;
color: #fff;
float: left;
font-family: verdana;
font-size: 14px;
height: 35px;
line-height: 34px;
margin-left: 0;
margin-top: 0;
padding: 0 20px;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.footer-col3 #sendpress_signup #submit:hover,
.footer-col3 #sendpress_signup input[type=submit]:hover {
background: #fff none repeat scroll 0 0;
color:#4ba478;
}
.footer-col3 .sendpress-submit#submit_sendpress{
background: #4ba478 none repeat scroll 0 0;
border: 0 none;
box-shadow: none!important;
color: #fff;
font-family: verdana;
font-size: 14px;
height: 35px;
margin: 0;
padding: 0 0 0px;
text-transform: uppercase;
width: 100%;
}
.footer-col3 .sendpress-submit#submit_sendpress:hover{
background: #56bc8a;
}
.footer-show-info ul li{
display: inline-block;
color: #fff;
font-size: 12px;
font-family: verdana;
margin-left: 25px;
margin-top: 5px;
}
.footer-show-info ul li span{
color: #666666;
}
.footer-content-top{
border-bottom: 1px solid #fff;
padding-bottom: 20px;
margin-bottom: 30px;
}
.footer-col2-content ul{
margin: 0;
padding: 0;
list-style: none;
}
.footer-col h3{
color: #ffffff;
font-size: 18px;
font-family: 'Montserrat-Bold';
font-weight: normal;
margin: 15px 0 5px;
}
.footer-socials ul{
margin: 0;
padding: 0;
list-style: none;
}
.footer-socials ul li{
display: inline-block;
}
.footer-socials ul li a.fb-footer{
display: inline-block; background: url('../img/footer-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;
background-position: -2px -31px;
height: 37px;
width: 37px;
}
.footer-socials ul li a.fb-footer:hover{
background-position: -42px -111px;
}
.footer-socials ul li a.tw-footer{
display: inline-block; background: url('../img/footer-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;
background-position: -2px -70px;
height: 37px;
width: 37px;
}
.footer-socials ul li a.tw-footer:hover{
background-position: -2px -109px;
}
.footer-socials ul li a.glus-footer{
display: inline-block; background: url('../img/footer-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;
background-position: -41px -31px;
height: 38px;
width: 37px;
}
.footer-socials ul li a.glus-footer:hover{
background-position: -41px -71px;
}
.footer-socials ul li a.rss-footer{
display: inline-block; background: url('../img/footer-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;
background-position: -80px -31px;
height: 38px;
width: 37px;
}
.footer-socials ul li a.rss-footer:hover{
background-position: -80px -71px;
}
/*********Footer Style Ends***********/
.featured-box, .newest-box,.lesson-box{
padding: 50px 0;
float: left;
width: 100%;
}
/*.lesson-box {
padding-top: 0;
}
.featured-box {
padding-top: 22px;
}*/
.featured-box-content, .newest-box-content,.lesson-box-content, .content,#sendpress-public{
margin: 0 auto;
width: 1227px;
}
.newest-box {
background: #f6f7f7;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
#sendpress-public{
min-height: 760px;
text-align: center;
}
.title-section{
color: #3b3b3b;
font-size: 20px;
font-weight: normal;
font-family: 'helveticabold';
margin-bottom: 0px;
text-align: left;
margin-top: 0;
}
.doc-top-bar .title-section{
color: #3b3b3b;
font-family: "helveticabold";
font-size: 20px;
font-weight: normal;
margin-bottom: 0;
text-transform: none;
}
.title-bar .title-section{
color: #3b3b3b;
font-family: 'Montserrat-Regular';
font-size: 22px;
font-weight: normal;
margin-bottom: 0;
text-transform: none;
}
.recaptcha-box{
transform:scale(1.17);
transform-origin:0;
-webkit-transform:scale(1.17);
transform:scale(1.17);
-webkit-transform-origin:0 0;
transform-origin:0 0;
width:353px
}
.product-page .product-list {
list-style-type: none;
margin: 0px 0 0;
padding: 0;
}
p.des-section{
color: #3b3b3b;
font-family: verdana;
font-size: 12px;
margin-top: 0;
margin-bottom: 25px;
text-align: left;
}
p.sub-des-section {
color:#3b3b3b;
font-family: verdana;
font-size: 12px;
text-align: center;
}
#pass-strength-result{
float: left;
}
/**********Product Grid Style Starts**********/
.home .monthly-editions .learmore a:hover {
color:#fff;
border-color: #4ba478;
}
.newest-box p.des-section, .lesson-box p.des-section {
margin-bottom: 16px;
}
.newest-box a .more-info{
background:rgba(255, 90, 60, 0.8) none repeat scroll 0 0;
bottom: 10px;
color: #ffffff;
font-family: verdana;
font-size: 12px;
height: 180px;
left: 10px;
line-height: 20px;
padding: 10px 10px 0;
position: absolute;
right: 11px;
top: 10px;
visibility: hidden;
}
.last-block{
min-height: 330px;
}
.newest-box a .more-info:before{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -2px 0;
bottom: 0;
content: "";
display: block;
height: 70px;
overflow: hidden;
position: absolute;
text-align: left;
text-indent: -9999px;
top: 55px;
width: 75px;
left: 97px;
}
.newest-box a:hover .more-info{
visibility: visible;
}
.product-list{
margin: 0;
padding: 0;
list-style-type: none;
}
.featured-box .product-list li{
margin-bottom: 0;
}
.product-list li{
float: left;
width: 297px;
margin-right: 10px;
margin-bottom: 20px;
}
.product-list li:nth-child( 4n+ 4){
margin-right: 0;
margin-left: 1px;
}
.product-thumbnail{
border: 1px solid #d5d2d2;
border-radius: 2px;
background: #f4f4f4;
padding:10px 11px;
position: relative;
}
.product-thumbnail a img{
display: block;
height: 180px;
}
.product-thumbnail .more-info{
background: rgba(86, 188, 138, 0.8) ;
bottom: 10px;
color: #ffffff;
height: 180px;
left: 11px;
line-height: 20px;
padding: 10px 10px 0;
position: absolute;
right: 10px;
top: 10px;
visibility: hidden;
font-family: verdana;
font-size: 15px;
width :273px;
}
.product-thumbnail .more-info a {
color: #fff;
position: relative;
display: block;
width: 100%;
height: 100%;
}
.product-thumbnail .more-info .entry-featured-date {
position: absolute;
left: 0;
bottom: 7px;
}
.single-market-related .product-list{
margin: 0;
}
.single-market-related .related-box h4 {
font-family: 'Montserrat-Regular';
font-size: 20px;
}
/*.product-thumbnail a .more-info::before {
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -2px 0;
bottom: 0;
content: "";
display: block;
height: 70px;
left: 97px;
overflow: hidden;
position: absolute;
text-align: left;
text-indent: -9999px;
top: 55px;
width: 75px;
}*/
.grid-mode .product-item .more-info p{
margin: 0;
}
.product-thumbnail:hover .more-info{
visibility: visible;
}
.inventory-page-content-right .product-thumbnail:hover .more-info{
visibility: hidden;
}
.inventory-page-content-right .product-thumbnail a:hover .more-info{
visibility: visible;
}
.favourite-product li a span.star-icon {
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -136px -127px;
float: right;
height: 16px;
margin-right: 7px;
width: 18px;
}
.product-item h2.product-name{
font-weight: normal;
margin: 15px 0 0 5px;
line-height: 15px;
width:293px;
min-height: 40px;
}
.product-item h2.product-name a{
font-family: verdana;
font-size: 15px;
color: #8c8c8c;
text-decoration: none;
}
.monthly-editions .product-item h2.product-name a {
color:#ffffff;
}
.product-item h2.product-name a:hover{
color: #4ba478;
}
.product-thumbnail .add-icon{
display: inline-block; background: url('../img/body-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;
background-position: -29px -72px; width: 25px; height: 24px;
position: absolute;
bottom: 20px;
right: 19px;
}
.product-thumbnail .add-icon:hover{
display: inline-block; background: url('../img/body-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;
background-position: -2px -72px; width: 25px; height: 24px;
}
.inventory-page-content-right .product-thumbnail .add-icon{
display: inline-block; background: url('../img/body-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;
background-position: -29px -72px; width: 25px; height: 24px;
position: absolute;
bottom: 20px;
right: 19px;
}
.inventory-page-content-right .product-thumbnail .add-icon:hover{
display: inline-block; background: url('../img/body-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;
background-position: -2px -72px; width: 25px; height: 24px;
}
/**********Product Grid Style Ends**********/
/************Blog List Style Starts************/
.lesson-list{
margin: 0;
padding: 0;
list-style: none;
}
.lesson-list li{
float: left;
margin-right: 19px;
margin-bottom: 28px;
}
.lesson-list li:nth-child(3n+3){
margin-right: 0;
}
.lesson-item {
background: #f4f4f4 none repeat scroll 0 0;
border: 1px solid #d5d2d2;
border-radius: 5px;
padding: 10px;
float: left;
min-height: 340px;
position: relative;
}
.lesson-item .lesson-thumbnail{
border: 5px solid #fff;
border-radius: 3px;
float: left;
min-height: 190px;
}
.lesson-item .lesson-thumbnail img{
display: block;
}
.lesson-item .excerpt-lesson{
clear: both;
color: #3b3b3b;
float: left;
font-family: verdana;
font-size: 12px;
width: 280px;
}
.lesson-item h2.lesson-name{
float: left;
font-weight: normal;
line-height: 22px;
margin: 15px 0 ;
width: 100%;
}
.lesson-item h2.lesson-name a{
color: #3b3b3b;
font-family: verdana;
font-size: 19px;
}
.lesson-item h2.lesson-name a:hover{
color: #4ba478;
}
.lesson-item a .more-info{
background: rgba(86, 188, 138, 0.8);
bottom: 10px;
color: #ffffff;
font-family: verdana;
font-size: 12px;
height: 180px;
left: 15px;
line-height: 20px;
padding: 10px 10px 0;
position: absolute;
right: 15px;
top: 15px;
visibility: hidden;
}
.lesson-item a .more-info:before{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -2px 0;
bottom: 0;
content: "";
display: block;
height: 70px;
overflow: hidden;
position: absolute;
text-align: left;
text-indent: -9999px;
top: 55px;
width: 75px;
left: 97px;
}
.lesson-item a:hover .more-info{
visibility: visible;
}
/************Blog List Style Ends************/
/**********Breadcrumb Style Starts*********/
.breadcrumb{
display: block;
}
.breadcrumb ol{
list-style: none;
padding: 0;
margin: 0;
}
.breadcrumb ol li{
float: left;
color: #3b3b3b;
font-family: verdana;
font-size: 15px;
line-height: 12px;
margin: 20px 0 20px 5px;
}
.breadcrumb ol li.home-path{
margin-left: 0;
}
.breadcrumb ol li a{
color: #4ba478;
font-family: verdana;
font-size: 15px;
}
.breadcrumb ol li a:hover{
color: #3b3b3b;
}
/**********Breadcrumb Style Ends*********/
/**********Marketplace Page Style Starts***********/
h2.title-section span.count-total{
border: 1px solid #e3e3e3;
border-radius: 4px;
color: #b3b3b3;
font-family: verdana;
font-size: 14px;
margin-left: 3px;
padding: 3px 8px;
position: relative;
top: -4px;
}
.content h2.title-section{
margin: 0;
float: left;
}
.title-bar{
display: block;
float: left;
width: 100%;
}
.view-mode a.grid-mode{
display: inline-block; background: url('../img/body-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;
background-position: -135px 0px;
height: 23px;
width: 29px;
float: left;
}
.view-mode a.grid-mode:hover, .view-mode a.grid-mode.view-mode-active{
background-position: -135px -23px;
}
.view-mode a.list-mode{
display: inline-block; background: url('../img/body-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;
background-position: -101px 0px;
height: 23px;
width: 31px;
float: left;
}
.view-mode a.list-mode:hover, .view-mode a.list-mode.view-mode-active{
background-position: -101px -23px;
}
.view-mode{
margin-right: 28px;
}
.show-product-bar{
margin-right: 20px;
}
.show-product-box span, .show-product-box div.show-product-dropbox,.sort-box .sort-dropbox{
float: left;
}
.show-product-box .show-product-dropbox,.sort-box .sort-dropbox{
position: relative;
padding-bottom: 10px;
}
.show-product-box .show-product-dropbox span {
border: 1px solid #e3e3e3;
border-radius: 4px;
height: 26px;
padding: 0 13px;
position: relative;
width: 120px;
line-height: 26px;
}
.show-product-box .show-product-dropbox span::before {
content: "Items: ";
}
.sort-box .sort-dropbox span::before {
content: "Show: ";
}
.sort-box .sort-dropbox span{
border: 1px solid #e3e3e3;
border-radius: 4px;
height: 26px;
padding: 0 8px 0px 8px;
width: 180px;
position: relative;
line-height: 22px;
margin-right: 8px;
}
.show-product-box .show-product-dropbox:hover span:before,.sort-box .sort-dropbox:hover span:before{
background-position: -85px -14px;
}
.show-product-box .show-product-dropbox span::after, .sort-box .sort-dropbox span::after {
background: rgba(0, 0, 0, 0) url("../img/dropdown.png") no-repeat scroll;
content: "";
display: inline-block;
height: 38px;
overflow: hidden;
position: absolute;
right: -1px;
text-align: left;
text-indent: -9999px;
top: -8px;
width: 18px;
}
.show-product-box .show-product-dropbox:hover ul,.sort-box .sort-dropbox:hover ul{
display: block;
}
.show-product-box .show-product-dropbox ul,.sort-box .sort-dropbox ul{
background: #fff none repeat scroll 0 0;
border: 1px solid #e3e3e3;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
list-style: outside none none;
margin: 8px 0 0;
position: absolute;
top: 17px;
width: 120px;
z-index: 1000;
padding: 15px 0 10px;
display: none;
}
.sort-box .sort-dropbox ul{
width: 178px;
}
.show-product-box .show-product-dropbox ul li a,.sort-box .sort-dropbox ul li a{
padding: 0px 13px 5px;
color: #b3b3b3;
display: block;
}
.show-product-box .show-product-dropbox ul li a:hover,.sort-box .sort-dropbox ul li a:hover{
color: #4ba478;
}
.sort-view-bar, .show-product-bar, .view-mode{
float: right;
font-size: 14px;
font-family: verdana;
color: #b3b3b3;
}
.sort-box span, .sort-box .sort-dropbox{
float: left;
}
.pagination-bar{
float: left;
width: 100%;
}
.sort-box span, .show-product-box span{
margin-right: 10px;
}
.product-page-list{
display: block;
float: left;
margin-top: 30px;
width: 100%;
}
.pagination-left {
float: left;
width: 82%;
}
.pagenavi span, .pagenavi a{
float: left;
font-family: Verdana;
font-size: 15px;
line-height: 16px;
}
.pagenavi a:hover, .pagenavi span.current, .pagination-links .page-numbers.current {
background-color: #fff;
border: 1px solid #d7d7d7 !important;
border-radius: 4px;
color: #c1c1c1;
margin-right: 10px;
padding: 10px 12px;
}
.pagination-bar .pagenavi a, .pagenavi span a, .pagination-links a {
background: #4ba478 none repeat scroll 0 0;
border: 1px solid #4ba478;
border-radius: 4px;
color: #fff;
margin-right: 10px;
padding: 10px 12px;
font-family: Verdana;
font-size: 15px;
}
.pagenai span.extend {
border: 0 none !important;
margin: 3px 10px 0 0 !important;
}
.pagination-bar .pagenavi a:hover, .pagenavi span a:hover, .pagination-links a:hover {
background: #56bc8a none repeat scroll 0 0;
border: 1px solid #56bc8a !important;
border-radius: 4px;
color: #fff!important;
}
#messages-dir-pag.pagination-links a, #messages-dir-pag.pagination-links span{
float: left;
margin-right: 5px;
line-height: 16px;
}
h3.show_item_number{
font-family: verdana;
color: #3b3b3b;
font-size: 15px;
font-weight: normal;
margin: 20px 0;
float: left;
}
.form-submit{
overflow: hidden;
}
.author-info .avatar{
float: left;
}
.author-info .author_content{
margin-left: 65px;
}
.market-title-bar, .classes-title-bar{
background:#56bc8a no-repeat scroll center;
padding: 35px 0 35px;
min-height: 175px;
margin-bottom: 40px;
}
.market-title-bar-content, .classes-title-bar-content{
width: 975px;
margin: 0 auto;
text-align: center;
color: #3b3b3b;
}
.market-title-bar-content h2, .classes-title-bar-content h2{
color: #fff;
font-size: 33px;
font-weight: normal;
font-family: 'Montserrat-Bold';
margin: 0 0 0px;
}
.market-title-bar-content h3, .classes-title-bar-content h3{
color: #fff;
font-family: 'opensans-regular';
font-size: 30px;
font-weight: normal;
letter-spacing: 1px;
line-height: 36px;
margin: 0 0 15px;
}
.search-box{
margin: 0 auto;
width: 616px;
}
.market-title-bar-content p, .classes-title-bar-content p{
margin: 0;
color: #3b3b3b;
font-family: 'Montserrat-Regular';
font-size: 12px;
}
/**********Marketplace Page Style Ends***********/
/*********Product Detaill Page Starts*********/
.product-detail-page-content-right .promotion-link{
margin-top: 20px;
}
.product-detail .promotion-link {
margin: 0px 0px 10px;
}
#content.product-detail-page{
padding-top: 30px;
}
.product-detail-page{
margin: 0 auto;
width: 975px;
display: block;
overflow: hidden;
}
.title-breadcumb{
float: left;
width: 647px;
}
.product-buttons{
float: right;
width: 302px;
margin-top: 16px;
}
.button-box{
float: right;
text-align: center;
border: 1px solid #dbdbdb;
border-radius: 4px;
background: #f9f9f9;
width: 53px;
height: 63px;
margin-left: 7px;
}
.save-icon, .have-icon{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -170px 0px;
height: 20px;
width: 23px;
display: inline-block;
}
.share-icon{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -137px -75px;
height: 21px;
width: 21px;
display: inline-block;
}
a:hover .share-icon{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -114px -48px;
}
.saved .save-icon, .haved .have-icon, a:hover .save-icon, a:hover .have-icon{
background-position: -170px -20px;
}
.product-buttons .save-text,.product-buttons .have-text,.product-buttons .share-text,.product-buttons .love-text{
clear: both;
display: block;
font-family: verdana;
font-size: 12px;
color: #939393;
}
.single_have_products,.single_save_products,.single_share_products, .have-btn-not-login, .save-btn-not-login{
cursor: pointer;
display: block;
float: left;
margin: 9px 0;
width: 100%;
}
.single_have_products:hover .save-icon,.single_save_products:hover .have-icon{
background-position: -170px -20px;
}
.mycred-table.wp-list-table thead th{
text-align: left;
}
.product-detail-page-content-left{
float: left;
width: 628px;
}
.product-detail-page-content-right{
float: right;
width: 302px;
}
.flex-direction-nav .flex-prev{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -195px 0px;
}
.flexslider .flex-prev:hover{
background-position: -195px -71px;
}
.flex-direction-nav .flex-next{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -246px 0px;
}
.flexslider .flex-next:hover{
background-position: -246px -71px;
}
.slider-area {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 3px;
padding: 20px;
width: 100%;
}
.market-flexslider .flexslider {
border: 1px solid #ddd;
box-shadow: none;
height: 390px;
margin: 0 auto 40px;
padding: 4px 4px 0;
width: 587px;
}
.market-flexslider .flexslider .slides img {
height: 100%;
max-height: 387px;
max-width: 587px;
width: 100%;
}
.market-flexslider .flexslider .slides > li {
background: transparent none repeat scroll 0 0;
height: auto;
}
.flex-control-nav li{
box-sizing:content-box;
}
.single #container {
background: #fafafa none repeat scroll 0 0;
}
.single.single-news #container {
background: #fff none repeat scroll 0 0;
}
.single .product-detail-page-top-bar{
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ddd;
float: left;
width: 100%;
}
#comments{
}
.single #content{
/*padding-top: 30px;*/
}
.title-product h2{
font-family: 'Montserrat-Bold';
color: #3b3b3b;
font-weight: normal;
font-size: 26px;
margin: 5px 0 25px;
}
.title-product h2 span {
background: #56bc8a;
border-radius: 2px;
color: #fff;
display: inline-block;
font-family: verdana;
font-size: 12px;
margin-left: 5px;
padding: 3px 12px;
position: relative;
top: -5px;
}
.free-tag {
background: #56bc8a;
border-radius: 2px;
color: #fff;
display: inline-block;
font-family: verdana;
font-size: 15px;
margin-left: 0px;
padding: 2px 15px 4px;
float: left;
}
.product-detail-page-content-left .title_btn {
width: 99%;
float: left;
}
.fancybox-item.fancybox-close{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -296px -0px!important;
height: 45px;
width: 45px;
top: 10px;
right: 10px;
}
.fancybox-item.fancybox-close:hover{
background-position: -296px -46px!important;
}
.product-detail-page-content-left p#close_product span {
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -158px -103px!important;
cursor: pointer;
display: block;
float: right;
height: 26px;
overflow: hidden;
width: 27px;
}
.product-detail-page-content-left p#close_product span:hover {
background-position: -158px -139px!important;
}
.product-detail-page-content-left p#close_product{
margin: 0;padding-top: 20px; text-align: right;
}
.product-detail-page-content-left .tag-list {
display: block;
margin-top: 20px;
overflow: hidden;
padding: 17px 22px 17px 20px;
width: 100%;
}
.product-detail-page-content-left .tag-list h4 {
position: relative;
color: #3b3b3b;
font-family: "helveticabold";
font-size: 16px;
font-weight: normal;
margin-bottom: 10px;
padding-bottom: 3px;
padding-right: 20px;
text-shadow: 0 2px 1px #ffffff;
margin-top: 0;
}
.product-detail-page-content-left .tag-list h4:after{
position: absolute;
content: '';
width: 23px;
height: 23px;
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -72px -74px!important;
left: 40px;
}
.product-detail-page-content-left .tag-link {
float: none;
width: auto;
}
.product-detail-page-content-left .tag-link ul {
margin: 0;
padding: 0;
}
.product-detail-page-content-left .tag-link ul li {
display: inline;
float: left;
font-family: Verdana,sans-serif;
font-size: 12px;
list-style: outside none none;
margin: 0 13px 13px 0;
text-shadow: 0 -1px 0 #666;
width: auto;
line-height: 24px;
}
.product-detail-page-content-left .tag-link ul li a {
background: #4ba478 none repeat scroll 0 0;
border: 1px solid #4ba478;
border-radius: 3px;
color: #fff;
padding: 4px 10px;
text-shadow: none;
float: left;
}
.product-detail-page-content-left .tag-link ul li a:hover {
background: #56bc8a none repeat scroll 0 0;
border: 1px solid #56bc8a;
border-radius: 3px;
}
.product-detail-page-content-left .related-box {
border: 1px solid #dbdbdb;
background: #f9f9f9;
border-radius: 3px;
float: left;
margin-top: 25px;
padding: 20px;
width: 100%;
}
.product-detail-page-content-left .related-box h4{
color: #3b3b3b;
font-family: 'Montserrat-Regular';
font-size: 22px;
font-weight: normal;
margin: 0;
}
.product-detail-page-content-left .related-box ul {
margin: 16px 0 0 0;
padding: 0;
list-style: none;
}
.product-detail-page-content-left .single-market-related .related-box ul li {
background: transparent none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
padding: 0;
}
.product-detail-page-content-left .single-market-related .related-box .related-img {
background: #fff none repeat scroll 0 0;
border: 1px solid #dadada;
float: left;
margin-right: 18px;
padding: 2px;
height: 93px;
width: 137px;
position: relative;
}
.product-detail-page-content-left .single-market-related .related-box ul li:last-child .related-img{
margin-right: 0;
}
.product-detail-page-content-left .single-market-related .related-box .related-img img {
height: 87px;
max-width: 100%;
width: 131px;
}
.product-detail-page-content-left .single-market-related .related-box .related-img a.hover {
height: 87px;
width: 131px;
background: transparent none repeat scroll 0 0;
display: block;
left: 2px;
position: absolute;
top: 2px;
}
.product-detail-page-content-left .single-market-related .related-box .related-img a.hover:hover {
background: rgba(255, 90, 60, 0.6) url("../img/search_hover.png") no-repeat scroll center center / 30% auto;
display: block;
}
.product-detail-page-content-left .disqus_title h3 {
color: #3b3b3b;
font-family: "helveticabold";
font-size: 16px;
font-weight: normal;
margin: 0;
padding-bottom: 0;
padding-left: 0;
position: relative;
}
.product-detail-page-content-left .disqus_title h3:after{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -101px -74px !important;
content: "";
height: 24px;
left: 89px;
position: absolute;
width: 26px;
}
.product-detail-page-content-left .disqus_title {
width: 98%;
border-bottom: 1px solid #e1e1e1;
float: left;
margin:40px 0 20px;
padding-bottom: 5px;
width: 99%;
}
.view_button{
margin: 5px 0 15px;
text-align: center;
}
.view_button a{
background: #4ba478;
color: #fff;
font-family: verdana;
font-size: 14px;
text-align: center;
padding: 10px 50px 10px 30px;
display: inline-block;
border-radius: 3px;
position: relative;
}
.view_button a:after{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -539px 0;
content: "";
height: 11px;
position: absolute;
right: 30px;
top: 14px;
width: 11px;
}
.view_button a:hover{
background: #56bc8a;
}
.product-detail-page-content-right .download-box {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
border-radius: 3px;
padding: 24px 24px 30px;
}
.product-detail-page-content-right .download-btn a {
background: #56bc8a none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: block;
height: 70px;
line-height: 70px;
text-align: center;
width: 252px;
font-family: verdana;
letter-spacing: 0.6px;
position: relative;
font-size: 15px;
}
.product-detail-page-content-right .download-btn a::after {
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -539px 0;
content: "";
height:11px;
position: absolute;
right: 40px;
top: 30px;
width: 11px;
}
.product-detail-page-content-right .download-btn a:hover{
background-color: #4ba478;
}
.flag_report {
display: block;
margin-bottom: 8px;
margin-top: 20px;
overflow: hidden;
width: 100%;
}
.flag {
float: left;
}
.report {
float: right;
}
iframe{
max-width: none!important;
}
.report a{
color: #b3b3b3;
float: left;
font-family: verdana;
font-size: 12px;
padding-left: 16px;
position: relative;
}
.report a:hover,.flag a:hover{
color: #56bc8a;
}
.report a:before{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -116px -131px;
content: "";
position: absolute;
left: 0;
height: 11px;
width: 11px;
top: 5px;
}
.download-link {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
margin-top: 11px;
padding-bottom: 10px;
width: 100%;
}
.download-link ul {
clear: both;
display: table;
margin: 10px 0 0;
padding: 0;
}
.download-link ul li {
color: #3b3b3b;
display: block;
float: left;
font-family: Verdana,Geneva,sans-serif;
font-size: 12px;
line-height: 25px;
list-style: outside none none;
margin-bottom: 10px;
width: 100%;
}
.download-link ul li a {
color: #3b3b3b;
padding-bottom: 10px;
padding-left: 0px;
position: relative;
cursor: default;
}
.license-btn{
background: #4ba478 none repeat scroll 0 0;
border-radius: 3px;
color: #fff !important;
display: inline-block;
font-family: verdana;
font-size: 12px;
padding: 8px 15px 8px 40px;
position: relative;
text-align: center;
}
.license-div{
border-bottom: 1px solid #ddd;
padding: 20px 0;
}
.license-btn:before{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -348px -64px;
content: "";
height: 22px;
left: 7px;
position: absolute;
top: 7px;
width: 25px;
}
.tag-div {
font-family: verdana;
font-size: 12px;
margin-top: 20px;
padding-left: 30px;
position: relative;
}
.single-market-related{
background: #fff;
border-top: 1px solid #ddd;
padding-top: 50px;
padding-bottom: 50px;
}
.content-box h3{
color: #3b3b3b;
font-family: 'Montserrat-Regular';
font-size: 20px;
font-weight: normal;
}
.content-box:first-child{
border-top: 0!important;
}
.content-box{
font-family: verdana;
font-size: 15px;
line-height: 25px;
color: #3b3b3b;
padding-bottom: 50px;
border-bottom: 1px solid #ddd;
border-top: 1px solid #fff;
}
.content-box.content-bonuses {
padding-bottom: 5px;
}
.content-box:last-child{
border-bottom: 0!important;
}
.related-box li{
/*display: inline-block;*/
}
.popup-box{
display: none;
}
.info-col{
float: left;
width: 50%;
}
.learn_more_content{
width:100%;
}
.table-content{
border-radius: 5px;
border: 1px solid #eaeaea;
overflow: hidden;
}
.row-info{
float: left;
width:100%;
}
.row-info:nth-child(2n) .info-left{
background: #eeeeee;
}
.header-info{
background: #4ba478;
color: #fff;
text-align: center;
float: left;
width:100%;
}
.header-info h3{
color: #fff;
}
.info-left.info-col{
border-right: 1px solid #dbdbdb;
order-radius: 10px;
}
.bottom-box{
float: left;
width:100%;
border : 1px solid #eaeaea;
border-radius: 5px;
font-family: verdana;
font-size: 12px;
color: #3b3b3b;
padding: 10px;
margin-top: 20px;
}
.info-col{
padding: 4px 10px;
font-family: verdana;
font-size: 12px;
color: #3b3b3b;
}
.header-info .info-col{
padding: 0px 5px;
}
#license-more-popup{
/*width: 740px;*/
}
.row-info .info-right{
background: #fafafa none repeat scroll 0 0;
text-align: center;
}
.info-col p{
margin: 0!important;
}
.single-market-related .related-box .related-img a.hover {
background: transparent none repeat scroll 0 0;
display: block;
height: 87px;
left: 2px;
position: absolute;
top: 2px;
width: 131px;
}
span.yes{
float: left;
min-height: 24px;
position: relative;
width: 100%;
}
span.yes:before{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -486px -27px;
content: "";
height: 12px;
position: absolute;
width: 20px;
top: 6px;
left: 46%;
}
span.no{
float: left;
min-height: 24px;
position: relative;
width: 100%;
}
span.no:before{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -515px -27px;
content: "";
height: 20px;
position: absolute;
width: 20px;
top: 4px;
left: 47%;
}
.single-market-related .related-box .related-img {
background: #fff none repeat scroll 0 0;
border: 1px solid #dadada;
float: left;
height: 93px;
margin-right: 18px;
padding: 2px;
position: relative;
width: 137px;
}
.single-market-related .related-box .related-img img {
height: 87px;
max-width: 100%;
width: 131px;
}
.tag-div:before{
content: "";
position: absolute;
top: 0;
left :0;
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -557px 0;
height: 17px;
width: 18px;
}
.license-btn:hover{
background: #56bc8a;
}
.download-link ul li span.file-value {
cursor: default;
float: right;
text-align: right;
width: 170px;
}
.download-link ul li.learnmore_btn {
margin-bottom: 3px;
margin-top: 5px;
}
.download-link ul li.learnmore_btn a {
display: block;
float: right;
color: #fff;
position: relative;
font-family: verdana;
font-size: 12px;
background: #4ba478;
border-radius: 3px;
padding: 2px 9px 3px 30px ;
text-shadow: none;
}
.download-link ul li.learnmore_btn a:hover{
background: #56bc8a;
}
.download-link ul li.learnmore_btn a:before{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll;
background-position: -139px -52px;
content: "";
position: absolute;
left: 10px;
top: 10px;
width: 11px;
height: 11px;
}
.stats-box {
margin-bottom: 0;
}
.stats-box h4 {
color: #3b3b3b;
font-family: "helveticabold";
font-size: 16px;
font-weight: normal;
margin: 20px 0 10px;
}
.stats-box .icon_rating h2 {
color: #cac9c9;
font-family: Verdana;
font-size: 14px;
font-weight: normal;
line-height: 20px;
padding-bottom: 5px;
padding-left: 20px;
padding-top: 5px;
width: 100%;
position: relative;
}
.stats-box .icon_rating h2:before{
content: "";
position: absolute;
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll;
background-position: -87px -106px;
height: 17px;
left: 0;
top: 7px;
width: 16px;
}
.stats-box .rating-text{
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
}
.download-count-box h2{
color: #cac9c9;
font-family: Verdana;
font-size: 14px;
font-weight: normal;
line-height: 20px;
padding-bottom: 5px;
padding-left: 25px;
padding-top: 5px;
width: 100%;
position: relative;
margin: 0;
}
.download-count-box h2:before{
content: "";
position: absolute;
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll;
background-position: -110px -106px;
height: 19px;
left: 0;
top: 7px;
width: 20px;
}
.download-count-box p, .view-count-box p{
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
margin: 0;
}
.view-count-box h2{
color: #cac9c9;
font-family: Verdana;
font-size: 14px;
font-weight: normal;
line-height: 20px;
padding-bottom: 5px;
padding-left: 25px;
padding-top: 5px;
width: 100%;
margin: 0;
position: relative;
}
.download-count-box {
float: left;
margin-bottom: 10px;
margin-top: 10px;
width: 100%;
}
.view-count-box {
float: left;
padding: 0 0 10px;
width: 99%;
}
.view-count-box h2:before{
content: "";
position: absolute;
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll;
background-position: -132px -107px;
height: 15px;
left: 0;
top: 9px;
width: 19px;
}
.des-box {
border-top: 1px solid #ddd;
overflow: hidden;
padding-bottom: 10px;
padding-top: 0;
width: 100%;
}
.des-box h4 {
color: #3b3b3b;
font-family: "helveticabold";
font-size: 16px;
font-weight: normal;
margin: 20px 0 10px;
}
.des-box p{
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
margin: 0;
}
.news-detail-page-content-right .promotion-link{
margin-top: 10px;
}
.promotion-link {
margin: 0px 0px 10px;
}
#preview_download {
width: 669px;
}
#no_preview{
width: 482px;
}
.preview_downliad_top_bar {
background: #f3f3f3 none repeat scroll 0 0;
float: left;
width: 100%;
padding: 25px 16px 0;
}
#no_preview .no_preview_top_bar, .learn_more_top_bar, .form-popup-top-bar, .popup_box_top_bar, .login_popup_top_bar{
background: #f3f3f3 none repeat scroll 0 0;
float: left;
width: 100%;
padding: 25px 30px ;
}
.popup_box_top_bar p{
margin: 0;
}
.share_popup_content{
padding: 100px 118px;
}
.learn_more_top_bar{
padding-bottom: 15px;
}
.preview_downliad_top_bar h2, #no_preview .no_preview_top_bar h2, .learn_more_top_bar h3, .form-popup-top-bar h2, .popup_box_top_bar h2, .login_popup_top_bar h2,
.login_popup_content_right_top h2{
margin: 0;
font-size: 18px;
color: #3b3b3b;
font-family: "helveticabold";
font-weight: normal;
}
.preview_download_content, #no_preview .no_preview_content, .login_popup_content {
float: left;
width: 100%;
padding: 25px 16px;
}
.preview_download_content p, #no_preview .no_preview_content p, .learn_more_content p,.form-popup .body p,.login_popup_content_right_top p {
margin: 0 0 20px;
font-family: "verdana";
color: #3b3b3b;
font-size: 13px;
line-height: 24px;
}
.login_popup_content_right_bottom ul{
margin: 0;
padding: 0;
list-style: none;
}
.login_popup_content_right_bottom ul li{
float: left;
line-height: 23px;
margin-bottom: 7px;
padding-left: 55px;
padding-right: 20px;
position: relative;
text-align: left;
width: 100%;
}
.login_popup_content_right_bottom ul li:before{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -37px -175px;
content: "";
height: 18px;
left: 25px;
position: absolute;
top: 3px;
width: 21px;
}
.login_popup_top_bar p a{
color: #4ba478;
}
.login_popup_top_bar p a:hover{
color: #56bc8a;
}
.login_popup_content_right_top {
padding: 10px 25px;
border-bottom: 1px solid #d8d8d8;
}
.login_popup_content_left{
float: left;
width: 336px;
}
.login_popup_content_right{
float: right;
width: 314px;
background: #f3f3f3;
border: 1px solid #d8d8d8;
border-radius: 5px;
}
.login_popup_content_right_bottom p{
float: left;
padding: 0 30px;
text-align: right;
width: 100%;
margin-top: 0;
}
.login_popup_content_right_top_sign_btn{
text-align: center;
}
.login_popup_content_right_top_sign_btn a{
display: inline-block;
width: 215px;
color: #fff;
font-size: 14px;
font-family: "helveticabold";
font-weight: normal;
text-align: center;
padding: 10px;
border-radius: 3px;
background: #4ba478;
}
.login_popup_content_right_top p{
margin-bottom: 0;
}
.login_popup_content_right_bottom{
padding: 20px 0;
}
.login_popup_content_right_top_sign_btn a:hover, .submit-login input[type='submit']:hover, .submit-login input[type='submit']:focus{
background: #56bc8a;
}
.row-input,.remeber-acc,.register-lostpassword,.submit-login{
float: left;
width: 100%;
margin-bottom: 15px;
}
.success_login{
color: #a2d90c;
}
.pg_error{
color: #fe3d3d;
}
.row-input input[type="text"], .row-input input[type="password"]{
border: 1px solid #d8d8d8;
width: 100%;
font-family: "verdana";
color: #3b3b3b;
font-size: 12px;
height: 30px;
}
.row-input input[type="text"]:focus, .row-input input[type="password"]:focus {
border: 1px solid #4ba478;
}
.remeber-acc{
background: #f3f3f3 none repeat scroll 0 0;
border: 1px solid #d8d8d8;
border-radius: 3px;
color: #3b3b3b;
font-family: "verdana";
font-size: 12px;
padding: 20px 10px;
}
.form-tab{
display: none;
}
a.lost-password, a.back_login_form, .lost-password-bottom p.have-trouble a{
color: #4ba478;
}
a.lost-password:hover, a.back_login_form:hover, .lost-password-bottom p.have-trouble a:hover{
color: #3b3b3b;
}
.form-tab.active-tab{
display: block;
}
.remeber-acc p{
font-size: 10px;
margin: 0;
padding-left: 17px;
}
.submit-login input[type='submit']{
background: #4ba478 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-family: "helveticabold";
font-size: 14px;
font-weight: normal;
padding: 10px;
text-align: center;
width: 100%;
border: 0;
line-height: 25px;
}
.submit-login input.loading-time[type="submit"]{
background-image: url(../img/button-loader.gif);
background-position: center;
background-repeat: no-repeat;
}
#lost-password input[type='submit']{
background: #4ba478 none repeat scroll 0 0;
border: 0 none;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: normal;
line-height: 14px;
padding: 12px 18px;
text-align: center;
}
#lost-password input[type='submit']:hover{
background: #56bc8a;
}
#lost-password .row-input input[type="text"]{
width: 300px;
}
.lost-password-bottom{
float: left;
width: 100%;
margin-top: 200px;
}
.lost-password-bottom p.have-trouble{
text-align: right;
}
.register-lostpassword ul{
margin: 0;
padding: 0;
list-style: none;
}
.register-lostpassword ul li{
display: inline-block;
}
.row-input label{
float: left;
width: 100%;
color: #3b3b3b;
font-size: 14px;
font-family: "helveticabold";
font-weight: normal;
}
.preview_downliad_top_bar p, #no_preview .no_preview_top_bar p, .learn_more_top_bar p, .form-popup-top-bar p, .popup_box_top_bar p, .login_popup_top_bar p, .login_popup_content{
font-family: "verdana";
color: #3b3b3b;
font-size: 12px;
margin-top: 0;
margin-bottom: 0;
}
.features-page .what-you-could ul li.li-last{
margin-right: 0;
}
#no_preview .no_preview_content, .learn_more_content,.form-popup .body, .popup_box_content, .login_popup_content{
padding: 20px 30px;
text-align: center;
}
.form-popup .body {
overflow-x: hidden;
}
#no_preview .no_preview_content{
background: #e0f1f8;
}
.learn_more_content,.form-popup .body, .popup_box_content, .login_popup_content{
float: left;
text-align: left;
}
.fancybox-title{
display: none;
}
.popup_box_content{
width: 100%;
}
#no_preview .no_preview_content h2{
font-family: "verdana";
color: #3b3b3b;
font-size: 18px;
line-height: 38px;
}
.icon-search-no-preview{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -2px -99px;
display: inline-block;
height: 71px;
margin: 30px;
width: 81px;
}
#learn-more-popup, .form-popup,#license-more-popup {
display: none;
width: 763px;
}
#limit{
display: none;
width: 482px;
}
#limit .popup_box_content h2{
color: #3b3b3b;
font-size: 18px;
font-family: "helveticabold";
font-weight: normal;
}
#limit .popup_box_content p{
color: #3b3b3b;
font-family: "verdana";
font-size: 12px;
margin-top: 0;
}
a.upgrade_btn{
display: inline-block;
background: #4ba478 none repeat scroll 0 0;
border: 1px solid #4ba478;
border-radius: 3px;
color: #fff;
padding: 14px 20px;
text-shadow: none;
font-size: 12px;
letter-spacing: 0.5px;
margin: 70px 0 50px;
}
a.upgrade_btn:hover{
background: #56bc8a none repeat scroll 0 0;
border: 1px solid #56bc8a;
border-radius: 3px;
}
h3.learmore-icon, .learmore-inner{
display: inline-block;
}
.learmore-inner{
float: right;
width: 94%;
}
h3.learmore-icon{
float: left;
margin-right: 10px;
margin-top: 0;
}
.learmore-inner h4.learmore-title{
font-weight: bold;
font-family: "verdana";
color: #3b3b3b;
font-size: 12px;
margin: 0;
}
.notifications th, .profile-settings th{
padding:10px;
text-align: left;
}
.profile_visibility #submit{
margin-left: 10px;
}
.notifications tr td, .profile-settings tr td{
padding: 10px;
font-size: 12px;
font-family: verdana;
}
.item-header-name h2{
color: #3b3b3b;
font-family: verdana;
font-size: 20px;
font-weight: normal;
line-height: 17px;
margin: 0 0 10px;
}
.item-header-name h2 span{
font-size: 18px;
}
#user-pag{
padding-top: 10px;
}
.thread-count{
font-size: 17px;
}
#item-header-content{
margin-left: 20px;
}
#messages_search_submit{
min-height: 40px;
}
#main_message_wraper{
font-family: verdana;
font-size: 13px;
}
.follow-button a, a.send-message,.action a.friendship-button, #messages_search_submit,#send_reply_button,#send_message_form #send,ul#friend-list li .generic-button{
padding: 7px 25px;
background: #4ba478 none repeat scroll 0 0;
border-color: #4ba478;
border-radius: 3px;
color: #fff !important;
display: inline-block;
font-family: verdana;
font-size: 12px;
text-align: center;
border: 0;
}
#messages_search{
font-family: verdana;
font-size: 12px;
height: 41px;
}
,ul#friend-list li .generic-button:hover,
.follow-button a:hover, a.send-message:hover,.action a.friendship-button:hover, #load-more-member a,#messages_search_submit:hover,#send_reply_button:hover,#send_message_form #send:hover{
background: #4ba478 none repeat scroll 0 0;
}
#message-threads tr td{
padding-bottom: 20px;
}
#item-buttons div{
float: left;
margin-right: 5px;
}
#item-body{
float: left;
width:100%;
}
.message-box .message-metadata{
margin-bottom: 10px;
}
.user-profile-box div{
float: left;
margin-right: 5px;
}
#load-more-member a{
padding: 7px 125px;
background: #4ba478 none repeat scroll 0 0;
border-color: #4ba478;
border-radius: 3px;
color: #fff !important;
display: inline-block;
font-family: verdana;
font-size: 14px;
text-align: center;
}
ul#members-list, ul#friend-list{
margin: 0;
padding: 0;
list-style: none;
}
.user-profile-box div.generic-button a, .pagination{
font-family: verdana;
font-size: 12px;
}
.pagination{
margin-bottom: 20px;
}
.user-profile-box div.generic-button a:hover{
color: #3b3b3b;
}
li div.item-avatar{
float: left;
}
.item-main-content{
font-family: verdana;
font-size: 12px;
margin-left: 60px;
}
#members-list li, ul#friend-list li{
margin-bottom: 20px;
}
.thread-info h2{
font-family: verdana;
font-size: 15px;
font-weight: normal;
margin: 0;
}
#message-threads a:hover,#main_message_wraper a:hover,
#message-thread a:hover,
.thread-info h2 a:hover{
color: #3b3b3b;
}
.thread-info p{
margin: 10px 0 0;
}
.thread-info span.activity{
color: #afafaf;
}
#members-list li .generic-button, ul#friend-list li .generic-button{
margin-top: 10px;
}
#members-list li .action div, ul#friend-list li .action div{
float: left;
margin-right: 5px;
}
.item-avatar img,.thread-avatar img,.message-metadata img{
border-radius: 50%;
}
.item-header-name span.facebook{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -492px 0;
display: block;
height: 19px;
width: 11px;
}
.item-header-name span.twitter{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -511px 0;
display: block;
height: 18px;
width: 21px;
margin-top: 1px;
}
.profile-fields td.label{
width: 300px;
}
.activity-comments .acomment-meta,.activity-comments .acomment-content,.activity-comments .acomment-options,.activity-comments .divide_comment{
margin-left: 40px;
}
.profile-fields a:hover{
color: #3b3b3b;
}
.item-header-name h4{
color: #3b3b3b;
font-family: verdana;
font-size: 12px;
font-weight: normal;
margin: 0 0 3px;
}
.user-profile-box{
float:left;
width:100%;
margin: 12px 0;
}
.rank_profile .logo-rank{
float: left;
}
.dashboard-detail-box .rank_profile .logo-rank{
width:100%;
}
.dashboard-detail-box .rank_profile .logo-rank img{
width:76px;
}
a.user-profile{
font-family: verdana;
font-size: 12px;
margin-right: 15px;
}
a.user-profile:hover{
color: #3b3b3b;
}
.item-header-name ul {
margin: 0;
padding:0;
list-style: none;
}
.item-header-name ul li{
display: inline-block;
float: left;
margin-right: 5px;
}
.item-header-name .btn_icon{
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
}
hr.divide_comment{
background: #fff;
}
.item-header-name a:hover{
color: #3b3b3b;
}
.submit_ticket_form h2{
border-bottom: 1px solid #ebeaea;
color: #3b3b3b;
font-family: "helveticabold";
font-size: 18px;
font-weight: normal;
margin: 0 0 20px;
padding-bottom: 5px;
display: none;
}
.submit_ticket_form input.res {
height: 41px;
}
.submit_ticket_form .input_col {
width: 50%;
}
.submit_ticket_form textarea {
min-height: 150px;
resize: vertical;
max-width: 100%;
}
.submit_ticket_form #submit1 {
clear: both;
float: right;
margin-top: 50px;
}
p span.feed_required{
font-family: "verdana";
color: #989898;
font-size: 15px;
}
strong.f_required{
color: #fa3f3f;
}
.submit_ticket_form label{
font-family: "verdana";
color: #3b3b3b;
font-size: 14px;
}
.submit_ticket_form label strong{
float: left;
}
/*------------------------------
submit product form
------------------------------*/
.product-submit-form .submit_ticket_form {
border-top: 1px solid #e0e1e1;
padding-top: 1px;
margin-top: 20px;
}
.product-submit-form p {
margin-bottom: 0.5em;
}
.product-submit-form .label_col {
width: 100%;
}
.product-submit-form .label_col .fileUploadDesc { margin-left: 0;}
.product-submit-form .input_col { float: left; width: 50%;}
.product-submit-form .res {
height: 41px;
float: none;
width: 100%;
border: 1px solid #e2e2e2;
margin-top: 10px;
}
.product-submit-form input.res {
padding-left: 7px;
}
.product-submit-form textarea {
resize: vertical;
min-height: 200px;
padding-left: 7px;
padding-top: 7px;
}
.product-submit-form #submit {
background-color: #56bc8a;
color: #fff;
padding: 16px 30px;
border: none;
margin-left: 0;
margin-top: 50px;
float: left !important;
clear: both;
}
.product-submit-form #submit:hover {
background-color: #4ba478;
}
.product-submit-form .f_loading {
display: none !important;
}
/*------------------------------ */
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus{
border-color: #4ba478 !important;
background-color: #fff !important;
outline: none;
}
.label_col{
float: left;
}
.input_col{
float: right;
}
.popup_box{
display: none;
width: 482px;
}
.popup_tab{
display: none;
min-height: 330px;
}
.popup_tab.popup_active_tab{
display: block;
}
.save_button_popup, .favourited_addlist-popup,.favourited_button_popup, .add_row, .created-list-popup, .add_row_content{
float: left;
width: 100%;
}
a.save_product_popup, a.favourited_product_popup, a.add_to_list, a.create_list_btn_popup,a.create_list_btn{
background: #4ba478 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
float: left;
font-family: verdana;
font-size: 11px;
line-height: 15px;
padding: 6px 8px;
text-align: center;
}
a.save_product_popup, a.favourited_product_popup, a.create_list_btn_popup{
width: 165px;
}
a.add_to_list{
padding: 4px 20px;
margin-left: 25px;
}
a.save_product_popup:hover, a.favourited_product_popup:hover, a.add_to_list:hover, a.create_list_btn_popup:hover{
background: #56bc8a;
}
a.favourited_product_popup span.star-icon{
float: right;
width: 18px;
height: 16px;
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -136px -127px;
margin-left: 10px;
}
div.text-or{
float: left;
width: 100%;
position: relative;
overflow: hidden;
text-align: center;
padding: 10px 0;
}
div.text-or span{
display: inline-block;
color: #c2c2c2;
font-family: verdana;
font-size: 11px;
background: #fff;
padding: 10px;
font-style: italic;
text-transform: uppercase;
position: relative;
}
div.text-or span:before{
background: #e4e4e4 none repeat scroll 0 0;
content: "";
height: 1px;
left: -1000%;
position: absolute;
top: 18px;
width: 1000%;
}
div.text-or span:after {
background: #e4e4e4 none repeat scroll 0 0;
content: "";
height: 1px;
right: -1000%;
position: absolute;
top: 18px;
width: 1000%;
}
.popup_box_content label{
color: #b3b3b3;
font-family: verdana;
font-size: 11px;
float: left;
margin-bottom: 8px;
width: 100%;
}
.popup_box_content .create_list_tab label{
color: #3b3b3b;
}
.popup_box_content .create_list_tab input.list_title{
width: 60%;
}
.list_dropdown{
float: left;
position: relative;
padding-bottom: 5px;
}
.add_row{
margin-top: 20px;
}
a.back_btn{
color: #4ba478;
font-family: verdana;
font-size: 12px;
}
a.back_btn:hover{
color: #3b3b3b;
}
.show_detail p{
margin: 0;
}
.create_list_tab_form input, .create_list_tab_form textarea{
border: 1px solid #e3e3e3;
color: #3b3b3b;
font-family: verdana;
font-size: 12px;
}
.create_list_tab_form textarea:focus{
border-color: #4ba478;
}
.create_list_tab{
margin-top: -15px;
}
.create_list_tab_form input.error{
border-color: #ff0000;
}
.create_list_tab_form textarea{
min-height: 120px;
}
.create_list_tab_btn{
float: left;
width: 100%;
position: relative;
}
input.create_list_btn{
background: #4ba478 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
float: left;
font-family: verdana;
font-size: 11px;
line-height: 15px;
padding: 12px 5px;
text-align: center;
border: 0;
width: 90px;
height: 40px;
}
input.create_list_btn:hover{
background:#56bc8a;
}
input.create_list_btn.loading{
background: #4ba478 url("../img/button-loader.gif") no-repeat scroll center center;
width: 90px;
}
.list_name{
cursor: pointer;
}
.notice{
float:left;
}
.addedtolistmess{
color: #3b3b3b;
float: left;
font-family: verdana;
font-size: 12px;
padding: 10px 35px 10px 25px;
position: relative;
}
.addedtolistmess:after{
content: "";
position: absolute;
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -170px -20px;
height: 20px;
width: 23px;
right: 0;
}
.dropdown-save{
border: 1px solid #e3e3e3;
border-radius: 3px;
color: #b3b3b3;
float: left;
font-family: verdana;
font-size: 12px;
height: 23px;
padding: 0 25px 0 15px;
width: 177px;
position: relative;
line-height: 20px;
}
.list_dropdown:hover .dropdown-save:after{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -85px -14px;
}
.dropdown-save:after{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -85px 0;
content: "";
height: 14px;
position: absolute;
right: 4px;
width: 14px;
top: 4px;
}
.list_dropdown ul{
background: #fff none repeat scroll 0 0;
border: 1px solid #e0e0e0;
display: none;
height: 140px;
list-style: outside none none;
margin: 0;
overflow-y: scroll;
padding: 5px 0;
position: absolute;
top: 25px;
width: 177px;
z-index: 100;
}
.list_dropdown:hover ul{
display: block;
}
.list_dropdown ul li{
color: #b3b3b3;
font-family: verdana;
font-size: 12px;
padding: 4px 15px;
}
.list_dropdown ul li:hover{
color: #4ba478;
}
.list_title_tab, .short_des_tab{
float: left;
width: 100%;
margin-bottom: 20px;
}
.create_list_tab_content h3{
font-family: verdana;
font-size: 12px;
color: #3b3b3b;
margin: 20px 0;
}
/************* Classes page style ***********/
.classes-page-content h2.title-section span.count-total{
border: 0 solid #e3e3e3;
border-radius: 0;
color: #b3b3b3;
font-family: verdana;
font-size: 12px;
font-style: italic;
margin-left: 3px;
padding: 0 8px;
position: relative;
top: -1px;
}
.content .classes-page-content h2.title-section{
margin: 0;
float: left;
}
.classes-page-content .title-bar{
display: block;
float: left;
width: 100%;
margin-bottom: 20px;
}
.classes-page-content-left{
float: left;
width: 652px;
}
.classes-page-content-left ul{
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 100%;
}
.classes-item{
float: left;
width: 100%;
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #dbdbdb;
border-radius: 4px;
padding: 20px;
position: relative;
}
.classes-item h2.classes-name {
font-family: "helveticabold";
font-size: 20px;
font-weight: normal;
margin: 0;
}
.classes-item h2.classes-name a{
color: #4ba478;
}
.classes-item h2.classes-name a:hover{
color: #3b3b3b;
}
.classes-item p.classes-date{
color: #3b3b3b;
margin: 0;
font-family: verdana;
font-size: 12px;
}
.classes-item-content{
float: left;
width: 100%;
}
.classes-item-content .classes-thumbnail{
float: left;
border: 1px solid #dadada;
border-radius: 0px;
padding: 4px;
background: #fff;
}
.classes-item-content .classes-thumbnail img {
display: block;
width: 280px;
height: 180px;
}
.classes-item-content .classes-thumbnail a {
position: relative;
float: left;
width: 100%;
}
.classes-item-content a .more-info {
background: rgba(107, 191, 227, 0.9) none repeat scroll 0 0;
bottom: 0;
color: #ffffff;
font-family: verdana;
font-size: 12px;
height: 180px;
left: 0;
line-height: 20px;
position: absolute;
right: 0;
top: 0;
visibility: hidden;
width: 100%;
}
.classes-item-content a .more-info::before {
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -2px 0;
bottom: 0;
content: "";
display: block;
height: 70px;
left: 97px;
overflow: hidden;
position: absolute;
text-align: left;
text-indent: -9999px;
top: 55px;
width: 75px;
}
.classes-item-content a:hover .more-info {
visibility: visible;
}
.classes-item-content{
margin-top: 15px;
}
.excerpt-classes{
float: right;
width: 300px;
font-family: verdana;
font-size: 12px;
color: #3b3b3b;
}
.classes-categories, .excerpt-text,.read-btn{
float: left;
width: 100%;
}
span.underline{
text-decoration: underline;
color:#fff!important;
}
.features-page .database-demo .database-demo-video iframe{
height: 93%;
width:92%;
}
.features-page .video-box{
padding: 0;
}
iframe{
border:0;
}
.excerpt-text > p{
margin-top: 0
}
.classes-page-content-left ul li{
float: left;
margin-bottom: 25px;
width: 100%;
}
.classes-page-content{
margin-bottom: 40px;
float: left;
width: 100%;
}
.classes-categories{
margin: 20px 0;
}
.excerpt-classes .classes-categories a{
color: #57c5ee;
}
.excerpt-classes .classes-categories a:hover{
color: #3b3b3b;
}
.excerpt-classes .read-btn a.read-more-img{
background: #4ba478 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: block;
font-family: verdana;
font-size: 12px;
height: 30px;
padding: 5px 10px;
text-align: center;
width: 110px;
}
.excerpt-classes .read-btn a.read-more-img:hover{
background: #4ba478;
}
.classes-page-content-right{
float: right;
width: 302px;
}
.single-bonus .right-col-box{
border: none;
background: transparent;
}
.right-col-box{
float: left;
width: 100%;
border: 1px solid #dbdbdb;
background: #fff;
border-radius: 4px;
margin-bottom: 16px;
}
.right-col-box h3{
color: #3b3b3b;
font-family: "helveticabold";
font-size: 16px;
font-weight: normal;
margin: 0;
border-bottom: 1px solid #dbdbdb;
padding: 10px 18px;
}
.right-col-box #searchform{
float: left;
width: 100%;
padding: 10px 18px;
}
.right-col-box #searchform #s{
width: 228px;
height: 30px;
border: 1px solid #e4e4e4;
background: #fff;
font-size: 12px;
color: #959494;
font-family: verdana;
}
.right-col-box #searchform #searchsubmit{
background: rgba(0, 0, 0, 0) url("../img/header-sprite.png") no-repeat scroll -2px -133px;
border: 0 none;
box-shadow: none;
display: inline-block;
float: right;
height: 21px;
margin: 5px 2px;
overflow: hidden;
text-align: left;
text-indent: -9999px;
width: 20px;
}
.classes-page-content-right .promotion-link{
margin-bottom: 16px;
float: left;
width: 100%;
margin-top: 0;
}
.right-col-box ul{
margin: 20px 18px 40px;
padding: 0;
list-style: none;
float: left;
}
.right-col-box ul li{
float: left;
width: 100%;
}
.right-col-box ul li a{
font-size: 12px;
color: #4ba478;
font-family: verdana;
}
.right-col-box.list-classes-categories ul li a:hover,.right-col-box.list-classes-categories ul li.current-category a{
color: #3b3b3b;
}
.right-col-box .related-file ul li a{
color: #4ba478;
}
.right-col-box .related-file ul li a:hover{
color: #3b3b3b;
}
.right-col-box .related-file ul li{
margin-bottom: 15px;
}
.right-col-box .related-img {
background: #fff none repeat scroll 0 0;
border: 1px solid #dadada;
float: left;
margin-right: 7px;
padding: 3px;
height: 65px;
width: 90px;
position: relative;
}
.right-col-box .related-img img {
height: 57px;
max-width: 100%;
width: 84px;
}
.right-col-box .related-img a.hover {
background: transparent none repeat scroll 0 0;
display: block;
height: 57px;
left: 3px;
position: absolute;
top: 3px;
width: 82px;
}
.right-col-box .related-img a.hover:hover {
background: rgba(86, 188, 138, 0.8) url("../img/search_hover.png") no-repeat scroll center center / 30% auto;
display: block;
}
.related-file h4{
margin: 0;
font-weight: normal;
line-height: 16px;
}
.related-title-date{
float: right;
width: 160px;
}
.right-col-box .related-title-date .related-dates{
margin: 5px 0;
font-size: 12px;
color: #3b3b3b;
font-family: verdana;
}
/************* Share popup style *************/
.share_popup_content p {
color: #b3b3b3;
font-family: verdana;
font-size: 10px;
margin: 10px 0 0;
text-align: left;
}
.or-sepate {
border-bottom: 1px solid #e4e4e4;
float: left;
height: 20px;
margin: 0;
width: 100%;
text-align: center;
}
.or-sepate span {
background: #fff none repeat scroll 0 0;
color: #c2c2c2;
font-style: italic;
line-height: 39px;
padding: 14px;
font-size: 11px;
font-family: verdana;
}
#img_loading_share {
display: none;
}
.add_create {
margin-top: 20px;
text-align: left;
}
.add_create .add_row {
margin-bottom: 10px;
}
.add_row, .create_row {
float: left;
width: 100%;
}
.create_row {
margin-bottom: 15px;
}
.share_popup_content p {
color: #b3b3b3;
font-family: verdana;
font-size: 11px;
margin: 5px 0 0;
text-align: left;
}
.share_popup_content p.text_title {
margin-bottom: 5px;
}
.list_dropdown, .list_group {
float: left;
padding-bottom: 5px;
position: relative;
}
.dropdown-share {
border: 1px solid #e3e3e3 !important;
border-radius: 3px;
color: #b3b3b3;
float: left;
font-size: 12px;
margin-top: 1px;
overflow: hidden;
padding: 4px 13px;
width: 196px;
font-family: verdana;
}
.list_group ul {
background: #fff none repeat scroll 0 0;
border: 1px solid #e0e0e0;
display: none;
list-style: outside none none;
margin: 0;
padding: 5px 0;
position: absolute;
top: 32px;
width: 196px;
z-index: 100;
}
.list_group:hover ul {
display: block;
}
.list_group ul li {
color: #b3b3b3;
font-family: verdana;
font-size: 12px;
padding: 4px 15px;
}
.list_group ul li a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
color: #b3b3b3;
font-family: verdana;
font-size: 12px;
padding: 0 !important;
}
.create_group, .add_to_group, .share_popup_login_btn a {
background: #4ba478 none repeat scroll 0 0 !important;
border-radius: 3px;
color: #fffefe !important;
float: left;
font-family: verdana;
font-size: 12px;
font-weight: normal !important;
height: 27px;
padding: 5px 16px !important;
line-height: 15px;
}
.share_popup_login_row{
float: left;
width: 100%;
}
.share_popup_login_row p{
font-size: 12px;
color: #3b3b3b;
}
.share_popup_login_row .share_popup_login_btn{
float: left;
width: 100%;
margin: 10px 0 0 0;
}
.share_popup_login_row .or-sepate{
margin-bottom: 20px;
}
.add_to_group{
margin-left: 20px;
}
.add_to_list:hover, .create_list:hover, .add_to_group:hover, .create_group:hover, .share_popup_login_btn a:hover {
/*background-color: #4ba478 !important;*/
color: #fff;
}
.monthly-editions .sub-des-section a:hover{
color: #fff;
}
.like-img a {
color: #8c8c8c;
padding-left: 25px;
padding-top: 5px;
}
.share_popup_footer .or-sepate {
margin-bottom: 20px;
}
/*********** INventory page style ***********/
.inventory-page-content-left{
float: left;
width: 167px;
}
.invent-nav{
float: left;
width: 100%;
}
.invent-nav ul{
margin:0;
padding: 0;
list-style: none;
}
.inventory-page-content-right{
float: right;
width: 762px;
}
.inventory-page-content-right .product-list li:nth-child(2n+2) {
margin-left: 0px;
margin-right: 0!important;
}
.inventory-page-content-right .product-list li:nth-child(3n+3) {
margin-left: 0px;
margin-right: 63px;
}
.myinvetory_title {
color: #3b3b3b;
font-family: "helveticabold";
font-size: 20px;
font-weight: normal;
margin: 0;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 5px;
}
.inventory_page_title{
color: #3b3b3b;
font-family: "helveticabold";
font-size: 16px;
font-weight: normal;
margin: 20px 0;
}
.inventory-page{
background: #f6f7f7 none repeat scroll 0 0;
float: left;
width: 100%;
border-top: 1px solid #e2e2e2;
}
.inventory-page-content{
display: block;
}
.inventory-page-content-main{
float: left;
width: 100%;
border-bottom: 1px solid #dcdcdc;
padding-bottom: 30px;
margin-bottom: 60px;
margin-top: 25px;
}
.inventory-page-content-left{
float: left;
}
.inventory-page-content-left .invent-nav{
float: left;
width: 100%;
border: 1px solid #dcdcdc;
background: #fff;
border-radius: 4px;
padding: 16px;
}
.inventory-page-content-left .invent-nav h3{
border-bottom: 1px solid #dcdcdc;
color: #3b3b3b;
font-family: "helveticabold";
font-size: 15px;
font-weight: normal;
padding: 0 0 5px;
margin: 0;
}
.inventory-page-content-left .invent-nav ul{
float: left;
width: 100%;
}
.inventory-page-content-left .invent-nav ul li{
float: left;
margin: 20px 0;
width: 100%;
}
.inventory-page-content-left .invent-nav ul li a{
background: #4ba478 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
float: left;
font-family: verdana;
font-size: 12px;
padding: 10px 5px;
text-align: center;
width: 100%;
}
.inventory-page-content-left .invent-nav ul li a:hover, .inventory-page-content-left .invent-nav ul li.current-item a{
background: #56bc8a;
}
.inventory-page-content-left .invent-nav ul.favourite-product {
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
.inventory-page-content-left .invent-nav ul.list-nav{
margin-top: 15px;
}
.inventory-page-content-left .invent-nav ul.list-nav li{
margin: 5px 0;
}
.inventory-page-content-right .inventory-page-content-right-top-bar{
float: left;
width: 100%;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box{
float: left;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul{
margin: 0;
padding: 0;
list-style: none;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li{
float: left;
display: inline;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li input[type="checkbox"] {
margin: 9px;
}
input.select_all_input[type="checkbox"] {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
input.select_all_input[type="checkbox"] + label.select_all_label {
cursor: pointer;
display: inline-block;
font-size: 13px;
height: 13px;
line-height: 13px;
margin-left: 0;
margin-top: 9px;
padding-left: 25px;
vertical-align: middle;
}
.select_all_label {
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -165px -60px;
}
input.select_all_input[type="checkbox"]:checked + label.select_all_label {
background-position: -165px -73px;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li a {
color: #fff;
float: left;
font-size: 11px;
height: 29px;
line-height: 13px;
margin-right: 10px;
padding: 0;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li a span {
background: #4ba478 none repeat scroll 0 0;
border-radius: 3px;
float: left;
padding: 8px 13px 10px;
color: #fffefe;
font-family: verdana;
font-size: 11px;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li a:hover span, .inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li:hover a span {
background-color: #56bc8a;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu {
padding-bottom: 10px;
position: relative;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box li.has-submenu .hd-submenu_drop {
background: #fff none repeat scroll 0 0;
border: 1px solid #d3d3d2;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
color: #4ba478;
display: none;
float: left;
left: 0;
position: absolute;
top: 35px;
width: 160px;
z-index: 100;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box li.has-submenu:hover .hd-submenu_drop {
display: block;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu .hd-submenu_drop .showlist_inven {
border-bottom: 1px solid #d9d9d9;
height: 190px;
overflow-x: hidden;
overflow-y: scroll;
padding: 10px 0 20px;
width: 160px;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li .hd-submenu_drop label a {
color: #b3b3b3;
cursor: pointer;
float: left;
height: auto;
margin: 0;
padding: 6px 10px;
width: 100%;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu .hd-submenu_drop p {
color: #3b3b3b;
float: left;
padding: 10px 8px;
width: 100%;
margin: 0;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu .hd-submenu_drop p a {
background: #4ba478 none repeat scroll 0 0;
border-radius: 5px;
border-top: 0 none;
color: #fff;
font-family: verdana;
font-size: 11px;
font-weight: normal;
height: auto;
margin: 0;
padding: 10px 0;
text-align: center;
width: 100%;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu .hd-submenu_drop p a:hover {
background: #4ba478 none repeat scroll 0 0;
color: #fff !important;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu .hd-submenu_drop label a:hover, .inventory-page-content-right .inventory-page-content-right-top-bar .del-add-box ul li.has-submenu .hd-submenu_drop label a.activelist {
background: #4ba478 none repeat scroll 0 0;
color: #fff;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .show-product-box .show-product-dropbox span,.inventory-page-content-right .inventory-page-content-right-top-bar .sort-box .sort-dropbox span{
background-color: #fff;
}
.inventory-page-content-right .product-page-list{
border: 1px solid #dcdcdc;
border-radius: 5px;
float: left;
min-height: 442px;
padding: 40px 43px;
width: 100%;
background:#fff;
margin-top: 20px;
}
.inventory-page-content-right .product-page-list .product-more-info {
float: left;
width: 100%;
}
.inventory-page-content-right .product-page-list .product-more-info .select-product {
float: left;
padding: 0;
}
.inventory-page-content-right .product-page-list .product-more-info .select-product input.select-input[type="checkbox"] {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.inventory-page-content-right .product-page-list .product-more-info .select-product input.select-input[type="checkbox"] + label.select-label{
cursor: pointer;
display: inline-block;
font-size: 13px;
height: 13px;
line-height: 13px;
margin-left: 0;
margin-top: 9px;
padding-left: 20px;
vertical-align: middle;
position: relative;
color: #b2b2b2;
font-family: verdana;
font-size: 12px;
}
.inventory-page-content-right .product-page-list .product-more-info .select-product label.select-label:before {
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -165px -60px;
content: "";
height: 13px;
left: 0;
position: absolute;
width: 15px;
}
.inventory-page-content-right .product-page-list .product-more-info .select-product input.select-input[type="checkbox"]:checked + label.select-label:before {
background-position: -165px -73px;
}
.inventory-page-content-right .product-page-list .product-more-info .cmt_download {
float: right;
}
.inventory-page-content-right .product-thumbnail{
float: left;
}
.inventory-page-content-right .product-thumbnail .download-count {
color: #b2b2b2;
float: left;
font-family: verdana;
font-size: 12px;
padding: 5px 10px 5px 24px;
position: relative;
margin-top: 4px;
}
.inventory-page-content-right .product-thumbnail .download-count:before{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -110px -106px;
content: "";
height: 19px;
left: 0;
position: absolute;
top: 7px;
width: 20px;
}
.inventory-page-content-right .product-thumbnail .view-count {
color: #b2b2b2;
float: left;
font-family: verdana;
font-size: 12px;
padding: 5px 10px 5px 27px;
position: relative;
margin-top: 4px;
}
.inventory-page-content-right .product-thumbnail .view-count:before{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -132px -107px;
content: "";
height: 15px;
left: 0;
position: absolute;
top: 9px;
width: 19px;
}
.inventory-page-content-right .product-thumbnail .like-count {
float: left;
padding: 5px 0 0px;
}
.inventory-page-content-right .product-thumbnail .like-count .lovestar {
float: left;
margin-right: 5px;
padding-top: 2px;
}
.inventory-page-content-right .product-thumbnail .like-count span {
color: #b2b2b2;
float: left;
font-family: verdana;
font-size: 12px;
}
.inventory-page-content-right .product-thumbnail .add-icon{
bottom: 55px;
}
.inventory-page-content-right .product-item h2.product-name{
float: left;
margin-left: 0;
width: 305px;
min-height: auto;
margin-bottom: 10px;
}
.inventory-page-content-right .product-item h2.product-name a{
color: #4ba478;
}
.inventory-page-content-right .product-item h2.product-name a:hover{
color: #4e4e4e;
}
h6.date_saved_product{
color: #b2b2b2;
float: left;
font-family: verdana;
font-size: 12px;
margin: 0;
font-weight: normal;
}
h6.date_saved_product span{
font-weight: bold;
}
.inventory-page-content-right .product-list li {
margin-bottom: 40px;
margin-right: 63px;
}
.pagination-bar-top .show_item_number{
margin:10px 0 0;
}
.inventory-page-content-right .pagination{
float: left;
margin-top: 20px;
width: 100%;
}
.inventory-page-content-right h3.show_item_number {
color: #666;
}
.mylist-list{
background: #fff none repeat scroll 0 0;
border: 1px solid #dcdcdc;
border-radius: 5px;
float: left;
margin-top: 20px;
min-height: 442px;
padding: 20px;
width: 100%;
}
.inventory-page-content-right .mylist-list ul.mylist-loop-list{
list-style: none;
margin: 0;
padding: 0;
}
.inventory-page-content-right .mylist-list ul.mylist-loop-list > li{
float: left;
width: 100%;
margin: 0 0 20px;
}
.mylist-thumbnail{
width: 137px;
height: 93px;
border: 1px solid #dbdbdb;
background:#fff;
padding: 2px;
position: relative;
float: left;
}
.mylist-thumbnail img{
height: 87px;
max-width: 100%;
width: 131px;
}
.mylist-thumbnail a.hover {
background: transparent none repeat scroll 0 0;
display: block;
height: 87px;
left: 2px;
position: absolute;
top: 2px;
width: 131px;
}
.mylist-thumbnail a.hover:hover {
background: rgba(86,188,138, 0.6) url("../img/search_hover.png") no-repeat scroll center center / 30% auto;
display: block;
}
.excerpt-mylist{
float: right;
width: 570px;
}
.inventory-page-content-main ul.product-list{
margin-top: 0;
}
.mylist-name{
font-weight: normal;
line-height: 16px;
margin: 0 0 6px;
}
.mylist-name a{
font-family: verdana;
font-size: 12px;
color: #4ba478;
}
.mylist-name a:hover{
color: #4e4e4e;
}
.extra_link_mylist ul{
list-style: none;
margin: 0;
padding: 0;
}
.inventory-page-content-main .product-thumbnail .more-info::before {
background: rgba(0, 0, 0, 0) url(../img/body-sprite.png) no-repeat scroll -2px 0;
bottom: 0;
content: "";
display: block;
height: 70px;
overflow: hidden;
position: absolute;
text-align: left;
text-indent: -9999px;
top: 55px;
width: 75px;
left: 97px;
}
.inventory-page-content-right ul li .extra_link_mylist ul li{
float: left;
margin: 0 10px 0 0;
padding-top: 8px;
}
.inventory-page-content-right ul li .extra_link_mylist ul li:nth-child(1){
padding: 0;
}
p.mylist-date{
float: left;
border: 1px solid #ebebeb;
border-radius: 3px;
color: #3b3b3b;
font-size: 11px;
font-family: verdana;
text-align: center;
padding: 3px 5px;
margin: 0;
}
.inventory-page-content-right .extra_link_mylist ul li a,.inventory-page-content-right .extra_link_mylist ul li, a.full_des_btn{
font-family: verdana;
font-size: 12px;
color: #4ba478;
}
.inventory-page-content-right .extra_link_mylist ul li, .inventory-page-content-right .extra_link_mylist ul li a:hover, a.full_des_btn:hover{
color: #3b3b3b;
}
.inventory-page-content-right .excerpt-mylist .excerpt-text{
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
margin-top: 4px;
}
.inventory-page-content-right-top-bar .my-list-name{
float: left;
}
.inventory-page-content-right-top-bar .my-list-name h2{
float: left;
margin: 0;
color: #3b3b3b;
font-size: 18px;
font-family: verdana;
font-weight: normal;
}
.des-list-box{
background: #fff none repeat scroll 0 0;
border: 1px solid #dcdcdc;
border-radius: 3px;
float: left;
margin: 10px 0 20px;
padding: 10px;
width: 100%;
}
.des-list-box .thum-list{
background: #fff none repeat scroll 0 0;
border: 1px solid #dbdbdb;
float: left;
height: 93px;
padding: 2px;
position: relative;
width: 137px;
}
.des-list-box .thum-list img {
height: 87px;
max-width: 100%;
width: 131px;
}
.des-list-box .title-des-list{
float: right;
width: 590px;
}
.des-list-box .title-des-list h3{
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
margin: 0;
}
.des-list-box .title-des-list h3 span{
float: right;
font-weight: normal;
padding: 7px 5px;
}
.title-des-list .editlist, .title-des-list .delete_list {
border-radius: 3px;
color: #fff;
float: right;
font-family: verdana;
font-weight: normal;
margin-left: 10px;
padding: 6px 13px 6px;
}
.title-des-list .delete_list {
background: #fa2745 none repeat scroll 0 0;
}
.title-des-list .editlist {
background: #4ba478 none repeat scroll 0 0;
}
.title-des-list .delete_list:hover {
background: #e91835 none repeat scroll 0 0;
}
.title-des-list .editlist:hover {
background: #56bc8a none repeat scroll 0 0;
}
.title-des-list .meta{
border: 1px solid #ebebeb;
border-radius: 3px;
color: #3b3b3b;
float: left;
font-family: verdana;
font-size: 11px;
margin:10px 0 0;
padding: 3px 5px;
text-align: center;
}
.title-des-list .des{
float: left;
width: 100%;
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
}
.delete-thum-button{
float: left;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul li {
display: inline;
float: left;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul li input[type="checkbox"] {
margin: 9px;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul li a {
color: #fff;
float: left;
font-size: 11px;
height: 29px;
line-height: 13px;
margin-right: 10px;
padding: 0;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul li a span {
background: #4ba478 none repeat scroll 0 0;
border-radius: 3px;
color: #fffefe;
float: left;
font-family: verdana;
font-size: 11px;
padding: 8px 13px 10px;
}
.inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul li a:hover span, .inventory-page-content-right .inventory-page-content-right-top-bar .delete-thum-button ul li:hover a span {
background-color: #56bc8a;
}
.inventory-page-content-right .mylist-detail-loop-list{
margin: 0;
padding: 0;
list-style: none;
}
.inventory-page-content-right .mylist-detail-loop-list .product-more-info .select-product {
float: left;
padding: 0;
}
.inventory-page-content-right .mylist-detail-loop-list .product-more-info .select-product input.select-input[type="checkbox"] {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.inventory-page-content-right .mylist-detail-loop-list .product-more-info .select-product input.select-input[type="checkbox"] + label.select-label {
color: #b2b2b2;
cursor: pointer;
display: inline-block;
font-family: verdana;
font-size: 12px;
height: 13px;
line-height: 13px;
margin-left: 0;
margin-top: 9px;
padding-left: 20px;
position: relative;
vertical-align: middle;
}
.inventory-page-content-right .mylist-detail-loop-list .product-more-info .select-product label.select-label::before {
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -165px -60px;
content: "";
height: 13px;
left: 0;
position: absolute;
width: 15px;
}
.inventory-page-content-right .mylist-detail-loop-list .product-more-info .select-product input.select-input[type="checkbox"]:checked + label.select-label::before {
background-position: -165px -73px;
}
.inventory-page-content-right .mylist-detail-loop-list .product-more-info .cmt_download {
float: right;
}
.inventory-page-content-right .mylist-detail-loop-list li {
margin-bottom: 40px;
margin-right: 63px;
float: left;
}
.inventory-page-content-right .mylist-detail-loop-list li:nth-child(2n+2) {
margin-left: 0;
margin-right: 0 !important;
}
.inventory-page-content-right .mylist-detail-list {
background: #fff none repeat scroll 0 0;
border: 1px solid #dcdcdc;
border-radius: 5px;
float: left;
margin-top: 20px;
min-height: 442px;
padding: 40px 43px;
width: 100%;
}
.del-add-box li.loading, .delete-thum-button li.loading, .extra_link_mylist li.loading, .title-des-list span.loading, .create-list-content span.loading{
color: #666666;
font-family: verdana;
font-size: 12px;
background: url(../img/inventory-load.gif) no-repeat scroll center;
height: 33px;
display: none;
width: 30px;
}
.save_tab .loading, .share_to_friends_btn .loading{
color: #666666;
font-family: verdana;
font-size: 12px;
background: url(../img/popup-loader.gif) no-repeat scroll center;
height: 33px;
display: none;
width: 150px;
}
.del-add-box li.loading.show-msg, .delete-thum-button li.loading.show-msg, .share_to_friends_btn .loading.show-msg{
padding-left: 30px;
position: relative;
background: transparent;
width: auto;
margin-top: 6px;
}
.product-page-list p.no-product, .mylist-list p.no-product, .mylist-detail-list p.no-product{
margin-top: 150px;
color: #666666;
font-family: verdana;
font-size: 12px;
text-align: center;
}
.create-list-content span.loading {
padding-left: 30px;
position: relative;
background: transparent;
width: auto;
margin-top: 11px;
}
.share_to_friends_btn .loading{
margin-bottom: 10px;
margin-top: -15px!important;
}
.create-list-content span.loading.show-msg{
padding-left: 30px;
position: relative;
background: transparent;
width: auto;
margin-top: 11px;
}
.title-des-list span.loading span{
padding: 0!important;
}
.del-add-box li.loading.show-msg:before, .delete-thum-button li.loading.show-msg:before, .extra_link_mylist li.loading.show-msg:before, .title-des-list span.loading.show-msg:before, .create-list-content span.loading.show-msg:before, .save_tab .loading.show-msg:before , .share_to_friends_btn .loading.show-msg:before{
height: 20px;
width: 23px;
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -170px -20px;
content: "";
position: absolute;
left: 0;
}
.extra_link_mylist li.loading.show-msg, .title-des-list span.loading.show-msg, .save_tab .loading.show-msg{
padding-left: 30px;
position: relative;
background: transparent;
width: auto;
margin-top: 0px;
}
.save_tab .loading{
margin-top: -25px;
}
.save_tab .loading.show-msg{
margin-top: -14px;
}
.extra_link_mylist li.loading, .title-des-list span.loading, .create-list-content span.loading{
float: left;
display: none;
margin-left: 10px;
}
.create-list-name h2{
color: #3b3b3b;
font-family: verdana;
font-size: 18px;
margin: 0;
font-weight: normal;
line-height: 18px;
}
.create-list-name p{
color: #3b3b3b;
font-family: verdana;
font-size: 12px;
}
.create-list-content{
background: #fff none repeat scroll 0 0;
border: 1px solid #dcdcdc;
border-radius: 5px;
float: left;
margin-top: 20px;
min-height: 442px;
padding: 40px 43px;
width: 100%;
}
.create-list-content #l_form label{
float: left;
width: 100%;
color: #3b3b3b;
font-family: verdana;
font-size: 12px;
margin-bottom: 10px;
}
.create-list-content #l_form label span{
color: #f53131;
}
.create-list-content #l_form input[type="text"]{
width: 267px;
color: #3b3b3b;
font-family: verdana;
font-size: 12px;
border-color: #dcdcdc;
}
.create-list-content #l_form textarea{
width: 410px;
height: 110px;
color: #3b3b3b;
font-family: verdana;
font-size: 12px;
border-color: #dcdcdc;
}
.create-list-content #l_form textarea:focus,.create-list-content #l_form input[type="text"]:focus{
border-color: #4ba478;
}
.create-list-content #l_form #create, .create-list-content #l_form #create_edit{
color: #fff;
background: #4ba478;
font-family: verdana;
font-size: 12px;
padding: 15px 25px;
border: 0;
width: 100px;
float: left;
}
.create-list-content #l_form #create.process, .create-list-content #l_form #create_edit.process{
background: #56bc8a url(../img/button-loader.gif) no-repeat scroll center;
}
.create-list-content #l_form #create:hover, .create-list-content #l_form #create_edit:hover{
background-color: #56bc8a;
}
.create-list-content #l_form input.error {
border-color: #ff0000;
}
/********** Search page style ************/
.seach-header{
background: #56bc8a;
text-align: left;
overflow: hidden;
width: 100%;
padding: 40px 0;
}
.hide-breadcrumb{
display:none!important;
}
.featured-top-bar{
background: #4ba478;
padding:45px 0 55px;
color:#fff;
margin: 0 0 40px 0;
text-align: center;
min-height: 214px;
}
.featured-top-bar h2{
margin: 0;
font-size: 30px;
font-family: "helveticabold";
font-weight: normal;
}
.featured-top-bar h3{
color: #fff;
font-family: verdana;
font-size: 36px;
font-weight: normal;
letter-spacing: 1px;
line-height: 36px;
margin: 0 0 15px;
}
.featured-top-bar p{
margin:0;
font-family: verdana;
font-size: 12px;
}
.featured-top-bar-content{
width: 950px;
margin: 0 auto;
}
.search-box h2{
color: #fff;
font-family: 'Montserrat-Regular';
font-size: 20px;
font-weight: normal;
margin:0;
}
.search-box h3{
color: #fff;
font-family: verdana;
font-size: 14px;
margin: 0 0 15px 0;
}
.search-box h3 span{
font-weight: normal;
}
.search-box h3 span.loading,.show-product-bar span.loading{
display: none;
background-image: url("../img/search-loader.gif");
height: 12px;
width: 150px;
float: left;
}
.search-top-bar .show-product-bar{
float: left;
margin-right: 0;
margin-top: 30px;
margin-bottom: 5px;
width: 100%;
}
.search-top-bar .show-product-bar .show-product-box{
float: right;
}
.search-page .product-list li {
margin-bottom: 30px;
/*margin-right: 0;*/
}
.search-page .product-list li .excerpt-news,.search-page .product-list li .excerpt-classes {
margin-left: 20px;
width: 650px;
}
.search-page .product-list li .news-item,.search-page .product-list li .classes-item {
background: transparent;
border: 0px solid #dbdbdb;
border-radius: 0px;
float: left;
padding: 0px;
position: relative;
width: 100%;
}
.search-page .product-list li .read-btn {
margin-top: 15px;
}
.search-page .product-list li .news-item-content {
float: left;
margin-top: 0px;
}
.search-page .product-list li .classes-item-content {
margin-top: 0px;
}
.search-page .product-list li .news-item-content .news-thumbnail,.search-page .product-list li .classes-item-content .classes-thumbnail {
background: #f4f4f4 none repeat scroll 0 0;
border: 1px solid #d5d2d2;
border-radius: 5px;
padding: 10px 11px;
position: relative;
}
/*********Dashboard Page Style Starts***********/
.dashboard_page_title{
color: #3b3b3b;
font-family: verdana;
font-size: 30px;
font-weight: normal;
margin-bottom: 0;
margin-top: 10px;
}
.dashboard-left-col{
float: left;
width: 48%;
}
.dashboard-right-col{
float: right;
width: 48%;
}
.dashboard-my-profile-box{
float: left;
margin-bottom: 50px;
width: 100%;
}
.dashboard-my-profile-box .avatar-img{
float: left;
background: #fff;
border: 1px solid #dcdcdc;
padding: 10px;
border-radius: 4px;
}
.page-upgrade .video-box iframe{
width:100%;
height: 448px;
}
.dashboard-my-profile-box .avatar-img img{
float: left;
}
.dashboard-my-profile-box .user-text{
float: right;
width: 335px;
}
.dashboard-page {
float: left;
width: 100%;
padding-top: 30px;
padding-bottom: 40px;
}
.dashboard_welcome_user{
border-bottom: 1px solid #fff;
color: #3b3b3b;
font-family: verdana;
font-size: 18px;
font-weight: normal;
margin: 0;
padding-bottom: 10px;
}
.dashboard-title-box{
color: #3b3b3b;
font-family: "Montserrat-Regular";
font-size: 20px;
margin: 0 0 10px 0;
font-weight: normal;
}
.dashboard-my-profile-box-content .user-text h4{
color: #3b3b3b;
font-family: verdana;
font-size: 14px;
line-height: 10px;
margin: 0 0 15px;
}
.dashboard-my-profile-box-content .user-text h4 span{
font-weight: normal;
font-size: 12px;
}
.dashboard-my-profile-box-content .info-author ul{
margin:0;
padding: 0;
list-style: none;
}
.dashboard-my-profile-box-content .info-author ul li{
float: left;
width: 100%;
}
.dashboard-my-profile-box-content .info-author ul li a{
float: left;
color:#4ba478;
font-family: verdana;
font-size: 15px;
}
.dashboard-my-profile-box-content .info-author ul li a:hover{
color: #3b3b3b;
}
.dashboard-news-stuff-box{
float: left;
width: 100%;
}
.dashboard-news-stuff-box-content{
float: left;
width: 100%;
}
.dashboard-news-stuff-box-content ul{
margin: 0;
padding: 0;
list-style: none;
}
.dashboard-news-stuff-box-content ul.tabs li{
display: inline-block;
}
.dashboard-news-stuff-box-content ul.tabs li a{
color:#4ba478;
font-family: verdana;
font-size: 15px;
border : 1px solid #f6f7f7;
border-radius: 3px;
padding: 5px 7px;
}
.dashboard-news-stuff-box-content ul.tabs li a:hover, .dashboard-news-stuff-box-content ul.tabs li a.active{
background: #fff;
border : 1px solid #ebebeb;
color: #333333;
}
.dashboard-news-stuff-box-content .thumbnail_box{
background: #fff none repeat scroll 0 0;
border: 1px solid #dadada;
float: left;
height: 93px;
margin-right: 18px;
padding: 2px;
position: relative;
width: 137px;
border-radius: 3px;
}
.dashboard-news-stuff-box-content .thumbnail_box img{
height: 87px;
max-width: 100%;
width: 131px;
}
.dashboard-news-stuff-box-content .thumbnail_box a.hover{
background: transparent none repeat scroll 0 0;
display: block;
height: 87px;
left: 2px;
position: absolute;
top: 2px;
width: 131px;
}
.dashboard-news-stuff-box-content .thumbnail_box a.hover:hover{
background: rgba(86, 188, 138, 0.6) url("../img/search_hover.png") no-repeat scroll center center / 30% auto;
display: block;
}
.dashboard-news-stuff-box-content .tabcontents {
margin-top: 20px;
float: left;
}
.dashboard-news-stuff-box-content ul.tabs{
margin-top: 10px;
}
.dashboard-news-stuff-box-content .tabcontents .tab_content{
display: none;
}
.dashboard-news-stuff-box-content .tabcontents .tab_content.active{
display: block;
}
.dashboard-news-stuff-box-content .tabcontents ul li{
float: left;
width: 100%;
margin-bottom: 20px;
}
.dashboard-news-stuff-box-content .tabcontents ul li .title_date{
float: right;
width: 308px;
}
.dashboard-news-stuff-box-content .tabcontents ul li .title_date h3{
font-weight: normal;
margin: 0;
line-height: 12px;
}
.dashboard-news-stuff-box-content .tabcontents ul li .title_date h3 a{
color:#4ba478;
font-family: verdana;
font-size: 15px;
}
.dashboard-news-stuff-box-content .tabcontents ul li .title_date h3 a:hover{
color: #3b3b3b;
}
.dashboard-news-stuff-box-content .tabcontents ul li .title_date p.date_post{
font-family: verdana;
font-size: 15px;
background: #fff;
border : 1px solid #ebebeb;
color: #333333;
border-radius: 3px;
padding: 3px 10px;
float: left;
}
.dashboard-detail-box{
background: #fff none repeat scroll 0 0;
border: 1px solid #dcdcdc;
border-radius: 4px;
color: #3d3d3d;
display: block;
float: left;
font-family: verdana;
font-size: 15px;
padding: 20px;
text-align: center;
width: 280px;
}
.dashboard-detail-box a{
color:#4ba478;
}
.dashboard-detail-box a:hover{
color: #3b3b3b;
}
.dashboard-detail-box:nth-of-type(even) {
float: right;
}
.point-notification{
float: right;
width: 215px;
}
.my-ranking-lvl.dashboard-detail-box{
color: #3b3b3b;
font-size: 10px;
}
.my-ranking-lvl.dashboard-detail-box .rank-user{
font-weight: bold;
margin: 5px 0;
text-transform: uppercase;
}
.my-ranking-pn,.dashboard-overall-stats-box-content .dashboard-detail-box,.dashboard-my-stats-box-content .dashboard-detail-box{
margin-bottom: 16px;
}
.my-ranking-pn.dashboard-detail-box, .notification-pn.dashboard-detail-box{
padding-bottom: 18px;
padding-top: 17px;
}
.dashboard-detail-box .count_values{
font-weight: bold;
text-transform: uppercase;
}
.dashboard-overall-stats-box, .dashboard-my-stats-box,.dashboard-my-rankings-box{
float: left;
width: 100%;
}
.dashboard-overall-stats-box{
margin: 0px 0 30px;
}
.dashboard_top_bar{
background: #f1f1f1;
padding-bottom: 20px;
}
a.show_all_btn{
color:#4ba478;
font-family: verdana;
font-size: 15px;
padding: 0 37px;
}
a.show_all_btn:hover{
color: #3b3b3b;
}
/*********Dashboard Page Style Ends***********/
.search-page-content{
min-height: 800px;
}
/*********404 Page Style Starts***********/
.page404{
text-align: center;
min-height: 860px;
}
.page404 h1{
color: #3b3b3b;
font-family: verdana;
font-size: 30.65px;
font-weight: normal;
margin-top: 200px;
}
.page404 p{
color: #3b3b3b;
font-family: verdana;
font-size: 12px;
font-weight: normal;
}
.page404 p a{
color:#4ba478;
}
.page404 p a:hover{
color: #3b3b3b;
}
/*********Dashboard Page Style Ends***********/
/*********About Us Page Style Starts***********/
.about-us-page header{
color: #fff;
display: block;
float: left;
margin-top: -20px;
min-height: 250px;
text-align: center;
width: 100%;
}
.about-us-page .entry-content{
background: #f9f9f9 none repeat scroll 0 0;
border-top: 1px solid #ececec;
float: left;
margin-top: -65px;
padding-bottom: 40px;
padding-top: 20px;
width: 100%;
}
.social-box h2, .about-us-page h2{
font-family: 'helveticabold';
font-size: 15px;
color: #3b3b3b;
font-weight: normal;
}
.about-us-page p{
color: #3b3b3b;
margin-top: 15px;
font-family: verdana;
font-size: 12px;
}
.about-us-page ul{
list-style: none;
font-family: verdana;
font-size: 12px;
padding: 0;
margin-left: 0;
}
.list_col{
width: 30%;
display: inline-flex;
}
.about-us-page h2.title-section {
color: #fff;
font-family: "helveticabold";
font-size: 30px;
font-weight: normal;
margin-bottom: 0;
text-align: center;
text-shadow: none !important;
width: 100%;
}
.about-us-page article{
float: left;
margin: 0;
width: 100%;
}
.about-top-bar{
background-size: cover !important;
height: 250px;
}
.about-top-bar .breadcrumb ol li, .about-top-bar p{
color: #fff;
}
.about-top-bar h3{
font-family: verdana;
margin-bottom: 10px;
font-size: 36px;
font-weight: normal;
}
.header{
text-shadow: none;
}
@media screen and ( max-width: 425px) {
.about-top-bar h3 {
margin-top: 10px;
font-size: 28px;
}
}
/*********Dashboard Page Style Ends***********/
/*********Submit Product and Bonuses Page Style Starts*********/
.affiliates-top-main-content {
float: left;
width:100%;
text-align: center;
padding:30px 0;
}
.affiliates-top-main-content .affiliates-top-content h2 {
font-family: "helveticabold";
font-size: 30px;
font-weight: normal;
color:#fff;
margin: 10px 0 0;
}
.affiliates-top-main-content .affiliates-top-content h3 {
font-family: verdana;
font-size: 36px;
margin-bottom: 17px;
margin-top: 0;
color:#fff;
font-weight: normal;
}
.affiliates-top-main-content .affiliates-top-content p {
font-family: verdana;
font-size: 12px;
margin: 0 0 23px 0;
color:#fff;
}
.affiliates-top-main-content .affiliates-top-content a {
font-family: verdana;
font-size: 12px;
margin-top: 0;
color:#fff;
width:240px;
height: 44px;
line-height: 44px;
background:#4ba478;
display: inline-block;
border-radius: 4px;
}
.affiliates-top-main-content .affiliates-top-content a:hover {
background: #fff;
font-family: verdana;
font-size: 12px;
margin-top: 0;
color:#4ba478;
}
.recurring-box {
float: left;
width: 100%;
text-align: center;
}
.recurring-box-content h2.title-section {
color:#3b3b3b;
font-size: 30px;
font-family: verdana;
font-weight: normal;
margin-top: 67px;
text-align: center;
}
.recurring-box-content p.des-section {
color:#3b3b3b;
font-size: 18px;
font-family: verdana;
font-weight: normal;
margin-top: 8px;
text-align: center;
}
.recurring-box-content .recurring-list {
float: left;
width: 100%;
padding: 0 105px;
margin-top: 30px;
}
.recurring-box-content .recurring-list .recurring-list-1, .recurring-box-content .recurring-list .recurring-list-2, .recurring-box-content .recurring-list .recurring-list-3, .recurring-box-content .recurring-list .recurring-list-4, .recurring-box-content .recurring-list .recurring-list-5, .recurring-box-content .recurring-list .recurring-list-6{
width: 33.3333%;
float: left;
position: relative;
}
.recurring-box-content .recurring-list h3{
color:#3b3b3b;
font-size: 18px;
font-family: verdana;
font-weight: normal;
margin: 6px 0 14px 0;
}
.recurring-box-content .recurring-list p {
color:#3b3b3b;
font-size: 12px;
font-family: verdana;
font-weight: normal;
}
.recurring-box-bonus {
float: left;
width: 100%;
text-align: left;
}
.recurring-box-content-bonus .recurring-list-bonus {
float: left;
width: 100%;
padding: 0 135px;
margin-top: 30px;
margin-bottom: 100px;
}
.recurring-box-content-bonus .recurring-list-bonus h3{
color:#3b3b3b;
font-size: 18px;
font-family: verdana;
font-weight: normal;
margin: 6px 0 14px 0;
}
.recurring-box-content-bonus .recurring-list-bonus p {
color:#3b3b3b;
font-size: 12px;
font-family: verdana;
font-weight: normal;
}
.recurring-box-content .recurring-list .recurring-img-bonus {
position: relative;
height: 105px;
}
.recurring-box-content .recurring-list .recurring-img-bonus span{
height: 78px;
width: 78px;
margin: 0 auto;
background: rgba(0, 0, 0, 0) url("../img/bonus-sprite.png") no-repeat scroll 0 0;
display: inline-block;
position: absolute;
bottom:0;
left: 50%;
transform: translateX(-50%) ;
}
.recurring-box-content .recurring-list .recurring-list-1 .recurring-img-bonus span {
background-position: 0px 5px;
}
.recurring-box-content .recurring-list .recurring-list-2 .recurring-img-bonus span{
background-position: -75px 0px;
height: 72px;
}
.recurring-box-content .recurring-list .recurring-list-3 .recurring-img-bonus span{
background-position: -153px 10px;
width: 82px;
}
.recurring-box-content .recurring-list .recurring-img {
position: relative;
height: 105px;
}
.recurring-box-content .recurring-list .recurring-img span{
height: 78px;
width: 78px;
margin: 0 auto;
background: rgba(0, 0, 0, 0) url("../img/affiliate-sprite.png") no-repeat scroll 0 0;
display: inline-block;
position: absolute;
bottom:0;
left: 50%;
transform: translateX(-50%) ;
}
.recurring-box-content .recurring-list .recurring-list-1 .recurring-img span {
background-position: 0px 5px;
}
.recurring-box-content .recurring-list .recurring-list-2 .recurring-img span{
background-position: -75px 0px;
height: 72px;
}
.recurring-box-content .recurring-list .recurring-list-3 .recurring-img span{
background-position: -153px 10px;
width: 82px;
}
.recurring-box-content .recurring-list .recurring-list-4 .recurring-img span {
background-position: 15px -70px;
}
.recurring-box-content .recurring-list .recurring-list-5 .recurring-img span{
background-position: -65px -70px;
height: 75px;
}
.recurring-box-content .recurring-list .recurring-list-6 .recurring-img span{
background-position: -145px -70px;
width: 82px;
}
.recurring-box-content .recurring-link {
float: left;
width:100%;
padding: 0;
list-style-type: none;
margin: 48px 0 0;
}
.recurring-box-content .recurring-link li {
display: inline;
padding: 0 9px;
}
.recurring-box-content .recurring-link li a {
width:239px;
height: 63px;
display: inline-block;
background: #4ba478;
color:#fff;
font-size: 14px;
font-family: verdana;
line-height: 63px;
border-radius: 4px;
}
.recurring-box-content .recurring-link li a:hover {
background: #4ba478;
}
.recurring-box-content p.recurring-link-2 {
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
float: left;
width:100%;
margin: 30px 0 57px 0;
}
.recurring-box-content p.recurring-link-2 a {
color:#4ba478;
}
.recurring-box-content p.recurring-link-2 a:hover {
color:#3b3b3b;
}
.frequently {
float: left;
width:100%;
background: #f9f9f9;
border-top: 1px solid #ececec;
padding-bottom: 75px;
}
.frequently .frequently-conten {
max-width: 980px;
margin: 0 auto;
}
.frequently .frequently-conten h2 {
color: #3b3b3b;
font-size: 24px;
font-family: verdana;
font-weight: normal;
text-align: center;
margin: 26px 0 34px 0;
}
.frequently .frequently-conten .frequently-list ul{
list-style-type: none;
margin: 0 4% 0 0;
padding: 0;
width: 48%;
float: left;
}
.frequently .frequently-conten .frequently-list ul li {
float: left;
margin-bottom: 56px;
width: 100%;
}
.frequently .frequently-conten .frequently-list ul.frequently-list-right {
margin: 0;
}
.frequently .frequently-conten .frequently-list ul li .fr-title {
display: inline-flex;
float: left;
width: 100%;
}
.frequently .frequently-conten .frequently-list ul li .fr-title span {
float: left;
color:#acb4c0;
font-size: 55.4px;
font-family: "helveticabold";
margin-right: 15px;
line-height: 54px;
}
.frequently .frequently-conten .frequently-list ul li .fr-title h3 {
color: #676978;
font-size: 18px;
font-family: "helveticabold";
font-weight: normal;
float: left;
margin: 3px 0 0;
}
.frequently .frequently-conten .frequently-list ul li p {
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
float: left;
width: 100%;
margin: 0;
}
/*********Affiliates Page Style Starts*********/
/*********FAQ Page Style Starts*********/
.page-template-page-faq .breadcrumb {
float: left;
width: 100%;
background: #fff;
padding-bottom: 20px;
}
.page-template-page-faq .content-area {
float: left;
width: 100%;
background: #f6f7f7;
border-top:1px solid #ececec;
padding-bottom: 248px;
}
.page-template-page-faq .faq-top h2{
color: #3b3b3b;
font-size: 18px;
font-family: verdana;
font-weight: 700;
margin: 25px 0 0;
}
.page-template-page-faq .faq-top p{
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
margin-top: 3px;
}
.page-template-page-faq .faq-top p a:hover{
color: #3b3b3b;
}
.page-template-page-faq .content h3 {
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
font-weight: bold;
margin-top: 20px;
}
.page-template-page-faq h3.faq_title {
color: #3b3b3b;
font-size: 14px;
font-family: verdana;
font-weight: bold;
margin-top: 25px;
}
.page-template-page-faq h3.faq_title span {
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
font-weight: normal;
margin-left: 15px;
}
.page-template-page-faq #accordion {
margin-top: 30px;
}
.page-template-page-faq #accordion div.faq_content {
border-top: thin solid #e4e4e4;
display: none;
height: auto;
padding: 10px 15px;
}
.page-template-page-faq #accordion div.faq_content p {
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
margin-top: 0;
}
.page-template-page-faq #accordion .faq_item {
background: #fff;
border: 1px solid #e4e4e4;
border-radius: 5px;
margin-bottom: 20px;
float: none;
}
.page-template-page-faq #accordion a.faq_link {
color: #3b3b3b;
display: block;
height: 30px;
line-height: 30px;
padding: 0 10px;
text-decoration: none;
width: auto;
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
}
.page-template-page-faq #accordion a.faq_link:before {
background: #fff url("../img/body-sprite.png") no-repeat scroll -303px -98px;
content: " ";
display: inline-block;
height: 18px;
margin-right: 7px;
position: relative;
top: 4px;
width: 18px;
}
.page-template-page-faq .wp-pagenavi span.current {
background-color: #fff;
border: 1px solid #d7d7d7;
border-radius: 4px;
color: #c1c1c1;
font-size: 16px;
display: inline-block;
float: none;
height: 31px;
line-height: 30px;
margin-right: 10px;
text-align: center;
width: 27px;
}
.page-template-page-faq .pagination .wp-pagenavi a, .page-template-page-faq .wp-pagenavi span a {
background: #4ba478 none repeat scroll 0 0;
border-radius: 4px;
color: #fff;
font-size: 16px;
height: 30px;
line-height: 31px;
margin-right: 10px;
text-align: center;
width: 27px;
display: inline-block;
}
.page-template-page-faq .pagination .wp-pagenavi a:hover, .page-template-page-faq .wp-pagenavi span a:hover {
background: #56bc8a;
}
.page-template-page-faq .pagination {
margin-top: 43px;
}
/*********FAQ Page Style Starts*********/
/*********DOCS Page Style Starts*********/
.page-template-page-doc {
float: left;
width: 100%;
}
.doc-page .entry-content {
margin-top: 9px;
}
.doc-top-bar {
float: left;
width: 100%;
padding-bottom: 20px;
}
.doc-page {
float: left;
width: 100%;
background: #f6f7f7;
border-top: 1px solid #ececec;
}
.doc-page h2 {
color: #3b3b3b;
font-size: 18px;
font-family: verdana;
font-weight: normal;
}
.doc-page h4 {
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
font-weight: bold;
}
.doc-page p {
color: #3b3b3b;
font-size: 12px;
font-family: verdana;
margin-bottom: 28px;
}
.doc-page a:hover {
color: #3b3b3b !important;
}
/*********DOCS Page Style Ends*********/
/*********Contact Us Page Style Starts*********/
.contact-us-page {
float: left;
width: 100%;
background: #f6f7f7;
border-top: 1px solid #ececec;
padding-bottom: 140px;
}
.contact-us-page .form-popup-top-bar {
padding: 0;
background: 0;
margin-bottom: 30px;
}
.contact-us-page .form-popup-top-bar h2 {
font-size: 18px;
font-family: "helveticabold";
color:#3b3b3b;
font-weight: normal;
margin-top: 3px;
}
.contact-us-page .submit_ticket_form .input_col {
max-width: 500px;
width: 500px;
}
.contact-us-page .submit_ticket_form .input_col textarea, .submit_ticket_form .input_col input {
width: 100%;
border: 1px solid #e2e2e2;
}
.contact-us-page .submit_ticket_form .input_col input {
height: 41px;
}
.contact-us-page .submit_ticket_form #submit {
width:126px;
height: 46px;
text-align: center;
display: inline-block;
line-height: 46px;
padding: 0;
margin-left: 48.8%;
}
.contact-us-page .submit_ticket_form .input_col input, .submit_ticket_form .input_col textarea {
border: 1px solid #e2e2e2;
}
.contact-us-page .field {
margin-bottom: 24px;
}
.contact-us-page .field a:hover {
color:#3b3b3b !important;
}
/*********Contact Us Page Style Ends*********/
/********Offer Page Style Starts*********/
.offer-page {
float: left;
text-align: center;
width: 100%;
}
.offer-page h3 {
color:#3b3b3b;
font-family: 'helveticabold';
font-size: 20px;
font-weight: normal;
margin: 22px 0 17px 0;
}
.offer-page img {
width: 100%;
}
.offer-page a {
color:#4ba478;
font-family: "verdana";
font-size: 14px;
margin: 20px 0 76px 0;
display: inline-block;
}
.offer-page a:hover {
color:#3b3b3b;
}
/********Offer Page Style Ends*********/
/********Thank You Page Style Starts*********/
.thankyou {
float: left;
text-align: center;
width: 100%;
}
.thankyou p {
font-family: "verdana";
font-size: 12px;
color:#3b3b3b;
}
.thankyou .thankyou-top {
background: #fff;
float: left;
width: 100%;
height: 92px;
line-height: 92px;
}
.thankyou .thankyou-top h3 {
color:#3b3b3b;
font-family: 'helveticabold';
font-size: 20px;
font-weight: normal;
margin: 0;
}
.thankyou .thankyou-ct {
float: left;
width: 100%;
background: #f9f9f9;
border-top: 1px solid #ececec;
padding: 18px 15px 295px 15px;
}
.thankyou .thankyou-ct h3 {
color:#3b3b3b;
font-family: 'helveticabold';
font-size: 16px;
font-weight: normal;
margin: 83px 0;
}
/********Thank You Page Style Ends*********/
/********Login Page Style Starts*********/
.page-template-page-login #container {
float: left;
width:100%;
}
.login-page {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("../img/login_bg.png");
background-origin: padding-box;
background-repeat: no-repeat;
background-size: cover;
float: left;
width: 100%;
}
.content-left{
float: left;
width: 50%;
color: #fff;
}
.content-left h2{
font-family: verdana;
font-size: 20px;
font-weight: normal;
margin: -8px;
}
.content-left h1{
font-family: "helveticabold";
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 25px 0 30px;
padding-right: 34px;
}
.content-left ul{
list-style: none;
margin: 0;
padding: 0;
float: left;
width: 50%;
}
.content-left ul li{
float: left;
font-family: verdana;
font-size: 14px;
font-weight: normal;
margin-bottom: 32px;
padding-right: 10px;
width: 100%;
}
.extra-link{
text-align: center;
list-style: none;
margin: 40px 0;
padding: 0;
}
.extra-link li{
display: inline-block;
}
.extra-link li a{
border-right: 1px solid #3b3b3b;
padding-right: 10px;
margin-right: 10px;
font-family: verdana;
font-size: 12px;
font-weight: normal;
}
.extra-link li a:hover{
color: #fff;
}
.login-page form .login-ct input.loading-time[type="submit"]{
background-image: url(../img/button-loader.gif);
background-position: center;
background-repeat: no-repeat;
}
.extra-link li:last-child a{
border: 0;
}
.content-left ul li span{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll 0 0;
float: left;
}
.list-services p{
float: left;
font-family: verdana;
font-size: 14px;
font-weight: normal;
text-align: center;
width: 100%;
}
.content-left ul li div{
float: left;
width: 36px;
margin-right: 10px;
}
.content-left ul li span.icon1{
background-position: -133px -161px;
width:36px;
height: 34px;
}
.content-left ul li span.icon2{
background-position: -179px -161px;
width:36px;
height: 33px;
}
.content-left ul li span.icon3{
background-position: -218px -161px;
width:30px;
height: 32px;
}
.content-left ul li span.icon6{
background-position: -334px -161px;
width:26px;
height: 32px;
}
.content-left ul li span.icon7{
background-position: -371px -161px;
width:31px;
height: 32px;
}
.content-left ul li span.icon8{
background-position: -408px -161px;
width:32px;
height: 33px;
}
.content-left ul.list1{
float: left;
}
.content-left ul.list2{
float: right;
}
.content-right{
float: right;
width: 50%;
}
.login-page section, .login-page article{
float: left;
width: 100%;
}
.login-page .breadcrumb li{
color: #fff;
}
.login-page form {
max-width:482px;
margin: 0 auto;
border: 1px solid #e7e7e7;
border-radius: 5px;
background: #fff;
position: relative;
}
.login-page form .login-logo {
width:115px;
height: 115px;
display: inline-block;
background: url('../img/login-logo.png') no-repeat center center;
position: absolute;
top:-105px;
left: 50%;
transform: translateX(-50%);
}
.login-page form .member-login{
float: left;
width: 100%;
background: #f3f3f3;
padding: 25px 33px;
text-align: left;
}
.login-page form .member-login h2 {
margin: 0 0 0 0;
color:#3b3b3b;
font-family: 'helveticabold';
font-size: 18px;
font-weight: normal;
line-height: 18px;
}
.login-page form .member-login p {
margin-bottom: 0;
color:#3b3b3b;
font-family: 'verdana';
font-size: 12px;
font-weight: normal;
letter-spacing: 0.5px;
}
.login-page form .member-login p a:hover {
color:#3b3b3b;
}
.login-page form .login-ct {
display: inline-block;
border-top:1px solid #e7e7e7;
padding: 42px 66px;
width:100%;
}
.login-page form .login-ct label {
float: left;
width: 100%;
margin-bottom: 12px;
}
.login-page form .login-ct label span {
color:#3b3b3b;
font-family: 'helveticabold';
font-size: 14px;
width:100%;
float: left;
}
.login-page form .login-ct label input {
height: 29px;
width:100%;
color:#3b3b3b;
font-family: 'verdana';
font-size: 12px;
border: 1px solid #d8d8d8;
}
.login-page form .login-ct .checkbox {
width:100%;
float: left;
color:#3b3b3b;
font-family: 'verdana';
font-size: 12px;
border: 1px solid #d8d8d8;
border-radius: 4px;
background: #f3f3f3;
padding: 14px 7px;
margin-top: 6px;
}
.login-page form .login-ct .checkbox span {
font-size: 10px;
}
.login-page form .login-ct .checkbox input {
float: left;
margin-bottom: 20px;
position: relative;
top: 3px;
margin-right: 5px;
}
.login-page form .login-ct input[type="submit"] {
color:#fffefe;
font-family: 'helveticabold';
font-size: 14px;
background: #4ba478;
width:100%;
height: 39px;
border:0;
}
.login-page form .login-ct input[type="submit"]:hover {
background: #56bc8a;
}
.login-page form .login-ct a.forgot {
text-align: center;
color:#4ba478;
font-family: 'verdana';
font-size: 12px;
width: 100%;
float: left;
margin-top: 35px;
}
.login-page form .login-ct a.forgot:hover {
color:#3b3b3b;
}
/********Login Page Style Ends*********/
#ouibounce-modal .modal {
position: relative;
top: 18%;
width: 680px;
}
#ouibounce-modal .modal .modal-top {
padding: 0 55px 10px;
}
#ouibounce-modal .modal .modal-bottom {
padding: 50px 55px 20px;
}
#ouibounce-modal .modal .modal-bottom img.popup-img {
margin-top: -50px;
position: relative;
z-index: 99;
}
#ouibounce-modal .modal .modal-bottom form {
clear: both;
overflow: hidden;
}
#ouibounce-modal .modal .modal-bottom form input {
float: left;
margin: 0 20px 0 0;
}
#ouibounce-modal .modal .modal-bottom form input[type="text"],
#ouibounce-modal .modal .modal-bottom form input[type="email"] {
min-width: 245px;
max-width: 245px;
border-color: #ccc;
padding: 7px;
}
#ouibounce-modal .modal .modal-bottom form input[type="submit"] {
margin-right: 0;
text-transform: uppercase;
}
#ouibounce-modal .modal .modal-bottom p {
text-align: center;
margin-top: 30px;
background-position: 65px center;
}
.hidden {
display: none;
}
#ouibounce-modal a.btn {
padding: 15px 35px;
}
#ouibounce-modal {
display: none;
font-family: "Open Sans",sans-serif;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
}
#ouibounce-modal .underlay {
animation: 0.5s ease 0s normal none 1 running fadein;
background-color: rgba(0, 0, 0, 0.5);
cursor: pointer;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#ouibounce-modal .modal {
animation: 0.3s ease 0s normal none 1 running popin;
background-color: #fff;
bottom: 0;
height: 470px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 775px;
z-index: 1;
text-align: center;
}
#ouibounce-modal .modal .modal-top {
background: #4ba478;
display: inline-block;
width: 100%;
padding: 0 53px;
position: relative;
}
#ouibounce-modal .modal .modal-bottom {
background: #ffffff none repeat scroll 0 0;
display: inline-block;
width: 100%;
}
#ouibounce-modal .modal .modal-top h3{
color:#ffffff;
font-family: 'helveticabold';
font-size: 24px;
font-weight: normal;
margin: 19px 0 5px 0;
line-height: 32px;
}
#ouibounce-modal .modal .modal-top .price {
position: relative;
height: 82px;
display: inline-block;
width:100%;
}
#ouibounce-modal .modal .modal-top h2{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -2px -413px;
color: #ffffff;
font-family: "ChunkFive";
font-size: 63.99px;
font-weight: normal;
height: 100%;
line-height: 82px;
margin: 0;
width: 415px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
#ouibounce-modal .modal .modal-top p{
color:#ffffff;
font-family: 'verdana';
font-size: 16px;
font-weight: normal;
margin: 0 0 30px 0;
}
#ouibounce-modal .modal .modal-bottom a {
background: #4ba478 none repeat scroll 0 0;
border-radius: 4px;
color: #ffffff;
display: inline-block;
font-family: "verdana";
font-size: 16px;
height: 56px;
line-height: 56px;
margin: 42px 0 25px 0;
width: 224px;
}
#ouibounce-modal .modal .modal-bottom a:hover {
background: #4ba478;
}*/
#ouibounce-modal .modal .modal-bottom p {
color:#3b3b3b;
font-family: 'verdana';
font-size: 12px;
}
#ouibounce-modal .modal .modal-footer {
width:45px;
height: 45px;
display: inline-block;
border-radius: 50%;
position: absolute;
top:-50px;
right:0;
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -385px 0;
cursor: pointer;
}
#ouibounce-modal .modal .modal-footer:hover {
background-position: -296px -46px;
}
#sitewide-notice{
display: none!important;
}
/********Log Out Page Style Starts*********/
.logout-page{
float: left;
width: 100%;
}
.logout-page section, .logout-page section p{
margin-top: 0;
}
.newbox{
float: left;
width: 100%;
min-height: 332px;
background: url(../img/dashboardbanner.png) no-repeat scroll center;
padding: 50px;
text-align: center;
margin-bottom: 40px;
position: relative;
}
.newbox h2{
font-size: 48px;
text-align: center;
color: #fff;
font-weight: normal;
font-family: "helveticabold";
margin: 0;
}
.newbox p{
font-family: verdana;
font-size: 14px;
color:#fff;
text-align: center;
}
.newbox div.get_premium_btn a{
background: #4ba478 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-family: verdana;
font-size: 18px;
line-height: 51px;
min-height: 54px;
padding: 0 40px;
text-align: center;
}
.newbox div.get_premium_btn a:hover{
background: #4ba478;
}
a.close_btn{
background: rgba(0, 0, 0, 0) url("../img/body-sprite.png") no-repeat scroll -296px 0 !important;
height: 45px;
position: absolute;
right: 10px;
top: 10px;
width: 45px;
text-indent: -999em;
}
a.close_btn:hover{
background-position: -296px -46px!important;
color: black;
}
.hide_box{
display: none;
}
/*------------------------------------------------------------------------*/
/* Account project stylesheet
/*------------------------------------------------------------------------*/
.pages-tab {
overflow: hidden;
margin-bottom: -1px;
}
.top_bar {
background: #fff;
border-bottom: 1px solid #ddd;
}
.top_bar ul {
list-style: none;
margin: 0;
padding: 0;
}
.top_bar ul li {
float: left;
margin-right: 5px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.top_bar ul li:hover{
border-color: #ddd;
}
.top_bar ul li.current-tab {
background-color: #f1f1f1;
border-color: #ddd;
}
.top_bar ul li a {
color: #3b3b3b;
font-size: 18px;
font-family: Helvetica;
font-weight: bold;
padding: 10px 30px 10px 15px;
display: block;
}
.top_bar ul li a span {
font-size: 12px;
font-weight: normal;
font-family: Verdana;
display: block;
}
.top_bar h2.page-title {
margin-bottom: 0;
}
.top_bar .dashboard_timezone {
margin-top: 0;
margin-bottom: 18px;
}
.wrapper {
background: #f1f1f1;
padding: 35px 0;
overflow: hidden;
}
.wrapper a:hover{
color: #3b3b3b;
}
.wrapper .box h4 {
font-size: 15px;
font-family: Helvetica;
font-weight: bold;
margin-bottom: 10px;
}
.wrapper .box .box-content {
background: #fff;
padding: 20px;
border: 1px solid #ddd;
font-family: Verdana;
font-size: 12px;
}
.wrapper .box {
font-family: Verdana;
font-size: 12px;
}
.posts-box div {
margin-bottom: 20px;
}
.posts-box div h3{
margin: 0;
}
.posts-box div p {
margin: 3px 0;
}
.posts-box a.btn {
margin-top: 10px;
}
a.btn {
background: #4ba478 none repeat scroll 0 0;
border-radius: 3px;
color: #fff !important;
display: inline-block;
font-family: verdana;
font-size: 12px;
padding: 10px 25px;
text-align: center;
border-color: #4ba478;
}
.item-header-name a.btn{
padding: 7px 25px;
}
a.btn:hover {
background: #56bc8a;
}
a.btn-red {
background-color: #f64c4c;
}
a.btn-red:hover {
background-color: #dd3939;
}
a.btn-green {
background-color: #80d821;
}
a.btn-green:hover {
background-color: #6dbb19;
}
.plan {
margin-bottom: 60px;
display: table;
clear: both;
}
.plan h3 {
font-family: Verdana;
font-size: 12px;
}
.page-upgrade p {
margin: 0 0 15px 0;
font-family: Verdana;
font-size: 12px;
}
.important-box {
background: #fff;
position: relative;
border: 1px solid #ddd;
border-radius: 7px;
padding: 8px 0px 8px 40px;
margin-bottom: 55px;
}
.important-box:before{
background-image: url("../img/body-sprite.png");
background-position: -1px -112px;
background-repeat: no-repeat;
content: "";
height: 19px;
left: 9px;
position: absolute;
width: 19px;
top: 10px;
}
.important-box p {
margin: 0;
}
input.select_all_input[type="radio"] {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
input.select_all_input[type="radio"]:checked + label.select_all_label {
background-position : -165px -73px;
}
input.select_all_input[type="radio"] + label.select_all_label {
cursor: pointer;
display: inline-block;
font-size: 13px;
height: 13px;
line-height: 13px;
margin-left: 0;
margin-top: 9px;
padding-left: 25px;
vertical-align: middle;
}
.top-heading h3 {
font-size: 14px;
font-family: 'Verdana';
font-weight: bold;
margin-bottom: 0;
}
.top-heading p {
margin-top: 0;
}
.update-form {
background: #fff;
padding: 40px;
font-family: Verdana;
font-size: 12px;
border: 1px solid #ddd;
}
.update-form .form-control {
padding-left: 5px;
font-family: Verdana;
font-size: 12px;
margin-top: 5px !important;
padding: 7px;
}
.update-form .form-control:hover {
border-color: #56bc8a;
}
.update-form tr td label br { display: none;}
.home-top-content .sendpress-signup-form .email,
.sendpress-signup-form input[type=text],
.sendpress-signup-form input[type=email] {
/*background-color: #4ba478;*/
border: 0 none;
border-radius: 3px;
padding-left: 12px;
height: 35px;
padding-right: 10px;
width: 455px;
font-size: 16px;
}
/*.sendpress-signup-form input[type=text]::-webkit-input-placeholder ,
.sendpress-signup-form input[type=text]:-moz-placeholder,
.sendpress-signup-form input[type=text]::-moz-placeholder,
.sendpress-signup-form input[type=text]:-ms-input-placeholder {
color: #fff ;
}
.sendpress-signup-form input[placeholder], [placeholder], *[placeholder] {
color: #fff !important;
}*/
/*------------------------------
the subsriber input on top
------------------------------*/
.home-top-content #form-wrap {
max-width: 480px;
margin: 20px auto 0;
position: relative;
}
.sendpress-signup-form input[type=email] {
width: 100%;
}
.sendpress-signup-form input[type=text]:focus,
.sendpress-signup-form input[type=email]:focus{
background: #fff;
outline: none;
color: #666;
}
.home-top-content .sendpress-signup-form .email,
.home-top-content .sendpress-signup-form input[type=text] {
height: 45px;
background-color: transparent;
color: white;
border: 2px solid #4ba478;
border-radius: 50px;
width: 100%;
font-size: 15px;
padding: 0 25px;
}
.home-top-content .sendpress-signup-form .email:focus {
border-color: #fff !important;
background-color: transparent !important;
color: #fff !important;
}
.home-top-content .sendpress-signup-form label {
display: none;
}
.home-top-content #mc-embedded-subscribe {
position: absolute;
top: 0;
right: 0;
height: 45px;
margin: 0;
border: 0;
padding: 10px;
background-color: transparent;
background-image: url('../img/email.png');
background-position: center right 20px;
background-repeat: no-repeat;
color: transparent;
}
.home-top-content .sendpress-signup-form .email::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: white;
}
.home-top-content .sendpress-signup-form .email::-moz-placeholder { /* Firefox 19+ */
color: white;
}
.home-top-content .sendpress-signup-form .email:-ms-input-placeholder { /* IE 10+ */
color: white;
}
.home-top-content .sendpress-signup-form .email:-moz-placeholder { /* Firefox 18- */
color: white;
}
/*------------------------------
Edit account form
------------------------------*/
.edit-account-form .input_col { width: 50%;}
.edit-account-form .res {
height: 41px;
width: 100%;
padding-left: 7px;
border: 1px solid #e2e2e2;
}
.edit-account-form .field {
margin-bottom: 30px;
}
.edit-account-form .input_col.input_2col input {
width: 47%;
display: inline-block;
}
.edit-account-form .input_col.input_2col input:last-child {
margin-right: 26px;
}
.edit-account-form input[type=submit] {
background-color: #56bc8a;
color: #fff;
padding: 16px 30px;
border: none;
margin-left: 0;
margin-top: 50px;
float: left !important;
clear: both;
font-family: verdana;
font-size: 12px;
border-radius: 3px;
text-align: center;
}
.edit-account-form input[type=submit]:hover {
background: #4ba478;
}
.success_update {
margin-top: 60px;
display: inline-block;
margin-left: 20px;
background: url(../img/success-icon.png) no-repeat right center;
padding-right: 40px;
line-height: 30px;
}
/*-------------------------------------------------
Product Image Slider Style (On Product Page)
-------------------------------------------------*/
.single-product-slider .flexslider {
padding: 4px 4px 0;
margin-bottom: 20px;
border: 1px solid #ddd;
height: 388px;
}
.single-product-slider .flex-control-paging li a.flex-active {
background-color: #56bc8a;
}
.single-product-slider .flex-direction-nav .flex-next {
background-position: -57px -232px;
}
.single-product-slider .flex-direction-nav .flex-next:hover {
background-position: -57px -303px;
}
.single-product-slider .flex-direction-nav .flex-prev {
background-position: -6px -232px;
}
.single-product-slider .flex-direction-nav .flex-prev:hover {
background-position: -6px -303px;
}
/*-----------Product Image Slider Style END-----------*/
/*------------------------------
sign up form
------------------------------*/
.activated_msg {
text-align: center;
}
.activated_msg span {
display: inline-block;
margin: 0 auto;
width: 75px;
height: 75px;
background: url(../img/body-sprite.png) no-repeat;
background-position: -415px -53px;
}
.activated_msg a {
background-color: #56bc8a;
color: #fff;
padding: 16px 30px;
border: none;
margin-left: 0;
margin-top: 50px;
display: inline-block;
clear: both;
font-family: verdana;
font-size: 12px;
border-radius: 3px;
text-align: center;
}
.activated_msg a:hover {
background-color: #4ba478;
color: #fff;
}
.activated_msg p {
font-size: 12px;
font-family: verdana;
color: #3b3b3b;
}
.page-success-title {
font-size: 20px;
padding: 20px 0;
font-family: 'Helvetica';
font-weight: bold;
text-align: center;
}
a.all-products { padding-left: 40px; padding-right: 40px; display: table; margin: 0 auto;}
/*------------------------------
single bonus
------------------------------*/
.single-bonus .mainimage {
border: 1px solid #ddd;
border-radius: 4px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment