* {
    outline: none;
}

html {
    background: none repeat scroll 0 0 #fff;
}

body {
    background-color: #f2f2f2;
    border: 0 none;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size:20px;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    /*max-width: 1200px;*/
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    color: #333;
}

img
{
    max-width: 100%;
    height: auto;
}
iframe {
max-width: 100%;
}

.clear {
    clear: both;
}

a>img {
    border: 0;
}

#header {
    background-color: #141414;
    min-height: 105px;
    width: 100%;
}

#headerleft {
    float: left;
    margin-left: 20px;
    margin-top: 27px;
}

#headerright {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
}

#headersearch li {
    float: left;
    list-style: none;
    padding: 0;
}

#headersearch input[type=text] {
    border: none;
    height: 22px;
    padding: 5px 8px;
}

#headersearch li form {
    background-color: #fff;
    border: 1px solid #ccc;
}

#searhselection {
    margin: 10px auto auto;
    width: auto;
}

#searhselection li {
    color: #fff;
    float: left;
    font-size: 11px;
    list-style: none;
    margin: 0 5px 0 0;
    padding: 0;
}

#searhselection li:last-child {
    margin: 6px 0;
}

#searhselection input[type=radio] {
    margin: 0 2px;
    vertical-align: middle;
}

#searhselection li label {
    font-size: 12px;
    padding: 0 6px;
    vertical-align: middle;
}

#navigation {
    background-color: #414141;
    line-height: 34px;
    min-height: 34px;
    width: 100%;
}

#homebutton {
    color: #88bd24;
    float: left;
    font-size: 14px;
    height: auto;
    line-height: 37px;
    margin-left: 20px;
    text-align: left;
    width: 100%;
}

#homebutton li {
    color: #fff;
    float: left;
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0;
}

#homebutton li a {
    color: #fff;
    list-style: none;
    text-decoration: none;
}

#homebutton li a:hover {
    color: #88bd24;
    list-style: none;
    text-decoration: none;
}

#homebutton li a font{
    font-size: 14px !important;
    color: #fff !important;
}

#rightnavigation {
    float: right;
    margin-right: 14px;
    text-decoration: none;
}

#rightnavigation ul {
    margin: 5px 0 0;
    padding: 0;
}

#rightnavigation li {
    color: #fff;
    float: left;
    font-size: 12px;
    list-style: none;
    margin: -5px 15px 0 0;
    padding: 0;
}

#rightnavigation li a {
    color: #fff;
    text-decoration: none;
}

#bannerbg {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .42);
    min-height: 270px;
    display: table;
    moz-box-shadow: 0 0 3px rgba(0, 0, 0, .42);
    padding-top: 10px;
    webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .42);
    width: 100%;
}

#banneleft {
    float: left;
    margin-left: 20px;
    width: 223px;
}

#bannerright {
    float: left;
    width: 76%;
}

#bannerright b {
    color: #88bd24;
    font-size: 17px;
    padding-left: 10px;
}

#bannerrightheading1 {
    color: #000;
    font-size: 30px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

#bannerrightheading1 li {
    background-repeat: no-repeat;
    color: #414141;
    font-size: 15px;
    list-style: none;
    list-style-position: inside;
    margin: 15px 0 0;
    padding: 0;
}

#bannerright .folder {
    color: #787878;
    float: left;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 5px;
}

#bannerright .folder a {
    color: #000;
    font-size: 12px;
    font-weight: 700;
}

.folder-png,
#folder-png {
    padding-right: 5px;
}

#middle {
    float: left;
    margin: 10px 20px 20px;

}

#middle_left {
    float: left;
    min-height: 400px;

    text-align: center;
    width: 184px;
}

#middle_right {
    float: left !important;
    font-size: 15px;
    margin-left: 40px !important;
    min-height: 400px;
    width: 76%;
}

.d-flex {
    display: flex;
}

.message {
    text-align: center;
}

