/*  

Theme Name:    Moduline - Produkter
Theme URI:     
Description:   Utformad av DigitalYard.
Version:       1.0
Author:        DigitalYard
Author URI:    http://www.moduline.se

*/

/*             IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import TEXT styling for grid framework*/
@import url('library/css/text.css');

/* Import GRID styling for grid framework*/
@import url('skins/1-default.css');



/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body {
    margin: 0;
    padding: 0;
}

body {
    font: 12px Arial, Helvetica, sans-serif;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
    }

.fix {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

hr {
    margin-bottom: 30px;
    margin-top: 20px;
    clear: both;
}

.hr2 {
    margin: 0px;
    padding: 0;
    clear: both;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#content .posts .img {
    margin: 5px 18px 12px 0;
    float: left;
    padding: 2px;
}

/* headings ---------------------- */

h1.head {
    margin: 0 0 20px 0;
    font: 36px Arial, Helvetica, sans-serif;
    padding: 0px;
}

h1.single {
    margin: 0;
    font: 36px Arial, Helvetica, sans-serif;
    padding: 0px;
}

/* Structure ---------------------- */
#wrapper {
    margin: 0px auto;
    width: 960px;
}

#header {
    width: 960px;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
    
    position: relative;
}

#page {
    width: 960px;
    margin: 0 auto;
}

#sidebar {
    float: right;
    width: 210px;
    padding-left: 20px;
    padding-top: 10px;
}

#content {
    width: 665px;
    float: left;
    padding-top: 1px;
}

#footer {
    width: 960px;
    margin: 20px auto 20px auto;
    overflow: hidden;
    clear: both;
    padding: 10px 0;
}

.full_width {
    width: 100% !important;
}


#banner {
    width: 960px;
    margin: 10px auto;
    clear: both;
}


/* header ---------------------- */
.blog-title {
    text-align: left;
}

    .blog-title a {
        font: 40px Georgia, "Times New Roman", Times, serif;
        padding: 0;
        margin: 0;
        text-decoration: none;
    }

        .blog-title a:hover {
            text-decoration: none;
        }

p.blog-description {
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: left;
}

.h_left {
    float: left;
    width: 10px;
    margin: 20px 0 12px 0;
}

.h_right {
}

    .h_right ul {
        margin: 124px 40px 28px 0;
        padding: 0;
        list-style: none;
        float: right;
    }

    .h_right li {
        margin: 0 -6px 0 2px;
        list-style: none;
        padding: 0 8px 0 3px;
        font: 11px Arial, Helvetica, sans-serif;
        float: left;
        line-height: 12px;
    }

        .h_right li a {
            color: #79378d;
            text-decoration: none;
        }

            .h_right li a:hover {
                color: #333;
                text-decoration: none;
            }



.cart {
    padding: 5px 0 0 15px;
    position: absolute;
    right: 0;
    bottom: -0px;
    text-align: right;
    clear: both;
    width: 240px;
    font: 12px Arial, Helvetica, sans-serif;
}

    .cart p {
        margin: 10px 0 0 0;
        padding: 0;
        line-height: normal;
    }

.bag {
    padding: 0 0 0 18px;
}

#main_navi {
    clear: both;
    z-index: 100;
    position: relative;
}

#main_navi_in {
    width: 960px;
    margin: 0 auto;
    height: 36px;
}

    #main_navi_in h3 {
        display: none;
    }

#search_section, #search_section_in {
    height: 40px;
}

#search_section_in {
    width: 960px;
    margin: 0 auto;
}



.subscribe {
    margin-top: 9px;
    float: left;
    padding-left: 20px;
    width: 193px;
    position: relative;
}

#sidebar .subscribe p {
    margin: 0 0 5px 0;
    padding: 0;
    font: 11px Arial, Helvetica, sans-serif;
}

.field {
    padding: 2px 5px 2px 5px;
    width: 135px;
    margin-right: 5px;
    font-size: 12px;
    height: 16px;
}

.replace {
    text-align: center;
    vertical-align: middle;
    width: 36px;
    font: 14px Arial, Helvetica, sans-serif;
    border: none;
    cursor: pointer;
    float: right;
    height: 24px;
    padding-bottom: 3px;
    line-height: 25px;
    text-indent: -9009px;
    position: absolute;
    right: 0;
    top: 1px;
}

/* top search -------- */
.searchform {
    padding: 2px;
    position: relative;
    width: 220px;
    height: 20px;
    float: left;
    margin-top: 4px;
    margin-right: -36px;
}

    .searchform .s {
        padding: 3px 8px 4px 8px;
        width: 115px;
        font: 12px Arial, Helvetica, sans-serif;
    }

.search_btn {
    position: absolute;
    top: 3px;
    right: 0px;
    width: 65px;
    height: 22px;
}

.searchform span {
    float: left;
    display: block;
    padding: 5px 10px 0 0;
}

#zoom {
    z-index: 99999;
}


