/* Begin product.css */
/**
 * PRODUCT PROFILE PAGE
 */

	#product_profile
	{
        /* Commenting this out fixes the Safari column issue */
		/*float: right;*/
	}
	
	#product_profile #product_image
	{
		padding-right: 7px;
	}

    #product_profile .preview_text {
        padding-top: 0.5em;
    }

    #product_profile img.preview_thumbnail
    {
        max-width: 30px;
        max-height: 45px;
    }

	#product_profile #product_image img
	{
		border: 1px solid #000000;
	}

	#product_profile .product_title {
		font-weight: bolder;
		font-size: 20px;
	}

	#product_profile .product_details {
        margin: 0px;
        padding: 0px;
	}
	
	#product_profile .product_details b {
		font-weight: bolder;
	}

	#product_profile .product_order_now {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#product_profile .product_order_now a {
        font-weight:bold;
	}

	#product_profile .product_order_now b {
		color: #cc0000;
	}
		
	#product_profile .product_description {
		padding-top: 5px;
		padding-bottom: 10px;		
	}
		
	#right_bar .related_products {
		margin: 10px 0px;
	}
	
	#right_bar .related_product {
		margin: 0px;
        padding: 0px;
		float: left;
		font-size: 12px;
	}

    #right_bar .product-order-now {
        font-size: 12px;
        line-height: 16px;
    }
/* PRODUCT LINK */

    .product-description li {
        list-style-type: unset;
    }

    .product-description .more {
        display: none;
    }

    .product-description .view-more {
        display: block;
        width: 100%;
        margin: 20px 0px;
        padding: 10px 0px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        background-color: #DADFE1;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    #featured-titles {
        margin-top: 20px;
    }

    #featured-titles a {
        margin-right: 10px;
        margin-bottom: 10px;
        float: left;
        display: inline-block;
    }

   #featured-titles  #featured-titles-header {
        margin-bottom: 4px;
    }

 /* END */
/* End product.css */