.login {
    background-color: #FFF;
    box-shadow: 0 0 3px rgba(0, 0, 0, .17);
    display: table;
    margin-top: 15px;
    moz-box-shadow: 0 0 3px rgba(0, 0, 0, .17);
    padding: 7px;
    webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .17);
    width: 184px;
}

.login label {
    display: none;
}

.pass {
    margin-top: 50px;
    margin-bottom: 20px;
}

.pass a {
    color: #669310;
    font-size: 11px;
    text-decoration: none;
}

.login ul {
    margin: 0;
    padding: 0;
    width: 190px;
}

.login li {
    list-style: none;
    margin: 6px 0;
    padding: 0;
}

.login input {
    border: 1px solid #cdcccc;
    color: #999;
    font-size: 12px;
    height: 25px;
    margin-bottom: 10px;
    width: 80%;
}

.login input[type=submit] {
    background-color: #000;
    color: #fff;
    display: block;
    float: right;
    font-size: 11px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    width: 65px;
}

.login li #loginlink {
    width: 180px;
}

.login li #loginlinkleft {
    color: #669310;
    float: left;
    font-size: 11px;
    line-height: 18px;
    width: 100px;
}

.login li #loginlinkleft a {
    color: #669310;
    font-size: 9px;
    text-decoration: none;
}

.login li #loginlinkright {
    background-color: #000;
    color: #FFF;
    float: right;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 65px;
}

.login li #loginlinkright a {
    background-color: #000;
    color: #FFF;
    display: block;
    font-size: 15px;
    text-decoration: none;
}

.login li #loginlinkright a:hover {
    background-color: #88bd24;
    color: #FFF;
    display: block;
    font-size: 15px;
    text-decoration: none;
}

#verticalnav {
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.17);
    margin: 15px 0;
    width: 197px;
}

#verticalnav ul {
    margin: 0;
    padding: 0;
    width: 197px;
}

#verticalnav li {
    font-size: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#verticalnav a {
    background: none repeat scroll 0 0 #f5f5f5;
    border-bottom: 1px solid #ccc;
    display: block;
    line-height: 35px;
    padding: 0 10px;
}

#verticalnav li:last-child a {
    border-bottom: medium none;
}

#verticalnav li a {
    color: #000;
    font-size: 12px;
    text-decoration: none;
}

#verticalnav li a:hover {
    color: #fff;
    text-decoration: none;
    background: none repeat scroll 0 0 #88bd24;
}

#facebook {
    float: left;
    margin: 15px 0;
    width: 195px;
}

#gplus {
    margin: 15px 0;
    width: 38px;
}

#btn_nav {
    background-color: #e5e5e5;
    line-height: 25px;
    padding-top: 6px;
    width: 100%;
}

#btn_nav li {
    list-style: none;
    margin: 0 5px;
    padding: 0;
    width: 100%;
}

#btn_nav li a span {
    display: inline-block;
}

#svarbtn {
    background-image: url(../images/svarbtn.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 94px;
}

#svarbtn:hover {
    background-image: url(../images/svarbtn_hover.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 94px;
}

#fargbtn {
    background-image: url(../images/farg_btn.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 74px;
}

#fargbtn:hover {
    background-image: url(../images/farg_btn_hover.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 74px;
}

#fotonbtn {
    background-image: url(../images/foton_btn.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 76px;
}

#fotonbtn:hover {
    background-image: url(../images/foton_btn_hover.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 76px;
}

#craftgbtn {
    background-image: url(../images/craft_btn.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 85px;
}

#craftgbtn:hover {
    background-image: url(../images/craft_btn_hover.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 85px;
}

#listingbg {
    background-color: #fff;
    box-shadow: 0 4px 0 rgba(0, 0, 0, .11);
    float: none;
    moz-box-shadow: 0 4px 0 rgba(0, 0, 0, .11);
    padding-bottom: 10px;
    padding-top: 10px;
    webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, .11);
    width: 100%;
}

#pagecounting {
    color: #88bd24;
    float: right;
    font-size: 12px;
    margin-top: -25px;
    padding-right: 10px;
    text-align: right;
    width: 50%;
}