/* Home Page ---------------------- */
#carousel {
    height: 260px;
    _overflow: hidden;
    margin: 0 auto 30px auto;
    width: 960px;
    clear: both;
}

    #carousel li {
        float: left;
        display: block;
        width: 167px;
        height: 270px;
        text-align: center;
        padding: 0;
        font: 12px Helvetica, Arial, Helvetica, sans-serif;
        padding: 0px;
        position: relative;
    }

        #carousel li img {
            display: block;
            margin-bottom: 6px;
        }

        #carousel li .sale_img {
            position: absolute;
            left: 0px;
            top: 0px;
            z-index: 0;
            background: none;
        }

        #carousel li a.product_thumb {
            overflow: hidden;
            width: 161px;
            float: left;
            height: 161px;
            margin: 2px 0 8px 2px;
        }

        #carousel li p {
            text-align: center;
            font-size: 13px;
        }

            #carousel li p a:hover {
                text-decoration: underline;
            }

        #carousel li .price {
            font-size: 12px;
        }



/*#breadcrumb section  =================================== */
.breadcrumb {
    font-size: 12px Arial, Helvetica, sans-serif;
    padding: 5px 0;
    clear: both;
}

    .breadcrumb a {
        text-decoration: none;
        padding: 0 3px 0 0;
        text-align: left;
        text-decoration: none;
    }

    .breadcrumb strong {
        padding: 0 0 0 5px;
        font-size: 10px;
        text-align: left;
    }

    .breadcrumb a:hover {
        text-decoration: none;
    }


/* Texten---------------------------- */
p {
    padding: 0px 0 10px 0;
    line-height: 20px;
    margin: 0;
}

#content p {
    font-size: 12px;
    padding: 12px 20px 10px 10px;
    line-height: 20px;
    margin: 0;
    background-color: #eeeeee;
}

#content ul {
    list-style: none;
    margin-left: 18px;
}

#content li {
    margin: 0 0 8px 0;
    padding: 0 0 0 12px;
    line-height: 20px;
    font-size: 14px;
}

#content ol {
    margin: 0;
    padding: 0 0 10px 5px;
    list-style-type: decimal;
    line-height: 18px;
}

    #content ol li {
        margin: 0 0 5px 0;
        padding: 0;
    }

#content h3 {
    margin: 20px 0 0px 0;
    padding: 0;
    font-size: 22px;
}

#content .product {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#content .product_info {
    width: 300px;
    float: right;
    padding: 0;
    margin: 0;
}

.pro_img {
    float: left;
    width: 335px;
    padding-top: 4px;
}

    .pro_img img {
        margin-bottom: 10px;
    }

.pro_thumb_img {
    clear: both;
}

    .pro_thumb_img img {
        margin-right: 8px;
    }

#content .product img {
    float: left;
}

#content .product_inner img {
    float: inherit;
}

#content .product_info h3 {
    margin: 0 0 3px 0;
    padding: 0;
    font: 24px Arial, Helvetica, sans-serif;
}

#content .product_info h4 {
    margin: 15px 0 3px 0;
    padding: 0;
    font: bold 14px Arial, Helvetica, sans-serif;
}

.b_addtocart a {
    display: block;
    width: 109px;
    height: 31px;
    float: left;
    text-indent: -9009px;
    margin-right: 5px;
}

.b_checkout a {
    display: block;
    width: 108px;
    height: 29px;
    float: right;
    text-indent: -9009px;
}



.b_checkout2 {
    display: block;
    width: 108px;
    height: 29px;
    text-indent: -9009px;
    cursor: pointer;
}

.b_update_cart {
    display: block;
    width: 108px;
    height: 28px;
    text-indent: -9009px;
    cursor: pointer;
}


.b_viewdetails {
    display: block;
    width: 108px;
    height: 29px;
    text-indent: -9009px;
    cursor: pointer;
}

.b_buynow {
    display: block;
    width: 111px;
    height: 32px;
    text-indent: -9009px;
    cursor: pointer;
}

.textbox {
    padding: 3px;
    border: 1px solid #ccc;
    font: bold 12px Arial, Helvetica, sans-serif;
    width: 75px;
}

.row_spacer {
    margin: 10px 0 10px 0;
}

    .row_spacer strong {
        float: left;
        width: 45px;
        padding-top: 3px;
    }

    .row_spacer select {
        border: 1px solid #ccc;
        padding: 3px;
        width: 100px;
        font: 12px Arial, Helvetica, sans-serif;
    }

.size_chart {
    width: 80px;
    margin: 0 0 0 10px;
    padding: 3px 5px;
    text-decoration: none !important;
    cursor: pointer;
}

.close {
    font-weight: bold;
    cursor: pointer;
}


.shipping_section {
    margin-bottom: 12px;
}

.shipping_title {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 0;
}

.pro_s {
    width: 100px;
    float: left;
    text-align: left;
}

.pro_q {
    width: 35px;
    float: left;
    text-align: center;
}

.pro_p {
    width: 55px;
    float: right;
    text-align: center;
}

.shipping_row {
    font-size: 12px;
    padding: 5px 0;
    height: 100%;
    overflow: hidden;
}

.shipping_total {
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: right;
    clear: both;
    margin-bottom: 10px;
}


/*---------TOP NAVIGATION for PAGES---------  */
.page_nav {
    float: right;
    height: 27px;
    margin: 20px -30px 0 0;
    text-align: left;
    padding: 0;
}

    .page_nav li {
        list-style: none;
        margin: 3px 30px 0 0;
        padding: 0;
        float: left;
    }

        .page_nav li a {
            list-style: none;
            font-size: 12px;
            font-weight: bold;
            padding: 6px 0;
        }

            .page_nav li a:hover {
                text-decoration: none;
            }