@keyframes pulsate{0%,to{opacity:1}50%{opacity:.2}}#spotlight{position:fixed;top:-1px;bottom:-1px;width:100%;z-index:99999;color:#fff;background-color:#000;opacity:0;overflow:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .2s ease-out;font-family:Arial,sans-serif;font-size:16px;font-weight:400;contain:strict;touch-action:none;pointer-events:none}#spotlight.show{opacity:1;transition:none;pointer-events:auto}#spotlight.white{color:#212529;background-color:#fff}#spotlight.white .spl-next,#spotlight.white .spl-page~*,#spotlight.white .spl-prev,#spotlight.white .spl-spinner{filter:invert(1)}#spotlight.white .spl-progress{background-color:rgba(0,0,0,.35)}#spotlight.white .spl-footer,#spotlight.white .spl-header{background-color:rgba(255,255,255,.65)}#spotlight.white .spl-button{background:#212529;color:#fff}.spl-footer,.spl-header{background-color:rgba(0,0,0,.45)}#spotlight .contain,#spotlight .cover{object-fit:cover;height:100%;width:100%}#spotlight .contain{object-fit:contain}#spotlight .autofit{object-fit:none;width:auto;height:auto;max-height:none;max-width:none;transition:none}.spl-scene,.spl-spinner,.spl-track{width:100%;height:100%;position:absolute}.spl-track{contain:strict}.spl-spinner{background-position:center;background-repeat:no-repeat;background-size:42px;opacity:0}.spl-spinner.spin{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjY1Ij48Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L2c+PC9zdmc+);transition:opacity .2s linear .25s;opacity:1}.spl-spinner.error{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYsMUExNSwxNSwwLDEsMCwzMSwxNiwxNSwxNSwwLDAsMCwxNiwxWm0wLDJhMTMsMTMsMCwwLDEsOC40NSwzLjE0TDYuMTQsMjQuNDVBMTMsMTMsMCwwLDEsMTYsM1ptMCwyNmExMywxMywwLDAsMS04LjQ1LTMuMTRMMjUuODYsNy41NUExMywxMywwLDAsMSwxNiwyOVoiIGlkPSJiYW5fc2lnbl9jcm9zc2VkX2NpcmNsZSIvPjwvc3ZnPg==);background-size:128px;transition:none;opacity:.5}.spl-scene{transition:transform .65s cubic-bezier(.1,1,.1,1);contain:layout size;will-change:transform}.spl-pane>*{position:absolute;width:auto;height:auto;max-width:100%;max-height:100%;left:50%;top:50%;margin:0;padding:0;border:0;transform:translate(-50%,-50%) scale(1);transition:transform .65s cubic-bezier(.3,1,.3,1),opacity .65s ease;contain:layout style;will-change:transform,opacity;visibility:hidden}.spl-header,.spl-pane,.spl-progress{position:absolute;top:0}.spl-pane{width:100%;height:100%;transition:transform .65s cubic-bezier(.3,1,.3,1);contain:layout size;will-change:transform,contents}.spl-header{width:100%;height:50px;text-align:right;transform:translateY(-100px);transition:transform .35s ease;overflow:hidden;will-change:transform}#spotlight.menu .spl-footer,#spotlight.menu .spl-header,.spl-footer:hover,.spl-header:hover{transform:translateY(0)}.spl-header div{display:inline-block;vertical-align:middle;white-space:nowrap;width:50px;height:50px;opacity:.5}.spl-progress{width:100%;height:3px;background-color:rgba(255,255,255,.45);transform:translateX(-100%);transition:transform linear}.spl-footer,.spl-next,.spl-prev{position:absolute;transition:transform .35s ease;will-change:transform}.spl-footer{left:0;right:0;bottom:0;line-height:20px;padding:20px 20px 0;padding-bottom:env(safe-area-inset-bottom,0);text-align:left;font-size:15px;font-weight:400;transform:translateY(100%)}.spl-title{font-size:22px}.spl-button,.spl-description,.spl-title{margin-bottom:20px}.spl-button{display:inline-block;background:#fff;color:#000;border-radius:5px;padding:10px 20px;cursor:pointer}.spl-next,.spl-page~*,.spl-prev{background-position:center;background-repeat:no-repeat}.spl-page{float:left;width:auto;line-height:50px}.spl-page~*{background-size:21px;float:right}.spl-fullscreen{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9Ii0xIC0xIDI2IDI2IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2M20xOCAwVjVhMiAyIDAgMCAwLTItMmgtM20wIDE4aDNhMiAyIDAgMCAwIDItMnYtM00zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PC9zdmc+)}.spl-fullscreen.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDN2M2EyIDIgMCAwIDEtMiAySDNtMTggMGgtM2EyIDIgMCAwIDEtMi0yVjNtMCAxOHYtM2EyIDIgMCAwIDEgMi0yaDNNMyAxNmgzYTIgMiAwIDAgMSAyIDJ2MyIvPjwvc3ZnPg==)}.spl-autofit{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9Ijk2cHgiIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIiBmaWxsPSIjZmZmIiBkPSJNNzEuMzExLDgwQzY5LjY3LDg0LjY2LDY1LjIzLDg4LDYwLDg4SDIwYy02LjYzLDAtMTItNS4zNy0xMi0xMlYzNmMwLTUuMjMsMy4zNC05LjY3LDgtMTEuMzExVjc2YzAsMi4yMSwxLjc5LDQsNCw0SDcxLjMxMSAgeiIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSIgZmlsbD0iI2ZmZiIgZD0iTTc2LDhIMzZjLTYuNjMsMC0xMiw1LjM3LTEyLDEydjQwYzAsNi42Myw1LjM3LDEyLDEyLDEyaDQwYzYuNjMsMCwxMi01LjM3LDEyLTEyVjIwQzg4LDEzLjM3LDgyLjYzLDgsNzYsOHogTTgwLDYwICBjMCwyLjIxLTEuNzksNC00LDRIMzZjLTIuMjEsMC00LTEuNzktNC00VjIwYzAtMi4yMSwxLjc5LTQsNC00aDQwYzIuMjEsMCw0LDEuNzksNCw0VjYweiIvPjwvc3ZnPg==)}.spl-zoom-in,.spl-zoom-out{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjgiIHgyPSIxNCIgeTE9IjExIiB5Mj0iMTEiLz48L3N2Zz4=);background-size:22px}.spl-zoom-in{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==)}.spl-download{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNDEuNzMycHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0MS43MzIgMTQxLjczMiIgd2lkdGg9IjE0MS43MzJweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIwLjY3NCwxMjUuMTM4SDIwLjc5M3YxNi41OTRoOTkuODgxVjEyNS4xMzh6IE0xMTkuMDE5LDU4Ljc3NmMtMi41NjEtMi41NjItNi43MTYtMi41NjItOS4yNzUsMEw3Ny4yMSw5MS4zMTJWNi41NjIgICBDNzcuMjEsMi45MzYsNzQuMjY5LDAsNzAuNjQ4LDBjLTMuNjI0LDAtNi41NiwyLjkzNy02LjU2LDYuNTYzdjg0Ljc1TDMxLjk5Miw1OS4yMThjLTIuNTYyLTIuNTY0LTYuNzE1LTIuNTY0LTkuMjc3LDAgICBjLTIuNTY1LDIuNTYyLTIuNTY1LDYuNzE2LDAsOS4yNzlsNDMuMjk0LDQzLjI5M2MwLjE1LDAuMTU0LDAuMzE0LDAuMjk5LDAuNDgxLDAuNDM4YzAuMDc2LDAuMDYyLDAuMTU1LDAuMTEzLDAuMjM0LDAuMTc2ICAgYzAuMDk0LDAuMDY1LDAuMTg2LDAuMTQyLDAuMjc5LDAuMjA2YzAuMDk3LDAuMDYzLDAuMTkyLDAuMTE0LDAuMjg2LDAuMTc0YzAuMDg4LDAuMDU0LDAuMTc0LDAuMTA1LDAuMjY1LDAuMTUzICAgYzAuMSwwLjA1NiwwLjE5OSwwLjEsMC4yOTgsMC4xNDdjMC4wOTcsMC4wNDUsMC4xOSwwLjA5MSwwLjI4MywwLjEzMmMwLjA5OCwwLjA0LDAuMTk2LDAuMDcyLDAuMjk1LDAuMTA1ICAgYzAuMTA0LDAuMDM4LDAuMjA3LDAuMDc4LDAuMzEyLDAuMTA5YzAuMTAxLDAuMDMsMC4xOTcsMC4wNTIsMC4yOTcsMC4wNzdjMC4xMDgsMC4wMjMsMC4yMTQsMC4wNTgsMC4zMjQsMC4wNzggICBjMC4xMTUsMC4wMjEsMC4yMzEsMC4wMzMsMC4zNDYsMC4wNTRjMC4wOTcsMC4wMTUsMC4xOTIsMC4wMzIsMC4yODksMC4wNDJjMC40MywwLjA0MiwwLjg2NSwwLjA0MiwxLjI5NSwwICAgYzAuMS0wLjAxLDAuMTkxLTAuMDI3LDAuMjg5LTAuMDQyYzAuMTE0LTAuMDIxLDAuMjMzLTAuMDI5LDAuMzQ0LTAuMDU0YzAuMTA5LTAuMDIxLDAuMjE3LTAuMDU1LDAuMzI0LTAuMDc4ICAgYzAuMTAyLTAuMDI1LDAuMTk5LTAuMDQ3LDAuMjk5LTAuMDc3YzAuMTA1LTAuMDMxLDAuMjA3LTAuMDcxLDAuMzEyLTAuMTA5YzAuMTAyLTAuMDMsMC4xOTUtMC4wNjIsMC4yOTUtMC4xMDUgICBjMC4wOTYtMC4wNDEsMC4xOTEtMC4wODcsMC4yODMtMC4xMzJjMC4xLTAuMDQ4LDAuMTk5LTAuMDkyLDAuMjk3LTAuMTQ3YzAuMDkxLTAuMDQ4LDAuMTc3LTAuMTA0LDAuMjY0LTAuMTUzICAgYzAuMDk4LTAuMDYsMC4xOTMtMC4xMSwwLjI4Ny0wLjE3NGMwLjA5Ni0wLjA2NCwwLjE4OS0wLjE0MSwwLjI4MS0wLjIwNmMwLjA3Ni0wLjA2MiwwLjE1Ni0wLjExMywwLjIzMy0wLjE3NiAgIGMwLjI0OS0wLjIwNCwwLjQ3OS0wLjQzNywwLjY5NC0wLjY3YzAuMDc2LTAuMDY3LDAuMTU0LTAuMTMxLDAuMjI5LTAuMjAzbDQzLjI5NC00My4yOTYgICBDMTIxLjU4MSw2NS40OTEsMTIxLjU4MSw2MS4zMzcsMTE5LjAxOSw1OC43NzYiLz48L2c+PC9zdmc+);background-size:20px}.spl-theme{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMiIgdmlld0JveD0iMiAyIDIwIDIwIiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIsNGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOHM4LTMuNTgyLDgtOFMxNi40MTgsNCwxMiw0eiBNMTIsMThjLTMuMzE0LDAtNi0yLjY4Ni02LTZzMi42ODYtNiw2LTZzNiwyLjY4Niw2LDYgUzE1LjMxNCwxOCwxMiwxOHoiLz48cGF0aCBkPSJNMTIsN3YxMGMyLjc1NywwLDUtMi4yNDMsNS01UzE0Ljc1Nyw3LDEyLDd6Ii8+PC9nPjwvc3ZnPg==)}.spl-play{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMTAgOCAxNiAxMiAxMCAxNiAxMCA4Ii8+PC9zdmc+)}.spl-play.on{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxsaW5lIHgxPSIxMCIgeDI9IjEwIiB5MT0iMTUiIHkyPSI5Ii8+PGxpbmUgeDE9IjE0IiB4Mj0iMTQiIHkxPSIxNSIgeTI9IjkiLz48L3N2Zz4=);animation:pulsate 1s ease infinite}.spl-close{background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==)}.spl-next,.spl-prev{top:50%;width:50px;height:50px;opacity:.65;background-color:rgba(0,0,0,.45);border-radius:100%;cursor:pointer;margin-top:-25px;transform:translateX(-100px);background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSIxNSAxOCA5IDEyIDE1IDYiLz48L3N2Zz4=);background-size:30px}.spl-prev{left:20px}.spl-next{left:auto;right:20px;transform:translateX(100px) scaleX(-1)}#spotlight.menu .spl-prev{transform:translateX(0)}#spotlight.menu .spl-next{transform:translateX(0) scaleX(-1)}@media (hover:hover){.spl-page~div{cursor:pointer;transition:opacity .2s ease}.spl-next:hover,.spl-page~div:hover,.spl-prev:hover{opacity:1}}@media (max-width:500px){.spl-header div{width:44px}.spl-footer .spl-title{font-size:20px}.spl-footer{font-size:14px}.spl-next,.spl-prev{width:35px;height:35px;margin-top:-17.5px;background-size:15px 15px}.spl-spinner{background-size:30px 30px}}.hide-scrollbars{overflow:hidden!important}
/* Begin darkhorse_page.css */
/* Home links */

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