.listingmain li {
    float: left;
    list-style: none;
    margin: 0 30px 0 0;
    padding: 0;
    width: 30%;
}

.listingmaininner li {
    background-repeat: no-repeat;
    color: #333;
    float: left;
    font-size: 12px;
    font-weight: 700;
    list-style: url(../img/folder_img.png);
    list-style-position: inside;
    margin: 5px 0 0;
    padding: 0;
    width: 30%;
}

p {
    color: #444;
}

.listingmaininner li a {
    background-repeat: no-repeat;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#newarivals {
    /*	margin-bottom: 20px;*/
}

#newarivals_inner {
    border-bottom: 1px solid #d1d1d1;
    height: 30px;
    width: 100%;
}

#newarivals_inner_left {
    float: left;
    width: 100%;
}

#newarivals_inner_right {
    float: right;
    margin-right: 15px;
}

#newarrivalslisting {
    float: left;
}

#newarrivalslisting li {
    box-shadow: 0 0 2px 0 #ddd;
    float: left;
    list-style: none outside none;
    margin: 3px 20px 3px 0;
    padding: 0;
}

.arivals_img {
    background-color: #FFF;
    min-height: 210px;
    padding-top: 20px;
    text-align: center;
    width: 132px;
}

.arrivalsimginner {
    margin: auto;
    width: 100%;
}

.arrivalsimginner p {
    color: #333;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.arrivalsimginner p a {
    color: #333;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

.pageTitle {
    font-size: 15px;
    color: #444;
}

.pagination_left {
    clear: both;
    color: #333;
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-top: 20px;
    width: 300px;
}

.pagination_right {
    clear: both;
    float: left;
    width: 100%;

}

.pagination_right li {
    float: left;
    list-style: none;
    margin: 0 2px 0 0;
}

.pagination_left #headersearch ul li {
    width: 100%;
}

.pagination_left #headersearch input[type=text] {
    width: 72%;
}

.pagination_left #headersearch li input[type=submit] {
    width: 20%;
}

.pagination_left #headersearch li {
    margin: 4px 0 5px;
}

.pagination_left #headersearch li label {
    display: inline-block;
    padding-top: 5px;
    vertical-align: middle;
}

.pagination_left #headersearch li input[type=radio] {
    margin: 3px 3px 0 5px;
    vertical-align: middle;
}

.pagination_left #headersearch li a {
    line-height: 100%;
}

.prevbtn {
    background-color: #88bd24;
    color: #FFF;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 50px;
}

.prevbtn a {
    background-color: #88bd24;
    color: #FFF;
    height: 30px;
    text-decoration: none;
    width: 50px;
}

.numbering {
    background-color: #FFF;
    border: 1px solid #CCC;
    color: #000;
    height: 28px;
    text-align: center;
    width: 30px;
}

.numbering a {
    background-color: #FFF;
    border: 0;
    color: #000;
    display: block;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    width: 30px;
}

.numbering a:hover,
.numbering a.current {
    background-color: #88bd24;
    color: #fff;
    height: 28px;
    text-align: center;
    width: 30px;
}

.searchlowertext {
    color: #545454;
    font-size: 12px;
    padding-bottom: 20px;
    padding-top: 10px;
}

#listingbg1 {
    background-color: #fff;
    border: 0 solid #dadada;
    float: none;
    margin-top: 10px;
    padding-bottom: 0;
}

.listingheader {
    background-color: #e5e5e5;
    color: #000;
    font-size: 14px;
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    width: 99%;
}

.listingmain1 li {
    float: left;
    list-style: none;
    margin: 0 33px 0 0;
    padding: 0;
}

.listingmaininner1 {
    width: 215px;
}

.listingmaininner1 ul {
    margin: 0;
    padding: 0;
    width: 215px;
}