/* post  ---------------------------- */
blockquote {
    clear: both;
    height: 100%;
    margin: 10px 0 0px 5px;
    overflow: hidden;
    padding: 0 0 5px 45px;
}

#content blockquote p {
    font: italic 18px Arial, Helvetica, sans-serif;
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 23px;
}

blockquote cite {
    font-size: 12px;
    font-style: bold;
    float: right;
    line-height: 18px;
    text-align: right;
    display: block;
}

blockquote a {
    font-size: 13px;
}

.flickr h3 span {
    font-weight: normal;
}

.flickr h3 {
    margin-bottom: 20px;
}

.flickr ul {
    margin: 12px 0 0;
    padding: 0;
}

.flickr_badge_image {
    float: left;
    list-style: none;
    margin: 0 9px 9px 0;
}

.flickr img {
    padding: 2px;
    width: 55px;
    height: 55px;
}

#calendar_wrap {
    padding: 0;
    font-size: 13px;
}

#wp-calendar {
    width: 100%;
}

    #wp-calendar caption {
        font-weight: bold;
        font-size: 15px;
        text-transform: uppercase;
    }

#calendar_wrap caption {
    padding: 10px 0;
}

.posts h1 {
    font-size: 25px;
}

.posts h2 {
    font-size: 23px;
}

.posts h3 {
    font-size: 21px;
}

.posts h4 {
    font-size: 19px;
}

.posts h5 {
    font-size: 17px;
}

.posts h6 {
    font-size: 15px;
}

.content_spacer h4.cate_title {
    font-size: 26px;
    clear: both;
}

dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
    padding: 10px 0 5px 0;
    margin: 0;
}

p {
    padding: 0px 0 10px 0;
    margin: 0;
    margin: 0;
}

    p em {
        line-height: 20px;
    }

code {
    line-height: 18px;
}

#content .posts {
    padding-bottom: 5px;
    margin-bottom: 35px;
    padding-top: 12px;
}

#content .post_top {
    margin: 0 0 10px 0;
}

#content p.post_top a {
    text-decoration: none;
}

    #content p.post_top a:hover {
        text-decoration: none;
    }

.more {
    font-size: 12px;
    font-weight: bold;
}

#content .post_top h2 {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: normal;
}

.commentcount {
    margin-left: 0px;
    padding: 5px 5px 5px 22px;
    float: right;
    display: block;
}

.tags {
    float: left;
    width: 500px;
    padding-top: 8px;
}


#content .headline {
    padding-left: 25px;
}

    #content .headline h3 {
        margin: 0;
        border: none;
        float: left;
        font-size: 16px;
        font-weight: bold;
    }

        #content .headline h3 a {
            padding: 12px 0 8px 0;
            width: 430px;
            display: block;
        }

    #content .headline .commentcount {
        float: right;
        margin-right: -8px;
        margin-top: 12px;
        width: 90px;
        text-align: left;
    }

#content p.postmetadata {
    margin: 0 0 0px 0;
    font-size: 11px;
}


#content .post_top p.postmetadata {
    margin: 0;
    padding: 0;
}


#content .posts h2.title {
    margin: 0;
    padding: 0;
    font-size: 26px;
    font-weight: bold;
}

    #content .posts h2.title a {
        text-decoration: none;
    }

        #content .posts h2.title a:hover {
            text-decoration: none;
        }

#content p.post_bottom {
    margin: 0;
    padding: 15px 0 5px 0;
    font: 11px Arial, Helvetica, sans-serif;
}

    #content p.post_bottom a {
        text-decoration: none;
    }

        #content p.post_bottom a:hover {
            text-decoration: none;
        }

/* Post Pagination */
.pagination {
    margin: 0;
    padding: 5px;
    height: 100%;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: center;
    clear: both;
}

    .pagination .on {
        padding: 5px 10px;
        margin-right: 3px;
        display: inline;
    }

    .pagination a {
        display: inline;
        padding: 5px 10px;
        margin-right: 3px;
        line-height: 28px;
    }




/*#sidebar----------------------- */

#sidebar .widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar .widget li {
    margin: 0;
    padding: 0;
    font: 12px Arial, Helvetica, sans-serif;
}

    #sidebar .widget li a {
        padding: 6px 0 6px 18px;
        display: block;
    }

#sidebar .widget {
    margin: 10px 0 20px 0;
}

    #sidebar .widget h3 {
        margin: 0 0 5px 0;
        padding: 5px 10px;
        font: bold 13px Arial, Helvetica, sans-serif;
    }


/*#sidebar_r  ----------------------- */

#sidebar h3 {
    margin: 0 0 5px 0;
    padding: 5px 10px;
    font: 20px Arial, Helvetica, sans-serif;
}

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidebar li {
    margin: 0;
    padding: 0;
    font: bold 13px Arial, Helvetica, sans-serif;
    width: 100%;
}

    #sidebar li a {
        padding: 5px 0 5px 18px;
        display: block;
    }

.ad-box {
    margin-bottom: 20px;
}

.twitter {
    margin-bottom: 35px;
}