a:hover,
a:active {
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited,
#header .hmenu a,
.big_number {
    color: #fff;
    font-family: 'Neue Helvetica W01', sans-serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: underline;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content h1 a:link,
#content h2 a:link,
#content h3 a:link,
#content h4 a:link,
#content h5 a:link,
#content h6 a:link,
#content h1 a:visited,
#content h2 a:visited,
#content h3 a:visited,
#content h4 a:visited,
#content h5 a:visited,
#content h6 a:visited {
    color: #222;
    line-height: 1em;
}

h1,
h2 {
    margin-bottom: 15px;
    font-size: 24px;
}

h3 {
    margin: 10px 0px;
    font-size: 18px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

html,
body {
    background-color: #000;
}

body {
    min-width: 960px;
    color: #444;
    font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.wrap {
    position: relative;
    width: 960px;
    margin: 0px auto;
}

#header {
    position: relative;
    height: 54px;
    background-color: #ba2d00;
    overflow: hidden;
}

#logo {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 7px 0px;
    overflow: hidden;
}

#logo h1 {
    position: absolute;
    left: -9999px;
}

#search {
    position: absolute;
    top: 15px;
    right: 0px;
}

#search fieldset {
    width: 140px;
    height: 24px;
    border: none;
    background-color: #fff;
    overflow: hidden;
}

#search legend {
    display: none;
}

#search input[type="text"] {
    width: 110px;
    padding: 4px;
    color: #666;
    font-size: 14px;
    background-color: transparent;
    border: none;
    outline: none;
    float: left;
}

#search .placeholder-text,
#search input[type="text"]::-webkit-input-placeholder {
    color: #666;
}

#search input[type="submit"] {
    display: block;
    width: 16px;
    height: 16px;
    margin: 4px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    border: none;
    background: transparent url('//images.darkhorse.com/dhc/common/search.png') no-repeat center;
}

#header .hmenu {
    position: relative;
    top: 0px;
    left: 250px;
}

#header .hmenu a {
    padding: 19px 12px 44px 12px;
    font-size: 17px;
}

#footer {
    background: #bbb;
    clear: both;
    overflow: hidden;
    color: #000;
}

#footer h3,
#footer h3 a {
    margin: 15px 0px;
    font-size: 18px;
    text-transform: none;
    color: #000;
}

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

#footer a:hover {
    text-decoration: underline;
}

.footer-block {
    max-width: 170px;
    margin: 30px 55px;
    float: left;
}

.footer-block ul {
    font-size: 13px;
    line-height: normal;
    text-transform: uppercase;
}

.legal {
    width: 160px;
    margin-right: 0px;
    color: #000;
    font-size: 9px;
    line-height: 13px;
    text-align: justify;
}

.legal .dh-direct-logo {
    display: block;
    margin-bottom: 50px
}

.legal p {
    margin-bottom: 0;
}

#content {
    padding-bottom: 30px;
    font-size: 15px;
    line-height: 17px;
    background-color: #fff;
    overflow: hidden;
}

#sub-menu {
    margin: 0px;
    margin-bottom: 30px;
    padding: 10px 0px;
    border-bottom: 1px solid #DADFE1;
    overflow: hidden;
}

.sub-menu-block {
    margin-left: 50px;
    font-size: 11px;
    text-transform: uppercase;
    float: left;
}

.sub-menu-block .social-small-icons img {
    width: 16px;
    border-radius: 3px;
    padding: 1px;
    background: black;
}

.sub-menu-block:first-child {
    margin: 0px;
}

.sub-menu-block a,
.sub-menu-block a:link {
    color: #444;
    text-decoration: none;
}