.listingmaininner1 li {
    background-repeat: no-repeat;
    color: #000;
    float: none;
    font-size: 12px;
    font-weight: 700;
    list-style: url(../imges/folder_img.png);
    list-style-position: inside;
    margin: 5px 0 0;
    padding: 0;
    width: 100%;
}

.listingmaininner1 li a {
    background-repeat: no-repeat;
    color: #000;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.bannerimg {
    margin: 10px 0;
    overflow: hidden;
    width: 729px;
}

.innermainheading {
    margin-top: 0px;
    color: #88bd24;
    font-size: 22px;
    padding-bottom: 5px !important;
    width: 100%;
}

#headersearch_btm {
    background-color: #FFF;
    height: 32px;
    width: 322px;
}

#headersearch_btm ul {
    margin: 0;
    padding: 0;
    width: 322px;
}

#headersearch_btm li {
    float: left;
    list-style: none;
    margin: 2px 5px 0;
    padding: 0;
}

#headerokbutton_btm {
    background-color: #88bd24;
    color: #fff;
    font-size: 15px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .34);
    width: 45px;
}

#searhselection_btm {
    margin: 10px auto auto;
    width: 309px;
}

#searhselection_btm li {
    color: #CCC;
    float: left;
    font-size: 12px;
    list-style: none;
    margin: 0 5px 0 0;
    padding: 0;
}

#malmediabtn {
    background-image: url(../images/mal_media_btn.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 165px;
}

#malmediabtn:hover {
    background-image: url(../images/mal_media_btn_hover.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 165px;
}

#bildermediabtn {
    background-image: url(../images/bilder_media_btn.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 132px;
}

#bildermediabtn:hover {
    background-image: url(../images/bilder_media_btn_hover.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 132px;
}

#fotonbtn1 {
    background-image: url(../images/foton_media_btn.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 132px;
}

#fotonbtn1:hover {
    background-image: url(../images/foton_media_btn_hover.gif);
    background-repeat: no-repeat;
    height: 28px;
    width: 132px;
}

.rating {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 20px auto;
    padding: 0;
    width: 250px;
}

.rating li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

center p {
    padding: 0 108px 0 0;
}

.imageinformation {
    background-color: #ececec;
    border: 1px solid #CCC;
    color: #000;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 10px;
    text-transform: uppercase;
    width: 99%;
}

.imageinformation p {
    color: #454545;
    font-size: 12px;
    margin: 10px 0;
    text-transform: none;
}

.imageinformation p a {
    color: #000;
    font-size: 12px;
    text-transform: none;
}

.bannerimg1 {
    height: 251px;
    margin: auto;
    width: 300px;
}

.imagedescriptionarea {
    background-color: #FFF;
    margin: 10px auto;
    padding: 15px 0;
    position: relative;
    max-width: 730px;
}

.imagedescriptionarea li {
    float: left;
    list-style: none;
    margin: 10px 0 0;
    padding: 0 8px;
}

.decbox {
    height: 441px;
    width: 200px;
}

.printbtn {
    margin-bottom: 10px;
    margin-left: 10px;
    width: 200px;
}

.printbtn li {
    float: left;
    list-style: none;
    margin: 15px 10px 0 0;
    padding: 0;
}

.downloadarea {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 20px;
    width: 200px;
}

.downloadarea p {
    color: #414141;
    font-size: 12px;
    font-weight: 400;
    margin-left: 10px;
    width: 200px;
}

.searchbox {
    border: 1px solid #d9d9d9;
    height: 30px;
    margin-left: 10px;
    margin-top: 50px;
    padding: 5px;
}

.searchboxleft {
    float: left;
    line-height: 27px;
    width: 150px;
}

.searchboxleft input[type=text] {
    border: none;
}

.searchboxright {
    float: right;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 70px;
}

.searchboxright a {
    background-color: #88bd24;
    color: #FFF;
    float: right;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 46px;
}

.searchlower {
    margin: 10px;
    width: 200px;
}

.searchlower li {
    color: #999;
    display: inline-block;
    float: left;
    font-size: 11px;
    list-style: none;
    margin: 0 1px 0 0;
    padding: 0;
}