#sidebar .widget .twitter_post {
    line-height: 18px;
    margin: 10px 0 0 0;
}

    #sidebar .widget .twitter_post #twitter li {
        list-style: none;
        margin: 0 0 5px 0;
        padding: 0 0 5px 0;
        line-height: 18px;
    }

        #sidebar .widget .twitter_post #twitter li a {
            display: inherit;
            padding: 0;
        }

/*---------ARCHIVE PAGE --------- */
.arclist ul {
    padding: 0;
    margin: 0;
}

    .arclist ul li {
        color: silver;
        font-size: 14px;
        padding: 5px 0;
        margin: 0;
    }

        .arclist ul li ul {
            border-bottom: 0;
            padding: 0 0 0 5px;
        }

            .arclist ul li ul li {
                border-bottom: 0;
                padding: 10px 0 0 5px;
            }

.arclist .archives-time {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    width: 90px;
    margin: 0 15px 0 0;
}

.arclist ul li a:hover {
    text-decoration: underline;
}

/*---------COMMENTS --------- */
#comments h3 {
    font-size: 18px;
    padding: 0 0 5px 0;
    margin: 0 0 20px 0;
}

#comments .commentlist {
    padding: 0;
    margin: 0;
}

    #comments .commentlist li p {
        margin: 0;
        padding: 0;
    }

#comments ol {
    padding: 20px 0;
}

#content #comments .comment {
    margin: 10px 0 30px 0;
    padding: 0;
    width: 100%;
    background: none;
    list-style: none;
}

#comments .comment a {
    text-decoration: none;
    padding: 1px 0;
}

#content #comments p.authorcomment {
    margin: 3px 0 0 0;
    padding: 0;
    line-height: normal;
    font-size: 11px;
    font-weight: bold;
}

#comments p.authorcomment a {
    text-decoration: none;
}

    #comments p.authorcomment a:hover {
        text-decoration: none;
    }

#comments .comment .meta-left {
    width: 90px;
    float: left;
}

    #comments .comment .meta-left p {
        padding: 0;
        margin: 0;
    }

    #comments .comment .meta-left .meta-wrap {
        width: 90px;
        overflow: hidden;
        padding-right: 7px;
        min-height: 70px;
    }

#comments .comment small {
    font-size: 11px;
}

* html #comments .comment .text-right {
    height: 70px;
}

#comments .comment .text-right {
    min-height: 70px;
    margin: 0;
    padding: 12px;
    margin-left: 100px;
    float: none;
}

    #comments .comment .text-right p {
        line-height: 18px;
        padding: 0 0 8px 13px;
        font-size: 12px;
    }

#comments ul.children {
    margin: 10px 0 0 20px;
    padding: 0;
}

p.commpadd {
    padding: 0;
    margin: 0 0 10px 0;
}

span.comm-reply {
    float: right;
    padding: 5px 0 0 0;
    font-size: 11px;
}

    span.comm-reply a:hover {
        font-size: 11px;
        text-decoration: none;
    }

.cancel-comment-reply {
    padding: 0 0 10px 0;
}

#respond {
    padding: 10px 0 0 0;
    margin: 0;
}

    #respond textarea, .commpadd input {
        font: 14px Arial, Helvetica, sans-serif;
    }

    #respond textarea {
        margin: 0;
        padding: 5px;
    }

p.commpadd input {
    line-height: 25px;
    height: 25px;
    padding: 5px 0 0 5px;
    width: 300px;
}

#content p.commpadd label {
    padding: 0 0 0 5px;
    font: 12px Arial, Helvetica, sans-serif;
}

input#submit {
    font: bold 14px Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 7px;
    margin: 0;
    cursor: pointer;
}

* html #commentform label {
    margin: -8px 0 0 0;
    position: relative;
    top: -8px;
}

* + html #commentform label {
    margin: -8px 0 0 0;
    position: relative;
    top: -8px;
}

.avatar {
    padding: 3px;
}

/* footer ---------*/
#footer h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 14px;
}

.connetwithus {
    width: 160px;
    float: left;
    margin-left: 20px;
}

.livehelp {
    width: 220px;
    float: left;
}

.copyrights {
    width: 222px;
    float: right;
}

#footer .copyrights p {
    margin: 0;
    padding: 0;
}

#footer p {
    line-height: 18px;
}

#footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer li {
    margin: 0 0px 10px 0;
    padding: 3px 0 3px 0;
    font: 13px Arial, Helvetica, sans-serif;
    line-height: 12px;
}

    #footer li a {
        text-decoration: none;
    }

        #footer li a:hover {
            text-decoration: none;
        }

    #footer li.facebook, #footer li.twitter, #footer li.youtube, #footer li.rss {
        padding-left: 22px;
    }

    #footer li.facebook {
        background: url(images/i_facebook.png) no-repeat left top;
    }

    #footer li.twitter {
        background: url(images/i_twitter.png) no-repeat left top;
    }

    #footer li.youtube {
        background: url(images/i_youtube.png) no-repeat left top;
    }

    #footer li.rss {
        background: url(images/i_rss.png) no-repeat left 2px;
    }


#footer p.callus {
    font-size: 24px;
}

#footer p.phoneno {
    font-size: 24px;
}

#footer p.time {
    font-weight: bold;
}