.sub-menu-block img {
    position: relative;
    top: 5px;
    margin: 2px;
}

#sub-menu .nudge img {
    margin-top: 4px;
}

#inner_content {
    width: 685px;
    padding-right: 15px;
    border-right: 1px solid #DADFE1;
    float: left;
}

#content .fullpage {
    width: 100%;
    border: none;
    float: none;
}

#right_bar {
    position: relative;
    right: 1px;
    width: 248px;
    padding-left: 10px;
    border-left: 1px solid #DADFE1;
    float: left;
}

#comic-shop-search {
    margin-bottom: 20px;
}

#comic-shop-search fieldset {
    position: relative;
}

#comic-shop-search legend {
    color: #444;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#comic-shop-search input[type="text"] {
    position: relative;
    left: 37px;
    height: 21px;
    width: 171px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #DADFE1;
    border-left: none;
    background-color: #fff;
}

#comic-shop-search input[type="submit"] {
    position: absolute;
    left: 0px;
    width: 37px;
    height: 35px;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    border: none;
    background: transparent url('//images.darkhorse.com/dhc/common/locator.png') no-repeat center;
    float: left;
    overflow: hidden;
}

#right_bar .product-digital-badge,
#right_bar .product-order-now,
#right_bar .product-affiliate-links a {
    margin-bottom: 10px;
}

#right_bar .product-affiliate-links a, #csl-zip-label {
    display: block;
    font-family: 'Neue Helvetica W01', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
    text-transform: uppercase;
}

#product_main_image {
    width: 300px;
    float: left;
}

#product-details {
    margin-left: 320px;
}

.product-preview {
    margin: 20px 0px;
}

#product-details .product-order-now {
    margin: 20px 0px;
}

#product-details .product-order-now a,
#product-details .product-order-now a:link {
    display: block;
    min-height: 24px;
}

#product-details .product-order-now img {
    position: relative;
    top: -2px;
    margin: 0px 5px;
    float: left;
}

.product-meta dl {
    color: #A9A9A9;
}

.product-meta dt {
    font-weight: normal;
}

.cover-grid a {
    display: block;
    margin: 0px 10px 10px 0px;
    float: left;
}

.cover-grid a img {
    display: block;
}

.entry {
    margin: 15px 0px;
}

.entry .title,
.entry .title a {
    text-transform: none;
    font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.entry .meta {
    color: #fff;
    font-size: 11px;
}

.entry .excerpt {
    /* stub */
}

dl {
    margin: 15px 0px;
}

dt {
    margin-right: 5px;
    font-weight: bold;
    float: left;
}

/* Forms */

select {
    width: auto;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea {
    padding: 5px;
    font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-size: 15px;
    border: 2px solid #DADFE1;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus {
    border-color: #fff;
}

form table th,
form table td,
.form_table th,
.form_table td {
    padding: 5px;
}

.pager {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding-top: 10px;
    border-top: 1px solid #DADFE1;
}

.pager form.header_browse_control {
    display: inline;
}

.pager form.header_browse_control * {
    color: inherit;
    font-size: 100%;
}

.pager #display_images {
    float: right;
}

.gr-subscribe-button {
    border-radius: 5px;
    color: white;
    padding: 2px 6px;
    font-size: 1em;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    display: block;
    height: 20px;
    background-color: #666666;
}

/* Content Styles */

#inner_content ol,
#inner_content ul {
    margin: 10px 20px;
}

/* Styles for the ESP contest page */
#contest_form {
    width: 350px;
    padding-right: 20px;
    float: left;
}

.contest_description {
    float: left;
    padding-left: 10px;
}

/* Three Column Styles */

.left-column,
.center-column,
.right-column {
    float: left;
}

.left-column,
.right-column {
    width: 130px;
}

.center-column {
    width: 660px;
    padding: 0px 20px;
}

/* Site Messages */
.site-message {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
    background-color: #DCDCDC;
    border: 1px solid #ccc;
}

.site-message p {
    margin: 20px;
    padding: 0;
}
/* End darkhorse_page.css */

/* Begin standard.css */
/* The header for all other pages */

a {
  color: black;
}

#general_header {
  height:130px;
  position:relative;
  margin-bottom:4px;
}

#general_header #header_img {
  width:300px;
  padding-top:30px;
  height: 52px;
  float:left;
}

#general_header #cycle_headlines {
  padding-top:30px;
  height:52px;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #777777;
  float:right;
  width:396px;
  padding-right:15px;
  position:relative;
}

#general_header #cycle_headlines a {
  color: #777777
}

#general_header .cycle_headline {
  position:absolute;
  top:30px;
  right:15px;
  overflow:hidden;
  height:18px;
}

#general_header #black {
  width: 147px;
  height: 30px;		
  background-color:#000000;
}

#general_header .topbar-widget {
  margin-top: 4px;
  background-color: #000;
  color: #fff;
}

#general_header .topbar-widget a {
  color: #fff;	
}

#general_header .topbar-widget-first {
  margin-left: -125px;
  padding-left: 130px;
}

#general_header #administan {
  width: 870px;
}

#general_header #administan .topbar-internal {
  position: relative;
  top: 4px;
  right: 6px;
  text-align: right;
}

img.product_img {
  border: 1px solid #000000;
}

img.arrow {
  /*margin-left: 5px;	*/
}

#inner_content .overline_yellow {
  border-width: 0px;
  border-style: none;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #DADFE1;
}

#inner_content ol {
  padding-left: 20px;
  list-style-type: decimal;
}

#inner_content ul {
  margin: 0;
  padding-left: 15px;
  list-style-type: square;
}

#inner_content ul.simple {
  margin: 0;
  padding-left: 15px;
  list-style-type: none;
}

#inner_content ul.simple li {
  /*list-style-type: none;*/
  text-indent: -20px;
}	

#inner_content hr {
  height: 1px;
  margin: 20px 0px;
  line-height: 0px;
  border: none;
  background-color: #DADFE1;
}

#inner_content h1 a {
  color: #000000;
}

.content_editors_pick h3,
.content_subheading_column h3 {
  margin-top: 0px;
}

.content_editors_pick {
  width: 250px;
  margin: 0px;
  margin-right: 50px;
  float: left;
}

.content_subheading_column {
  width: 300px;
  margin: 0px;
  float: left;
}