#ftr {
    background-color: #141414;
    min-height: 75px;
    padding-top: 15px;
    width: 100%;
}

#ftr_left {
    float: right;
    margin-right: 10px;
    margin-top: -30px;
    padding-top: 14px;
}

#ftr_left1 {
    float: left;
    margin-left: 20px;
}
.filter_cookie {
float: right !important;
}

.filter_cookie li {
float: left !important;
}

#ftr_left li {
    color: #FFF;
    float: left;
    font-size: 12px;
    list-style: none;
    margin: -5px 15px 0 0;
    padding: 0;
}

#ftr_left li a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

#ftr_left li a:hover {
    color: #88bd24;
    font-size: 12px;
    text-decoration: none;
}

#ftrbtm {
    color: #fff;
    font-size: 10px;
    padding-top: 20px;
    width: 100%;
}

#socialicons {
    float: left;
    width: 141px;
}

#socialicons ul {
    margin: 0;
    padding: 0;
    width: 141px;
}

#socialicons li a:hover {
    float: left;
    list-style: none;
    margin: 0 1px;
    opacity: 1;
    padding: 0;
}

#ftrlogo {
    clear: none;
    display: block;
    height: 33px;
    margin: 0 auto;
    padding-top: 10px;
    width: 190px;
}

.socil-link {
    padding-top: 14px;
    width: 150px;
}

.socil-link li {
    float: left;
    list-style: none;
    margin: 10px 5px;
}

.socil-link li a {
    display: block;
    height: 32px;
    width: 32px;
}

.tw {
    background: url(../images/tw.png) no-repeat;
}

.gp {
    background: url(../images/gp.png) no-repeat;
}

.fb {
    background: url(../images/fb.png) no-repeat;
}

.link {
    color: #88bd24;
    display: block;
    margin: 10px 0;
}

a {
    color: #000;
}

.copy-txt {
    margin: 0 auto;
    padding: 0 110px 0 0;
    width: 500px;
}

#headersearch li input[type=submit] {
    background: none;
    background-color: #88bd24;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    height: 28px;
    line-height: 24px;
    margin: 0 2px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.34);
    width: 59px;
}

.searchboxright input[type=submit] {
    background: none;
    background-color: #88bd24;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-size: 15px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.34);
    width: 59px;
}

.imagedescriptionarea li.drawing_image img {
    height: inherit;
    /* width: 100%; */
}

img.albumbutton {
    width:60px;
    height:18px;
    /*float: right;*/
}

img.albumbutton.puzzlebtn, img.albumbutton.wspuzzlebtn, img.albumbutton.hwpuzzlebtn {
    width:22px;
    height:22px;
    margin-bottom: 30px;
    /*float: right;*/
}

#star ul.star {
    background: url(../img/starrating.gif) repeat-x;
    cursor: pointer;
    float: left;
    height: 30px;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: -5px;
    width: 150px;
}

#star li {
    display: block;
    float: left;
    height: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-decoration: none;
    text-indent: -9000px;
    width: 150px;
    z-index: 20;
}

#star li.curr {
    background: url(../img/starrating.gif) left 62px;
    font-size: 1px;
}

#star div.user {
    color: #888;
    float: left;
    font-family: arial;
    font-size: 13px;
    left: 15px;
    position: relative;
}

ul#tabnav li.current {
    background-color: #F3F3F8;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

ul#tabnav li {
    display: inline;
}

ul#tabnav {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    font: bold 13px "Open Sans", arial, sans-serif;
    list-style-type: none;
    margin: 0 0 10px;
    padding: 10px 3px;
    text-align: left;
}

.pass>div {
    margin-bottom: 10px;
}

span.sitemap {
    background-image: url(../img/folder_img.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

span.sitemap a {
    color: #000;
    font-size: 12px;
    font-weight: 700;
}

#tabnav li a {
    text-decoration: none;
}

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

.title2 {
    color: #88bd24;
    font-size: 12px;
    /*font-weight: 700;*/
    margin: 10px 0;
    /*padding: 0;*/
}

#ContactAddForm>div.input.textarea>label {
    float: none;
    margin: 5px 0;
    padding: 0;
}