#footer .designby {
    padding: 5px 8px 0 0;
    float: left;
}

#footer p span.templatic {
    width: 80px;
    display: block;
    overflow: hidden;
    float: left;
}

    #footer p span.templatic a {
        text-indent: -9009px;
        padding-left: 120px;
        height: 30px;
        display: block;
    }

/* product details --------------------- */
#content .fav_link {
    margin: 0 0 5px 0;
    padding: 20px 0 20px 0px;
    clear: both;
    height: 100%;
    overflow: hidden;
}

    #content .fav_link li {
        margin: 0;
        float: left;
        padding: 8px 10px 8px 30px;
        font: bold 12px Arial, Helvetica, sans-serif;
        display: inline;
    }

        #content .fav_link li a {
            text-decoration: none;
        }

            #content .fav_link li a:hover {
                text-decoration: none;
            }

        #content .fav_link li span {
            text-decoration: none !important;
        }

#content .addtocartformspan {
    padding: 10px;
    height: 100%;
    overflow: hidden;
    font: 14px Arial, Helvetica, sans-serif;
}

#content #addtocartformspan, #content #addtocartformspan2 {
    margin-bottom: 20px;
    clear: both;
    margin-top: 10px;
    display: block;
    line-height: 20px;
    font-size: 12px;
}

    #content #addtocartformspan small, #content #addtocartformspan2 small {
        font-size: 12px;
        color: #8f8f8f;
    }

.no_image {
    height: 193px;
    width: 161px;
    float: left;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    border: 1px solid #999999;
    background: #fff;
}

#content .realated_product_section h3 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
}

#content .realated_products {
    margin: 0 0 0 -40px;
    _margin: 0 0 0 -88px;
    padding: 0;
    _height: 200px;
    min-height: 100px;
}

    #content .realated_products li {
        margin: 0 0 0px 45px;
        padding: 0;
        width: 130px;
        float: left;
        font-size: 12px;
        line-height: normal;
        text-align: center;
        font-weight: bold;
    }

    #content .realated_products li {
        position: relative;
    }

        #content .realated_products li .sale_img {
            position: absolute;
            left: 0px;
            top: 0;
        }

        #content .realated_products li a.product_thumb {
            overflow: hidden;
            height: 140px;
            display: block;
        }


/* ----------------------------------------
product listing view 
------------------------------------*/
#content ul.display {
    float: left;
    margin: 0 0 0 -20px;
    min-height: 200px;
    padding: 0;
    list-style: none;
}

* html #content ul.display {
    height: 200px;
    margin: 0 0 0 -40px;
    width: 960px;
}

    #content ul.display li {
        float: left;
        padding: 1px 3px 10px 2px;
        width: 960px;
        margin: 0 0 20px 20px;
    }

        #content ul.display li a {
            text-decoration: none;
        }

        #content ul.display li .content {
            margin: 0;
            padding: 0;
            width: 760px;
            float: right;
        }

            #content ul.display li .content p {
                margin-left: 0;
                font-size: 12px;
            }

        #content ul.display li h3 {
            margin-top: 0;
            font-size: 16px;
            font-weight: bold;
            line-height: normal;
        }


        #content ul.display li .content #addtocartformspan {
            margin-top: 5px;
            display: block;
        }

        #content ul.display li .content_block a img {
            padding: 0px;
            margin-bottom: 5px;
            float: left;
        }

#content ul.thumb_view li {
    width: 169px;
    min-height: 220px;
    _height: 220px;
    float: left;
    text-align: center;
}

    #content ul.thumb_view li h3 {
        display: inline;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
    }

    #content ul.thumb_view li .content {
        width: auto;
        float: none;
    }

        #content ul.thumb_view li .content p.contentp {
            display: none;
        }

        #content ul.thumb_view li .content .viewdetails {
            display: none;
        }

    #content ul.thumb_view li .content_block a.product_thumb {
        height: 193px;
        width: 161px;
        margin-bottom: 15px;
        overflow: hidden;
        display: block;
    }

#content ul.display li .content_block a.product_thumb {
    margin-bottom: 8px;
    overflow: hidden;
    height: 164px;
    width: 161px;
    display: block;
    float: left;
}


#content ul.thumb_view li .content_block a img {
    margin: 0 0 10px;
}

#content ul.display .content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #content ul.display .content ul li {
        margin: 0;
        padding: 3px 0 3px 12px;
        list-style: none;
    }

#content ul.display li p.regular_price {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

#content ul.display li p.sale_price {
    width: auto;
    float: none;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

#content ul.display li {
    position: relative;
}

    #content ul.display li .sale_img {
        position: absolute;
        left: 1px;
        top: 1px;
    }

#content ul.thumb_view li .sale_img {
    position: absolute;
    left: 1px;
    top: 0px;
}

#content ul.thumb_view li p.regular_price {
    width: auto;
    float: none;
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 12px;
}

#content ul.thumb_view li p.sale_price {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
}

#content ul.display li.product_sepretor {
    display: none;
}

#content ul.thumb_view li.product_sepretor {
    width: 960px;
    display: block;
    background: none;
    _height: 10px;
    min-height: 10px;
}