.content_subheading {
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 15px;
  clear: both;
}

.content_subheading p {
  margin: 5px 0px;
  margin-left: 82px;
  padding: 0px;
}

.content_iscroll {
  padding-top: 10px;
}

.content_rightimage {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}

.content_leftimage {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

.subcontent_column_left {
  width:245px;
  margin-left:5px;
  margin-right:15px;
  float:left;		
}

.subcontent_column_right {
  width:245px;
  margin-left:15px;
  margin-right:5px;
  float:left;
}

.subcontent {
  clear: both;
  margin-bottom: 15px;
}

.emphasise_links a {
  font-weight: bold;
  text-decoration: underline;		
}

.underline_links a {
  text-decoration: underline;
}

.big_number {
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
  font-size: 18px;
}

#inner_content a.big_number {
  color: #000;
}

/* RIGHT BAR specific CSS */
#right_bar *:first-child {
  margin-top: 0px;
}

.rightbar_block,
.rightbar_content {
  margin: 20px 0px;
}

#right_bar h3 {
  margin-top: 0px;
  margin-bottom: 15px;
}
#right_bar hr {
  height: 1px;
  margin: 20px 0px;
  line-height: 0px;
  border: none;
  background-color: #DADFE1;
}

.rightbar_subcontent {
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 5px;
  margin-bottom: 15px;
}	

.rightbar_bigimage {
  margin: auto;
  margin-top: 15px;
  margin-bottom: 35px;
  width: 205px;
}

/* NAV FORM CSS */

.form_row {
  margin: 12px 5px;
}

.form_label {
  width: 180px;
  font-weight: bold;
  text-align: right;
  float: left;
  clear: left;
  margin-right: 10px;
  margin-top: 3px;

}

.form_label_wide {
  text-align: center;
  clear: left;
  margin: 3px auto;
  font-weight: bold;
}

.form_error {
  text-align:center;
  color: red;
  margin-top: 3px;
}

.cloaked_button {
  background: transparent;
  border: 0px none;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
}

.cloaked_select {
  border: 0px none;
  font-weight: normal;
  width: auto;
}

.cloaked_select option {
  padding-right: 5px;
}

.navform_horizontal_bar {
  margin: 10px 0px;
  font-weight: bold;
  width: 100%;
}

.BrowseWidget_filter_genre, 
.BrowseWidget_filter_age_range,
.BrowseWidget_filter_category, 
.BrowseWidget_filter_title, 
.BrowseWidget_filter_creator_all,
.BrowseWidget_filter_creator_comics,
.BrowseWidget_filter_creator_books,
.BrowseWidget_filter_creator_product {
  width: 120px;
}

.navform_rightbar {
}

.navform_rightbar input[type="text"] {
  margin: 0px;
}

.navform_rightbar button {
  margin: 0px;
}

.navform_rightbar select {
  margin: 0px;
}

.navform_rightbar h4 {
  margin: 0px;
}

.navform_rightbar span.form_static_text {
  display: block;
  margin: 5px 0px;
  font-weight: bold;
}

.reviews_by_publication_publication {
  width: 260px;
  margin-left: 5px;
  margin-right: 5px;
}

#example_contest_form input[type="text"] {
  width: 95%;
}

#example_contest_form input[name="state"] {
  width: 100px;
}

#example_contest_form input[name="zip"] {
  width: 100px;
}

#example_contest_form input[name="age"] {
  width: 50px;
}

#example_contest_form input[type="radio"] {
  margin-top:5px;
}

#example_contest_form .radio_text {
  padding-right:5px;
  font-size: 10px;
}

#example_contest_form button {
  width:150px;
  padding:5px;
  font-size: 15px;
  margin-top: 10px;
}



/** SEARCH RESULT CSS **/
.list_item {
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
}

.no_results_message {
  text-align: center;
  padding: 100px;
  font-size: 14px;
  font-weight: bold;
}

.product_image_items .list_items_container {
  padding: 20px 0px;
}

.product_image_items .list_item {
  float:   left;
  width:  100px;
  margin: 0px 35px 20px 0px;
  color: #444444;
}

.feature_image_items {
  overflow: hidden;
}

.feature_image_items .list_items_container {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

#right_bar .feature_image_items .list_item {
  margin: 0px 20px 10px 0px;
  font-size: 11px;
  line-height: 15px;
}

.feature_image_items .list_item {
  float:   left;
  width:  100px;
  margin: 0px 30px 15px 0px;
  color: #444444;
}

.feature_image_items .download_img {
  margin-bottom: 4px;
}

.product_text_items {
  margin-top: 20px;
}

.product_text_items .list_item {
  margin:5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #c0c0c0;
}

#site-search-results {
  margin-bottom: 20px;
}

.product_text_items .search_headings {
  margin:5px;
}

.product_text_items .search_result_title {
  float: left;
}
.product_text_items .search_result_date {
  float: left;
  width: 90px;
  padding-right: 5px;
}
.product_text_items .search_result_price {
  float: left;
  width: 60px;
  text-align: right;
  padding-right: 15px;
}
.product_text_items .search_result_buy {
  float: left;
  width: 100px;
  text-align: center;
  padding-right: 5px;
}

.narrow_list .list_items_container {
  padding-left:  0px;
  padding-right: 0px;
}

.narrow_list .list_item {
  margin: 0px 30px 15px 0px
}

.company_page_text_items .list_item {
  padding-bottom: 5px;
  padding-top: 5px;

}

.news_image_items .list_items_container {
  margin: 10px;		
}

.news_image_items .list_item {
  clear: both;
  border: 1px solid black;
}

.news_image_items .list_item img {
  float: left;
}

/** LINK CSS **/
.company_link {
  font-weight: bold;
  text-decoration: underline;
}

.list_item .company_link {
  font-weight: normal;
  text-decoration: none;
}	

/** IMAGE CSS **/
.license_img {
  margin: -5px 15px -5px 15px;
}

.download_thumb_img {
  border: 1px solid #000000;
}

.download_img {
  border: 1px solid #000000;
}

.editor_sig {
  margin-top: 25px;
  margin-left: 20px;
}

/** ZONES CSS **/

.zone-teaser {
  width: 265px;
  margin: 0px 50px 15px 0px;
  float:left
}

.zone-teaser h3 {
  margin-top: 0px;
}