.form label {
    display: block;
    margin: 5px 0;
}

#captcha {
    margin-top: 10px;
    padding-right: 10px;
}

.users form input[type=submit] {
    background-color: #000;
    border: none;
    color: #fff;
    display: block;
    font-size: 11px;
    line-height: 100%;
    margin-top: 10px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    height: 30px;
}

.title2 table {
    display: none;
}

ul#tabnav li:first-child {
    border-right: 1px solid #ddd;
    margin-right: 10px;
    padding-right: 10px;
}

.form input[type=submit] {
    background-color: #000;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    line-height: 100%;
    margin-top: 15px;
    margin-right: 56px;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
}

.form1 input[type=submit] {
    background-color: #000;
    border: none;
    color: #fff;
    font-size: 11px;
    line-height: 100%;
    margin-top: 10px;
    padding: 10px;
    sparseacolor: #000;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

#headersearcchinputbox,
#headersearcchinputbox_btm {
    background-color: #fff;
    border: 0;
    color: #999;
    font-size: 12px;
    margin-top: 3px;
    width: 255px;
}

#headerokbutton a,
#headerokbutton_btm a {
    color: #FFF;
    text-decoration: none;
}

#searhselection ul,
#searhselection_btm ul {
    margin: 0;
    padding: 0;
    width: 309px;
}

#searhselection li a,
#rightnavigation li a:hover,
#searhselection_btm li a {
    color: #fff;
    text-decoration: none;
}

#bannerrightheading1 ul,
#btn_nav ul,
#ftr_left ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

#btn_nav li a,
#drawings-unactive,
#clipart-unactive,
#crafts-unactive,
#photos-unactive {
    display: inline-block;
    margin: 0 4px 0 0;
}

.listingmain,
.listingmain1 {
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

.listingmaininner li span,
.listingmaininner1 li span {
    color: #787878;
    font-size: 11px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

#socialicons li,
#socialicons li a {
    float: left;
    list-style: none;
    margin: 0 1px;
    opacity: 0.5;
    padding: 0;
}

.search form a,
.users form a {
    color: #000;
}

.listingmaininner1 li div.search-subcats {
    font-size: 11px;
    font-weight: 400;
    padding-left: 31px;
}

.listingmaininner1 li div.search-subcats a {
    font-size: 11px;
    font-weight: 400;
}

#middle_right>div.search.form #ImageAddForm {
    background: #FFF;
    border: 1px solid #ccc;
    height: 38px;
    padding: 0;
    width: 298px;
}

#middle_right>div.search.form #ImageAddForm>input[type=text] {
    border: none;
    padding: 0 5px;
}

#middle_right>div.search.form #ImageAddForm>input[type=submit] {
    background: none;
    background-color: #000;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-size: 10px;
    height: 28px;
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    width: 60px;
}

.searchlower1 {
    font-size: 11px;
}

.searchlower1 ul li {
    display: inline-block;
    float: left;
    line-height: 8px;
    list-style-type: none;
    margin-right: 10px;
    margin-top: 20px;
}

.searchlower1 ul li input[type=radio] {
    float: left;
    margin: 0;
    vertical-align: middle;
}

.searchlower1 label {
    float: left;
    line-height: 0;
    padding: 0 4px;
    vertical-align: middle;
}

#btn_nav1 {
    background-color: #e5e5e5;
    height: auto;
    line-height: 38px;
    margin-top: 20px;
    padding: 6px;
    width: 100%;
}

#btn_nav1 ul li {
    background: #000;
    display: inline-block;
    list-style-type: none;
    margin: 3px;
}

#btn_nav1 ul li:hover {
    background: #88bd24;
}

#btn_nav1 ul li a {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}

#newarrivalslisting1 {
    float: left;
    min-height: 247px;

}