#content a.switch_thumb {
    width: 111px;
    height: 26px;
    margin-bottom: 17px;
    position: relative;
    top: -10px;
    float: left;
    font-weight: bold;
    line-height: 30px;
    display: block;
    outline: none;
}

.specialpirce {
    text-decoration: line-through;
    font-size: 12px;
    font-weight: normal;
}

.msg {
    float: left;
    margin-right: 10px;
}

.size_spacer {
    margin-top: 10px;
}

.color_spacer {
    padding-bottom: 10px;
}

a.viewcart {
    font-size: 14px;
}

a:hover.viewcart {
    text-decoration: underline;
}

.top_menu {
    float: right;
}

.container_message {
    width: 960px;
    margin: 0 auto;
    min-height: 400px;
}

a.b_viewcart {
    display: block;
    padding: 3px 10px;
    background: #eee;
    color: #777;
    text-decoration: none;
    border: 1px solid #ccc;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

a:hover.b_viewcart {
    background: #fff;
    border: 1px solid #ddd;
    color: #000;
}

/* content ---------------------------- */
#content h3 {
    margin: 0 0 0px 0;
    padding: 0;
    font: 22px Arial, Helvetica, sans-serif;
    background-color: #e0e0e0;
}

#content p {
    font-size: 12px;
}

#content ul {
    list-style: none;
}

#content li {
    margin: 0 0 8px 0;
    padding: 0 0 0 12px;
    line-height: 20px;
    font-size: 14px;
}

#content ol {
    margin: 0 0 0 18px;
    padding: 0 0 10px 5px;
    list-style-type: decimal;
    line-height: 18px;
}

    #content ol li ol {
        margin: 8px 0 5px 18px;
        padding: 0;
    }

    #content ol li {
        margin: 0 0 5px 0;
        padding: 0;
    }

/* view cart page --------------- */
#content .order_info p {
    font-size: 13px;
}

    #content .order_info p span {
        width: 100px;
        float: left;
    }

#content a.normal_button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 8px 10px;
    line-height: 10px;
    cursor: pointer;
    font-size: 12px;
    line-height: 10px;
    text-decoration: none;
    display: block;
}

#content a:hover.normal_button, .normal_button:focus {
    text-decoration: none;
}

a.highlight_button, .viewdetails a.highlight_button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 8px 10px;
    line-height: 10px;
    cursor: pointer;
    font-size: 12px;
    line-height: 10px;
}

a:hover.highlight_button, .viewdetails a:hover.highlight_button {
    text-decoration: none;
}

#content .normal_input_btn, .normal_input_btn {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    line-height: 10px;
    cursor: pointer;
    font-size: 12px;
    line-height: 10px;
    text-decoration: none;
    display: block;
}

    #content .normal_input_btn:hover, .normal_input_btn:hover {
        text-decoration: none;
    }

* html #content .normal_input_btn {
    line-height: 13px;
}

* + html #content .normal_input_btn {
    padding: 6px;
}

html > body #content .normal_input_btn {
    line-height: 13px;
    margin-top: 0px;
}


#content .highlight_input_btn, .highlight_input_btn {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    line-height: 10px;
    font: bold 12px Arial, Helvetica, sans-serif;
    cursor: pointer;
    font-size: 12px;
    line-height: 10px;
}

    #content .highlight_input_btn:hover {
        text-decoration: none;
    }




#content .product_details p, .product_info p {
    margin-left: 0;
}

html > body #content .coupon_code a.normal_button {
    margin-top: 1px;
}

html:first-child #content .coupon_code a.normal_button {
    margin-top: 1px;
}

* + html #content .coupon_code a.normal_button {
    margin-top: -0px !important;
    position: relative;
}



#authorizenetoptions {
    margin-left: 25px;
}

    #authorizenetoptions input, #authorizenetoptions select {
        padding: 4px;
    }

#mycart_content {
    width: 620px;
    float: left;
}

#mycart_sidebar {
    width: 280px;
    float: right;
    padding-left: 20px;
}

#checkout_content {
    width: 615px;
    float: left;
}

#checkout_sidebar {
    width: 280px;
    float: right;
    padding-left: 20px;
}

#content .help h5 {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

#content .help p {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 11px;
    line-height: 16px;
}

#content .help ul {
    margin: 0 0 8px 0;
}

#content .help li {
    font-size: 11px;
    margin: 0;
}

#content #mycart_sidebar .payment_info {
    padding-top: 15px;
    text-align: center;
    margin-top: 10px;
    clear: both;
}

.table {
    width: 100%;
    margin-bottom: 10px;
}

.table_td_align {
    vertical-align: top;
    padding: 0;
    margin: 0;
}


.table td {
    padding: 5px 10px;
    vertical-align: top;
}

    .table td.title {
        font-size: 14px;
        font-weight: bold;
    }

.table .row1 {
    font-size: 12px;
}

.table td a {
    text-decoration: none;
}

.table .row2 {
    padding-top: 10px;
    font-size: 14px;
}

.table .row3 {
    padding: 8px;
    font-size: 12px;
}

.table a {
    text-decoration: underline;
}

    .table a:hover {
        text-decoration: underline;
    }

.table .tprice {
    padding-left: 22px;
    font-size: 14px;
    text-align: left;
}

.table .remove {
    font-size: 12px;
}