#content .zone {
  width: 875px;
  min-height: 1300px;
  margin: 0px auto;
  padding: 0px;
  border: none;
  float: none;
}

.zone .zone_image_map {
  width: 280px;
  height: 612px;
}

#zone_top {
  position: relative;
  top: 0px;
  right: 0px;
  padding: 20px 20px 0px 0px;
  text-align: right;
}

#zone_rightbar {
  width: 290px;
  text-align: right;
  float:right;
  margin-right: 10px;
}

#zone_body {
  clear: left;
  float: left;
  min-height: 1250px;
  width: 520px;
  /* overflow: auto; */
  padding-left: 30px;
  margin-bottom: 15px;
  padding-right: 10px;
}

.content_wide {
  clear: both;
}


table.product_text_items {
  width: 100%;
}

table.product_text_items th {
  font-weight: bold;
  border-bottom: solid 1px #DADFE1;
  padding: 5px; 	
}
table.product_text_items td {
  border-bottom: solid 1px #DADFE1; 	
  padding: 5px; 	
}

.preview-top {
  width: 600px;
  margin-bottom: 5px;
}
.preview-nav {
  float: right;
}

#zone_body img {
  margin: 10px;
}

#buy_list_zip_form_zip {
  width: auto;
}
/* End standard.css */

/* Begin dh.css */
/**
 *
 *  Temporary Style Sheet
 *  Style sheets will eventually be generated from templates in templates/style
 *
 */

/**
 *  TAGS
 */

    body 
    {
        margin:0px;
        padding:0px;
        background-color:#D9D9D9;
		font-size:12px;
        font-family:Arial, sans-serif;
    }

    table 
    {
        font-size:inherit;
    }

    img
    {
        border-style:none;
    }
    
    a 
    {
        color:inherit;
        text-decoration:none;
    }

    a:visited 
    {
        color:inherit;
    }

    a:hover
    {
        color:inherit;
        text-decoration:underline;
    }

    h1
    {
        font-size:14px;
		font-family:Tahoma,Arial,sans-serif;
    }
    
    h1.right_bar_h1
    {
        font-size: 14px;
        font-weight: bold;
        margin: 1em 0 1em 0.5em;
    }
    
    h2
    {
        font-size: 16px;
        margin-bottom:0px;
    }

    h3
    {
        font-size:14px;
        margin-bottom:0px;
    }

    h4
    {
        font-size:12px;
        margin-bottom:0px;
    }
/**
 * END TAGS
 */

/**
 * PAGE ELEMENTS
 */
 
    /* The inner portion of the page */


    #main_border
    {
        background: url('//images.darkhorse.com/darkhorse08/common/bg1.gif') top center repeat-y;
    }

    #main
    {
        width:1000px;
        border-color:white;
        border-width:4px;
        border-style:solid;
        background-color:white;
        margin: auto;
		padding: 0px;
    }

    /* header_top_bar */

	#header_mid_bar {
        height:77px;
        margin-bottom:5px;
	}
	
    #yellow_header
    {
        position:absolute;
        font-family:"Arial Black", Arial, sans-serif;
        font-weight:normal;
        font-size:14px;
        color:black;
        width:146px;
        height:23px;
        padding-top:5px;
        padding-bottom:2px;
        padding-left:12px;
        padding-right:0px;
        background-image:url('//images.darkhorse.com/darkhorse08/common/header_home.png');
        background-repeat:no-repeat;
        background-position:top right;
        z-index: 20;
    }

    #bottom_yellow
    {
        height:5px;
        width:1000px;
        overflow:hidden; /* for IE6 to work */
    }


	/* Below header, all pages */

    #below_header
    {
        background-image:url('//images.darkhorse.com/darkhorse08/nav/line.gif');
        background-repeat:repeat-y;
    }

    #menu
    {
        width:125px;
        font-family:Arial, sans-serif;
        float:left;
        background-color:white;
    }

    .yellow_menu_item
    {
        color:black;
        padding-top:6px;
        margin-bottom:1px;
        font-weight:bold;
    }

    .yellow_menu_item .menu_item_label
    {
        padding-left:16px;
        padding-bottom:3px;
    }
    
    .yellow_submenu_items .submenu_item .menu_item_label
    { 
    	color: #FFC30F; 
    }

    .black_menu_item
    {
        background-color:black;
        color:white;
        padding:6px;
        padding-left:16px;
        margin-bottom:1px;
        font-weight:bold;
    }

    /* Added specifically for IE */
    .black_menu_item a
    {
        color:white;
    }

    .menu_active_selector .submenu_item
    {
		/*padding-top:3px;*/
        background-color:white;
        color:black;
    }

    .submenu_item
    {
        visibility:hidden;
        position:absolute;
        overflow:hidden;
        padding-left:26px;
		font-size: 11px;
    }

    .submenu_item .submenu_item
    {
        padding-left:13px;
    }

    .submenu_item .menu_item_label
    {
        padding-left:0px;
    }

    .menu_item_label
    {
        display:block;
        cursor:pointer;
    }

    #topbar {
        margin-left: 125px;
    }
	
    .topbar-widget
    {
        position: relative;
        width: 270px;
        height: 30px;
		margin: 0px 0px 4px 5px;
		font-weight: bold;
		text-align: center;
        float: left;
    }

    .topbar-internal {
        position: relative;
        top: 8px;
    }
    
    .topbar-internal img {
        vertical-align: text-top;
    }
    
    .topbar-internal .addthis_button {
        position: relative;
        top: -1px;
        margin-left: 4px;
    }
 
    #follow-us {
        width: 320px !important;
    }
    
    #topbar .follow-us-icons a {
        position: relative;
        top: -4px;
        padding: 0px 4px;
    }
   
    #newsletter a {
        padding-right: 16px;
        background: transparent url('//images.darkhorse.com/darkhorse08/common/arrow_white.png') no-repeat center right;
    }

    /* IE6 margin hack */
    * html #newsletter_triangle
    {
        margin-right:10px; 
    }

    #black_on_white_header
    {
        background-color:black;
        font-family:Arial, sans-serif;
        font-weight:bold;
        font-size:14px;
        color:white;
        width:146px;
        height:18px;
        padding-top:6px;
        padding-bottom:6px;
        padding-left:12px;
        padding-right:0px;
        background-image:url('//images.darkhorse.com/darkhorse08/common/header_white.gif');
        background-repeat:no-repeat;
        background-position:top right;
    }

    .black_on_yellow_header
    {
        position:relative;
        background-color:transparent;
        font-family:Arial, sans-serif;
        font-weight:bold;
        font-size:14px;
        color:white;
        width:180px;
        height:18px;
        padding-top:6px;
        padding-bottom:6px;
        padding-left:12px;
		padding-right:0px;
        background-image:url('//images.darkhorse.com/darkhorse08/common/header.png');
        background-repeat:no-repeat;
        background-position:top right;
		white-space: nowrap;
    }
    
	.black_on_yellow_header a {
		color:white;
	}