#newarrivalslisting1 ul {
    margin: 20px 0 0;
    padding: 0;
}

#newarrivalslisting1 li {
    border-radius: 3px;
    box-shadow: 0 0 2px 0 #ddd;
    float: left;
    list-style: none outside none;
    margin: 9px 12px 9px 0;
    padding: 0;
}

#newarrivalslisting1 li:last-child {
    margin-right: 0;
}

.pass div:last-child a {

}

#newarrivalslisting1>ul>li>div {
    height: 180px;
    width: 140px;
}

#newarrivalslisting1>ul>li>div>div {
    width: 132px;
}

.bak_btn>a {
    display: block;
    position: relative;
    z-index: 1;
}

.for_btn>a {
    display: block;
    position: relative;
    z-index: 2;
}

.bannerimg2 {
    height: 92px;
    margin: 10px auto;
    width: 729px;
}

.listingheader1 {
    background-color: #fff;
    color: #F49B39;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 33px;
    padding-left: 10px;
    width: 50%;
}

.bak_btn {
    float: left;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 7%;
}

.imgdes {
    margin: 0 auto;
    padding: 0;
    width: 85%;
}

.for_btn {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 7%;
}

.thumbnail {
    background: #fff;
    float: left;
    margin: 3px 0 0 3px;
    min-height: 210px;
    padding-top: 20px;
    text-align: center;
    width: 132px;
}

.nextButton img {
    background-image: url(/img/next1.gif);
    background-position: 0 0;
    cursor: pointer;
    height: 140px;
    margin-top: 10px;
    width: 112px;
}

#newarivals1 {
    margin: 25px auto;
    max-width: 730px;
}

ul,
ol,
li,
p,
#newarrivalslisting ul,
#headersearch ul,
#homebutton ul,
.listingmaininner .listingmain ul,
.listingmaininner ul,
.pagination_right ul,
.listingmain1 ul,
.rating ul,
.imagedescriptionarea ul,
.printbtn ul,
.searchlower ul,
.socil-link ul {
    margin: 0;
    padding: 0;
}

#bannerrightheading,
.innermainheading1 {
    border-bottom: 1px solid #CCC;
    color: #88bd24;
    font-size: 24px;
    padding-bottom: 8px;
    width: 100%;
}

.sparse a:hover,
.cloud a:hover {
    text-decoration: underline;
}

.sparse a,
.cloud a {
    color: #000;
    font-size: 12px;
    text-decoration: none;
}

.searchlower1 ul,
#btn_nav1 ul {
    margin: 0;
    padding: 0;
}

.form.login,
.login a {
    font-size: 12px;
    margin-bottom: 10px;
}

.login_input {
    font-size: 12px !important;
    color: #333 !important;
}

#newarrivalslisting {
    min-height: 247px;
}

.print {
    display: none;
}

.pc {
    display: block;
}

.mobile {
    display: none;
}

.mobile-table {
    display: none;
}

.download-link {
    width: 270px;
}

.mobile-ad-600 {
    display: none;
    margin-top: 20px;
}

.mobile-ad-480 {
    display: none;
}

#newarivals .pc-1024 {
    margin-top: 20px;
    margin-bottom: 20px;
}



.pagination-li li {
    display: initial !important;
}

.custom-page li:first-child,
.custom-page li:last-child {
    background-color: #88bd24 !important;
    color: #fff !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
    width: 50px !important;
}

.custom-page li:first-child a,
.custom-page li:last-child a {
    color: #fff !important;
}

#searhselection ul li:last-child a {
    padding: 0px 8px;
}

@media screen and (max-width: 768px) {
    #homebutton {
        width: 100% !important;
    }

    #headersearch li input[type=submit] {
        height: 32px;
        margin: 0px 0px;
        width: 50px;
        font-size: 13px;
    }

    #headerleft a {
        padding: 20px;
    }

    #headerleft a img {
        margin-top: 20px;
    }

    #headerright {
        /* padding: 0px 10px; */
    }
}