.table .total_price {
    padding-left: 22px;
    font-size: 22px;
    text-align: left;
}

.table .pro_des {
    font-size: 12px;
}

.table .qty {
    padding: 2px;
    width: 60px;
}

.table_spacer {
    margin-bottom: 30px;
}

.qty_input {
    width: 50px;
}

.remove_item {
    padding-left: 18px;
    margin-top: 15px;
    display: block;
    font-size: 11px;
}

.product_thum {
    padding: 5px;
}

.button_bar {
    height: 100%;
    overflow: hidden;
    margin-bottom: 50px;
    padding-top: 10px;
}

.button_bar2 {
    height: 100%;
    overflow: hidden;
    margin-bottom: 50px;
}

.coupon_code {
    width: 350px;
    float: left;
    padding: 10px 10px;
}

* html .coupon_code {
    width: 350px;
    padding: 5px 0px;
}

* + html .coupon_code {
    width: 370px;
    padding: 5px 0px;
}

.coupon_text {
    padding: 5px;
    margin: 0 5px;
}

* html .coupon_text {
    width: 110px;
}


.coupon_code table td {
    vertical-align: middle;
}

.total_amount {
    padding: 10px 5px;
    font-size: 18px;
}

.total_amount_title {
    padding: 8px 5px 0 5px !important;
    font-size: 16px;
}

.order_info {
    height: 100%;
    overflow: hidden;
    padding: 10px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.continue_spacer {
    margin-left: 20px;
    margin-top: 17px;
}

.checkout {
    margin-top: 10px;
    width: 85px;
}

.recalculate {
    width: 80px;
}

.help {
    width: 45%;
}

/* Login Form ------------------------------------------------ */
#page h5 {
    margin: 0 0 12px 0;
    padding: 0 0 5px 0;
    font-weight: bold;
}

#page p.forgetmenot {
    font-size: 11px;
    margin-left: 85px;
}

#page p.mandatory {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 12px;
    text-align: right;
}

#page .lostpassword_form h3 {
    margin-top: 0;
    font-size: 14px;
    font-weight: bold;
}

#page .login_form h3 {
    margin: -5px 0 5px 0;
    padding: 0;
}

#page .form_col_2 h3 {
    margin: -5px 0 5px 0;
    padding: 0;
}

#reg_passmail {
    clear: both;
    padding: 4px;
    margin-bottom: 12px;
    font-size: 12px;
}


#page .form h5 {
    margin-bottom: 15px;
}

.form_col_1 {
}

.form_col_2 {
    position: relative;
}

#page .form {
    clear: both;
    padding: 20px;
    height: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

#page .form_row {
    margin-bottom: 10px;
    height: 100%;
    overflow: hidden;
}

    #page .form_row label {
        float: left;
        width: 85px;
        padding-top: 5px;
        font-size: 13px;
    }

#page .form_textfield {
    padding: 4px;
    width: 150px;
}

.login_form {
    margin-bottom: 20px;
    clear: both;
}

.lostpassword_form {
    padding: 20px;
    padding-top: 15px;
}

.login {
    margin-left: 90px;
}

.forgot_pass {
    font: bold 14px Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 5px;
    cursor: pointer;
}

.lostpassword_form label {
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
}

.lostpass_textfield {
    padding: 4px;
    width: 250px;
    margin-bottom: 8px;
}

.reg_row {
    margin-bottom: 10px;
    height: 100%;
    overflow: hidden;
    width: 46%;
    margin-right: 20px;
    float: left;
}

    .reg_row label {
        display: block;
        margin-bottom: 5px;
    }

.reg_row_textfield, .inquiry_row .reg_row_textfield {
    padding: 4px;
    width: 240px;
}

.row_hide {
    display: none;
}

#checkout_sidebar .checkout_address .reg_row_textfield {
    width: 230px;
    margin-bottom: 5px;
}


.inquiry_row {
    margin-bottom: 10px;
    height: 100%;
    overflow: hidden;
    margin-right: 20px;
}

    .inquiry_row label {
        display: block;
        margin-bottom: 5px;
        float: left;
        width: 120px;
    }

    .inquiry_row .reg_row_textarea {
        padding: 4px;
        width: 290px;
        height: 250px;
        font: 12px Arial, Helvetica, sans-serif;
    }

.send_inquiry {
    margin-left: 120px;
    margin-right: 10px;
}

.sucess_msg {
    padding: 5px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    clear: both;
}

.error_msg {
    padding: 5px;
    margin-bottom: 15px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    clear: both;
}

.registration {
    font: bold 14px Arial, Helvetica, sans-serif;
    text-align: center;
    float: right;
    padding: 5px;
    cursor: pointer;
}

.myorders {
    height: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.myorders_col {
    width: 43%;
    padding: 10px 15px 15px 15px;
    margin-bottom: 20px;
}

.myorder_form {
    padding: 20px;
    height: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.myorder_form_row {
    margin-bottom: 10px;
    height: 100%;
    overflow: hidden;
}

    .myorder_form_row label {
        width: 85px;
        display: block;
        padding-bottom: 5px;
        font-weight: bold;
        font-size: 13px;
    }

.myorder_text {
    width: 240px;
    padding: 4px;
}

/* size  chart popupwindow -------------------*/
#info {
    width: 600px !important;
    margin: 0 auto;
    padding: 10px;
    display: none;
    text-align: left;
    font-family: verdana, sans-serif;
}

    #info p {
        font-size: 11px;
        line-height: 1.6em;
    }

    #info img {
        margin: 0 10px 10px 0;
        display: block;
        float: left;
    }