/**
 * END PAGE ELEMENTS
 */

/**
 * COMMON CLASSES
 */

    .tiny_text
    {
        font-size: 10px;
        font-weight: normal;
        line-height: 14px;
    }
	
	.small_text
	{
		font-size: 11px;
        font-weight: normal;
        line-height: 16px;
	}

    .bold
    {
       font-weight:bold;
    }

    .success_text 
    {
        color:green;
    }

    .error_text 
    {
        color:red;
    }

    .form_table th
    {
        text-align:right; 
    }

    .center 
    {
        text-align:right;
    }
/**
 * END COMMON CLASSES
 */

.debug_log {
	padding: 20px;
	border: 1px solid #000000;
	overflow: hidden;
}

/* End dh.css */

/* Begin base_forms.css */
/*
Author: Tristan Waddington <tristanw@darkhorse.com>

This stylesheet implements global styles.
DO NOT modify this file! Instead, define site
specific styles in another stylesheet.

Example: tfaw_forms.css
*/

form {
    /* stub */
}

fieldset {
    border: none;
}

legend {
    color: #000;
}

label {
    display: block;
}

input,
select,
textarea {
    width: 250px;
    font-family: Arial, Verdana, sans-serif;
}

/* [attr] selector supported by IE 7+ */
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"] {
    width: 250px;
}

/* disable webkit search styles */
input[type="search"] {
    text-indent: 0px;
    --webkit-appearance: textfield;
}

input[type="radio"],
input[type="checkbox"] {
    width: auto;
}

input[type="file"] {
    /* stub */
}

input[type="number"] {
    /* stub */
}

input[type="range"] {
    /* stub */
}

input[type="color"] {
    /* stub */
}

input[type="date"] {
    /* stub */
}

button,
.button,
input[type="submit"] {
    width: auto;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 2px 6px 3px;
}

textarea {
    height: 150px;
}

option {
    /* stub */
}

optgroup {
    /* stub */
}

/* The size attr only works with monospaced fonts */
input[size] {
    font-family: Menlo, monospace;
}

/* Some useful classes */

input.placeholder-text {
    color: #a9a9a9;
}
/* End base_forms.css */

/* Begin base.css */
/*
Author: Tristan Waddington <tristanw@darkhorse.com>

This stylesheet implements global styles.
DO NOT modify this file! Instead, define site
specific styles in another stylesheet.

Example: tfaw_base.css
*/

* {
    margin: 0px;
    padding: 0px;
}

html {
    width: 100%;
    height: 100%;
    background: #fff;
}

body {
    font-family: "Neue Helvetica W01", Helvetica, Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #666;
    background: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th,
td,
caption {
    text-align: left;
    font-weight: normal;
}

img {
    border: 0;
}

cite,
address,
caption {
    font-style: normal;
    font-weight: normal;
}

ul,
ol,
li {
    list-style-type: none;
}

abbr,
acronym {
    cursor: help
}

html,
body,
ul,
ol,
li,
form,
fieldset,
legend {
    margin: 0px;
    padding: 0px;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Georgia, serif;
}

p {
    margin: 12px 0px;
}

pre,
code {
    font-family: Consolas, "Courier New", Courier, monospace;
}

.skiplink {
    display: none;
}

.clear {
    clear: both;
}

/* Horizontal menu */

ul.hmenu {
    margin: 0px;
    padding: 0px;
    width: 100%;
    overflow: hidden; /* reset float */
    list-style-type: none;
}

ul.hmenu li {
    list-style-type: none;
    float: left;
}

ul.hmenu li a {
    display: block;
    outline: none;
    float: left;
}

/* Vertical menu */

ul.vmenu {
    width: 100%;
    list-style-type: none;
}

ul.vmenu li {
    list-style-type: none;
}

ul.vmenu li a {
    display: block;
    padding: 12px;
    text-decoration: none;
    background-color: #ccc;
    border-bottom: 1px solid #a9a9a9;
}

ul.vmenu li a:hover {
    background-color: #e5e5e5;
}

/* Vertical menu submenu */

ul.vmenu li ul {
    /* stub */

}

ul.vmenu li ul li a {
    padding: 12px 36px;
    font-size: 80%;
    background-color: #fff;
}
/* End base.css */

/* Begin darkhorse_page.css */
/* Home links */

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

a:hover,
a:active {
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited,
#header .hmenu a,
.big_number {
    color: #fff;
    font-family: 'Neue Helvetica W01', sans-serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration: underline;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content h1 a:link,
#content h2 a:link,
#content h3 a:link,
#content h4 a:link,
#content h5 a:link,
#content h6 a:link,
#content h1 a:visited,
#content h2 a:visited,
#content h3 a:visited,
#content h4 a:visited,
#content h5 a:visited,
#content h6 a:visited {
    color: #222;
    line-height: 1em;
}

h1,
h2 {
    margin-bottom: 15px;
    font-size: 24px;
}

h3 {
    margin: 10px 0px;
    font-size: 18px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 12px;
}

html,
body {
    background-color: #000;
}

body {
    min-width: 960px;
    color: #444;
    font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.wrap {
    position: relative;
    width: 960px;
    margin: 0px auto;
}

#header {
    position: relative;
    height: 54px;
    background-color: #ba2d00;
    overflow: hidden;
}

#logo {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 7px 0px;
    overflow: hidden;
}

#logo h1 {
    position: absolute;
    left: -9999px;
}

#search {
    position: absolute;
    top: 15px;
    right: 0px;
}

#search fieldset {
    width: 140px;
    height: 24px;
    border: none;
    background-color: #fff;
    overflow: hidden;
}

#search legend {
    display: none;
}