@media screen and (max-width: 480px) {
    #headersearch li form {
        margin-left: 20px;
    }

    #searhselection li,
    #searhselection li:last-child {
        margin-left: 10px !important;
    }

    #headerleft {
        margin: 0px;
    }

    .listingheader {
        padding-left: 0px;
        width: 100%;
    }

    #btn_nav li {
        margin: 0px;
    }

    #rightnavigation {
        margin: 0px;
    }

    .imagedescriptionarea li {
        margin: 10px 4px 0px 0px;
    }

    #newarivals_inner {
        height: auto;
    }

    .innermainheading {
        padding: 0px;
        margin: 0px;
    }

    #middle_right {
        margin-left: 20px !important;
    }

    #newarivals_inner_left {
        width: 100% !important;
    }

    .printbtn {
        width: 150px;
    }
}

@media only screen and (max-width: 600px) and (min-width: 380px) {

    #verticalnav,
    #banneleft {
        display: none !important;
    }

}

@media only screen and (max-width: 692px) and (min-width: 380px) {

    #verticalnav,
    #banneleft {
        display: block !important;
    }

    #homebutton {
        margin-left: 0px !important;
        width: auto;
    }
}

#newarrivalslisting1>ul>li>div {
    width: 132px !important;
}

@media only screen and (max-width: 800px) {
    .pc {
        display: block !important;
    }
}

.pagination_right.custom-page {
    padding-bottom: 10px;
}

#btm-buttons {
    display: none;
}


/* rating**/
.feedback {

    width: 100%;
    padding-left: 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .05);
}

.star-rating {
    display: flex;
    margin: 0 10px;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;

    position: relative;
}

.star-rating-0 {
    filter: grayscale(100%);
}

.star-rating>input {
    display: none;
}

.star-rating>label {
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: .3s;
}

.star-rating>input:checked~label,
.star-rating>input:checked~label~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.star-rating:not(.disabled)>input:not(:checked)~label:hover,
.star-rating:not(.disabled)>input:not(:checked)~label:hover~label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

/* rating**/
strong.lineNum.col-sm-1.fa.right::after {
    content: "\f00c";
    color: green;
}

strong.lineNum.col-sm-1.fa.false::after {
    content: "\f00d";
    color: red;
}

ul.nav-puzz-tab {
    display: flex;
    list-style: none;
}

li.puzz-tab {
    padding: 10px;
    margin: 5px 10px;
    border-bottom: 1px solid #88bd24;
}

li.puzz-tab:first-child {
    margin-left: 0px;
}

li.puzz-tab.active {
    background: #88bd24 !important;
    color: white;
}

li.puzz-tab a {
    text-decoration: none;
}

li.puzz-tab.active a {
    color: white;
}

div.users.form>button>a {
    text-decoration: none;
    color: #fff;
}

.loginpanel {
    display: flex;
    justify-content: center;
}

.loginpanel a {
    color: #000 !important;
    text-decoration: none !important;
    font-size: 14px !important;
}

.title2 p a {
    color: #000 !important;
}

.custom-link {
    color: #000 !important;
}

.mb-4 {
    margin: 1rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.p-2 {
    padding: 0.5rem;
}

.pl-0 {
    padding-left: 0;
}

@media only screen and (min-width: 1921px) {
    body {
        margin:0px 350px !important;
    }
}
@media only screen and (min-width: 1801px) and (max-width: 1920px) {
    body {
        margin:0px 300px !important;
    }
}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
    body {
        margin:0px 250px !important;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
    body {
        margin:0px 200px !important;
    }
}
@media only screen and (min-width: 1501px) and (max-width: 1600px) {
    body {
        margin:0px 150px !important;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    body {
        margin:0px 50px !important;
    }
}
@media only screen and  (max-width: 1199px) {
    body {
        margin:0px 20px !important;
    }
}

#printable{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
}

@media print {
    html, body{
        height:100%;
        width:100%;
    }
}