#infoHolder {
    top: 50px !important;
    position: fixed !important;
}

* html #infoHolder {
    top: 50% !important;
    position: absolute !important;
}

#infoBacking {
    width: auto !important;
}



/* product big image----------------*/
div#photos {
    width: 360px;
    float: left;
    position: relative;
}

div.photo {
    float: left;
    display: inline;
    margin: 0 15px 25px 0;
}

p#turtles_caption {
    margin: 5px 0 0;
}

div.photo a.small_thumb {
    width: 100px;
    height: 95px;
    overflow: hidden;
    display: block;
    float: left;
}

div#photos div.photo a.small_thumb img, div.photo a:hover.small_thumb img {
    border: none;
}

div.photo a.small_thumb {
    border: 1px solid #ccc;
}

div.photo a:hover.small_thumb img {
    border: 1px solid #000;
}


.product {
    height: 100%;
    overflow: hidden;
    padding-top: 20px;
}

    .product h1.head {
        margin-bottom: 10px;
        font-size: 20px;
    }

.main_photo {
    width: 336px;
    position: relative;
    text-align: center;
    height: 336px;
    overflow: hidden;
}

.zoom a {
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-indent: -9009px;
    display: block;
    width: 36px;
    height: 36px;
}

.product_info {
    width: 400px;
    padding: 15px 15px 5px 15px;
    margin-bottom: 20px;
}

.row {
    height: 100%;
    overflow: hidden;
    margin-bottom: 8px;
}

.pfield {
    float: left;
    width: 55px;
    padding-top: 4px;
}

p.tax_type {
    display: none;
}

.price {
    font-size: 26px;
}

#sidebar .current-cat .children, #sidebar .current-cat-parent .children {
    display: inherit;
}

#sidebar li.current-cat a {
    color: #000;
    font-weight: bold;
}

#sidebar li.current-cat ul.children li.cat-item a {
    font-weight: normal;
    color: #444;
}

    #sidebar li.current-cat ul.children li.cat-item a:hover {
        color: #000;
    }

.i_excel {
    background: url(images/i_excel.jpg) no-repeat;
    padding-left: 20px;
}

a.i_excel {
    text-decoration: underline;
}

/* Checkout -----------*/
.sign_in_l {
    float: left;
    padding: 10px;
    height: 170px;
    margin-left: 20px;
    text-align: center;
    position: relative;
    z-index: 0;
}

.registernchekout_m {
    float: left;
    padding: 10px;
    height: 170px;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    z-index: 0;
}

.checkout_r {
    float: right;
    padding: 10px;
    height: 170px;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    z-index: 0;
}

.common_button {
    width: 128px;
    cursor: pointer;
    font: bold 13px Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 6px 0 8px 0;
}

    .common_button:hover {
        cursor: pointer;
    }

.terms_condition {
    text-align: right;
}

.sign_in_l .common_button, .registernchekout_m .common_button, .checkout_r .common_button {
    position: absolute;
    bottom: 25px;
}

/* contact us ------------- */
#content .contact_form {
    height: 100%;
    overflow: hidden;
    padding-top: 20px;
}

    #content .contact_form .form_row {
        height: 100%;
        overflow: hidden;
    }

        #content .contact_form .form_row label {
            width: 100px;
            float: left;
        }

#content .contact_form {
    height: 100%;
    overflow: hidden;
    padding-top: 20px;
}

    #content .contact_form .form_row .textfield {
        width: 400px;
        float: left;
        padding: 4px 4px;
        font: 12px Arial, Helvetica, sans-serif;
    }

    #content .contact_form .form_row .textarea {
        width: 450px;
        float: left;
        padding: 4px 4px;
        font: 12px Arial, Helvetica, sans-serif;
    }

.btn_spacer {
    margin-left: 100px;
}

#content p.success_msg {
    padding: 5px;
    margin: 0 0 10px 0;
    text-align: center;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #19a61c;
    background: #e1fde2;
    border-top: 1px solid #66b467;
    border-bottom: 1px solid #66b467;
}

.message_error2 {
    font: 12px Arial, Helvetica, sans-serif;
    float: left;
    padding: 3px;
    color: #fe5c3b;
    clear: both;
    margin-left: 98px;
}


/* clearfix -----------*/
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.clearboth {
    clear: both;
}

.wp-post-image {
    float: left;
    padding-right: 15px;
}

.search_img {
    float: left;
    padding-right: 10px;
}

/* Text flöde */

.aligncenter,
dl.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.page-item-3288,.page-item-3536 {
    display: none;
}


#header .catalog {
    padding-top: 18px;
    
    position: absolute;
    width: 171px;
    height: 20px;
    background-image: url(images/cat-banner.png);
    left: -15px;
    top: 150px;
    font-size: 11px;
}

    #header .catalog span {
        margin-left: 50px;
        color:#fff;
    }

       #header .catalog a {
        color:#fff;
    }
.ad-box img {
width:210px;
}