#search input[type="text"] {
    width: 110px;
    padding: 4px;
    color: #666;
    font-size: 14px;
    background-color: transparent;
    border: none;
    outline: none;
    float: left;
}

#search .placeholder-text,
#search input[type="text"]::-webkit-input-placeholder {
    color: #666;
}

#search input[type="submit"] {
    display: block;
    width: 16px;
    height: 16px;
    margin: 4px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    border: none;
    background: transparent url('//images.darkhorse.com/dhc/common/search.png') no-repeat center;
}

#header .hmenu {
    position: relative;
    top: 0px;
    left: 250px;
}

#header .hmenu a {
    padding: 19px 12px 44px 12px;
    font-size: 17px;
}

#footer {
    background: #bbb;
    clear: both;
    overflow: hidden;
    color: #000;
}

#footer h3,
#footer h3 a {
    margin: 15px 0px;
    font-size: 18px;
    text-transform: none;
    color: #000;
}

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

#footer a:hover {
    text-decoration: underline;
}

.footer-block {
    max-width: 170px;
    margin: 30px 55px;
    float: left;
}

.footer-block ul {
    font-size: 13px;
    line-height: normal;
    text-transform: uppercase;
}

.legal {
    width: 160px;
    margin-right: 0px;
    color: #000;
    font-size: 9px;
    line-height: 13px;
    text-align: justify;
}

.legal .dh-direct-logo {
    display: block;
    margin-bottom: 50px
}

.legal p {
    margin-bottom: 0;
}

#content {
    padding-bottom: 30px;
    font-size: 15px;
    line-height: 17px;
    background-color: #fff;
    overflow: hidden;
}

#sub-menu {
    margin: 0px;
    margin-bottom: 30px;
    padding: 10px 0px;
    border-bottom: 1px solid #DADFE1;
    overflow: hidden;
}

.sub-menu-block {
    margin-left: 50px;
    font-size: 11px;
    text-transform: uppercase;
    float: left;
}

.sub-menu-block .social-small-icons img {
    width: 16px;
    border-radius: 3px;
    padding: 1px;
    background: black;
}

.sub-menu-block:first-child {
    margin: 0px;
}

.sub-menu-block a,
.sub-menu-block a:link {
    color: #444;
    text-decoration: none;
}

.sub-menu-block img {
    position: relative;
    top: 5px;
    margin: 2px;
}

#sub-menu .nudge img {
    margin-top: 4px;
}

#inner_content {
    width: 685px;
    padding-right: 15px;
    border-right: 1px solid #DADFE1;
    float: left;
}

#content .fullpage {
    width: 100%;
    border: none;
    float: none;
}

#right_bar {
    position: relative;
    right: 1px;
    width: 248px;
    padding-left: 10px;
    border-left: 1px solid #DADFE1;
    float: left;
}

#comic-shop-search {
    margin-bottom: 20px;
}

#comic-shop-search fieldset {
    position: relative;
}

#comic-shop-search legend {
    color: #444;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#comic-shop-search input[type="text"] {
    position: relative;
    left: 37px;
    height: 21px;
    width: 171px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #DADFE1;
    border-left: none;
    background-color: #fff;
}

#comic-shop-search input[type="submit"] {
    position: absolute;
    left: 0px;
    width: 37px;
    height: 35px;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    border: none;
    background: transparent url('//images.darkhorse.com/dhc/common/locator.png') no-repeat center;
    float: left;
    overflow: hidden;
}

#right_bar .product-digital-badge,
#right_bar .product-order-now,
#right_bar .product-affiliate-links a {
    margin-bottom: 10px;
}

#right_bar .product-affiliate-links a, #csl-zip-label {
    display: block;
    font-family: 'Neue Helvetica W01', sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 18px;
    text-transform: uppercase;
}

#product_main_image {
    width: 300px;
    float: left;
}

#product-details {
    margin-left: 320px;
}

.product-preview {
    margin: 20px 0px;
}

#product-details .product-order-now {
    margin: 20px 0px;
}

#product-details .product-order-now a,
#product-details .product-order-now a:link {
    display: block;
    min-height: 24px;
}

#product-details .product-order-now img {
    position: relative;
    top: -2px;
    margin: 0px 5px;
    float: left;
}

.product-meta dl {
    color: #A9A9A9;
}

.product-meta dt {
    font-weight: normal;
}

.cover-grid a {
    display: block;
    margin: 0px 10px 10px 0px;
    float: left;
}

.cover-grid a img {
    display: block;
}

.entry {
    margin: 15px 0px;
}

.entry .title,
.entry .title a {
    text-transform: none;
    font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-weight: normal;
}

.entry .meta {
    color: #fff;
    font-size: 11px;
}

.entry .excerpt {
    /* stub */
}

dl {
    margin: 15px 0px;
}

dt {
    margin-right: 5px;
    font-weight: bold;
    float: left;
}

/* Forms */

select {
    width: auto;
}

input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
textarea {
    padding: 5px;
    font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
    font-size: 15px;
    border: 2px solid #DADFE1;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus {
    border-color: #fff;
}

form table th,
form table td,
.form_table th,
.form_table td {
    padding: 5px;
}

.pager {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding-top: 10px;
    border-top: 1px solid #DADFE1;
}

.pager form.header_browse_control {
    display: inline;
}

.pager form.header_browse_control * {
    color: inherit;
    font-size: 100%;
}

.pager #display_images {
    float: right;
}

.gr-subscribe-button {
    border-radius: 5px;
    color: white;
    padding: 2px 6px;
    font-size: 1em;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    display: block;
    height: 20px;
    background-color: #666666;
}

/* Content Styles */

#inner_content ol,
#inner_content ul {
    margin: 10px 20px;
}

/* Styles for the ESP contest page */
#contest_form {
    width: 350px;
    padding-right: 20px;
    float: left;
}

.contest_description {
    float: left;
    padding-left: 10px;
}

/* Three Column Styles */

.left-column,
.center-column,
.right-column {
    float: left;
}

.left-column,
.right-column {
    width: 130px;
}

.center-column {
    width: 660px;
    padding: 0px 20px;
}

/* Site Messages */
.site-message {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
    background-color: #DCDCDC;
    border: 1px solid #ccc;
}

.site-message p {
    margin: 20px;
    padding: 0;
}
/* End darkhorse_page.css */