/* 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 #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 */ /* Begin prettyPhoto.css */ 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} div.pp_default .pp_top .pp_middle{background:url(../../images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(../../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} 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_next:hover{background:url(../../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(../../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(../../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_expand:hover{background:url(../../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(../../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} div.pp_default .pp_contract:hover{background:url(../../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{background:url(../../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} 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_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static} 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 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;width:20px} div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px} div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;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:700;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} div.pp_default .pp_bottom .pp_middle{background:url(../../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(../../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(../../images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(../../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(../../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(../../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} 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} div.light_rounded .pp_arrow_next{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(../../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(../../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(../../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} div.dark_rounded .pp_description{color:#fff;margin-right:85px} 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} div.dark_rounded .pp_arrow_next{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(../../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(../../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} 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 .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(../../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(../../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(../../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(../../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(../../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{background:url(../../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} 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} div.dark_square .pp_arrow_next{background:url(../../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(../../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(../../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(../../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(../../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(../../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(../../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{background:url(../../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} 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} div.light_square .pp_arrow_next{background:url(../../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(../../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(../../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(../../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(../../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(../../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(../../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(../../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(../../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(../../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(../../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(../../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{background:url(../../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(../../images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(../../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} 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} 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} div.facebook .pp_previous:hover{background:url(../../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(../../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(../../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(../../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} 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_content{height:40px;min-width:40px} * html .pp_content{width:40px} .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} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px} .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 rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .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 .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{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0} .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} div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* End prettyPhoto.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 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 { margin-bottom: 10px; } #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 */