/* 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 .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; } /* END */ /* End product.css */ /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ /* ---------------------------------- Default Theme ----------------------------------- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(../../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(../../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(../../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(../../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(../../images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(../../images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(../../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(../../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(../../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(../../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(../../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(../../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(../../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(../../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(../../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 12px 12px; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(../../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(../../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(../../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(../../images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(../../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(../../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(../../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(../../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(../../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(../../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(../../images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(../../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(../../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(../../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(../../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(../../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(../../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(../../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(../../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(../../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(../../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(../../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(../../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(../../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(../../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(../../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(../../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(../../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(../../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(../../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(../../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(../../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(../../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(../../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(../../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(../../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(../../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(../../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(../../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(../../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(../../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(../../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(../../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(../../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(../../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(../../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(../../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(../../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(../../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(../../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(../../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(../../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } /* 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 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 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; } #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: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; } /* 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 */