/* 
background colors and images 
NOT TEXT COLORS! Those are in global-typography.css
*/
#page-wrapper { background:#fff; }
#page-top { }
#banner-toggle { background: #5f6060; background: -moz-linear-gradient(top,#303030 0%, #5f6060 4%, #454646 96%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(4%,#5f6060), color-stop(96%,#454646), color-stop(100%,#333333)); background: -webkit-linear-gradient(top,#303030 0%,#5f6060 4%,#454646 96%,#333333 100%); background: -o-linear-gradient(top,#303030 0%,#5f6060 4%,#454646 96%,#333333 100%); background: -ms-linear-gradient(top,#303030 0%,#5f6060 4%,#454646 96%,#333333 100%); background: linear-gradient(top,#303030 0%,#5f6060 4%,#454646 96%,#333333 100%); }
#home-social a.banner-social { background:url(http://csmb.staticworld.net/images/furniture/techhive/icn-banner-social_sprite.png) 0 0 no-repeat; }
#home-social a.banner-tw { background-position:-22px 0;}
#home-social a.banner-tw:hover { background-position:-22px -20px; }
#home-social a.banner-fb:hover { background-position:0 -20px; }
/* home page */
/* on the home page, the main content column is split into two */
#banner-toggle a { background:url(http://csmb.staticworld.net/images/furniture/techhive/banner-toggle-glow.png) 50% 100% no-repeat; outline:0; }
#banner-toggle a:hover { background-color:#686868; }
#banner-toggle-arrow { background:url(http://csmb.staticworld.net/images/furniture/techhive/banner-toggle-arrow_sprite.png) 0 0 no-repeat; }
#banner-toggle a:hover #banner-toggle-arrow { background-position:0 -50px; }
#banner-toggle a.open #banner-toggle-arrow { background-position:0 -100px; }
body #saved-comparisons p {padding-top:2px;}
#saved-comparisons ul { background: #fff; }
.sharing-tools { background:#fff;background:transparent; }
.features-fade { background:url(http://csmb.staticworld.net/images/furniture/techhive/features-carousel_sprite.png) -41px -182px no-repeat; }
.features-fade.right { background-position: 40px -182px; }
.premium-ltblue { background: #289cc6; background: -moz-linear-gradient(top,#289cc6 0%, #28b4e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#289cc6), color-stop(100%,#28b4e8)); background: -webkit-linear-gradient(top,#289cc6 0%,#28b4e8 100%); background: -o-linear-gradient(top,#289cc6 0%,#28b4e8 100%); background: -ms-linear-gradient(top,#289cc6 0%,#28b4e8 100%); background: linear-gradient(top,#289cc6 0%,#28b4e8 100%); }
.premium-orange { background: #d9901b; background: -moz-linear-gradient(top,#d9901b 0%, #f8a724 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9901b), color-stop(100%,#f8a724)); background: -webkit-linear-gradient(top,#d9901b 0%,#f8a724 100%); background: -o-linear-gradient(top,#d9901b 0%,#f8a724 100%); background: -ms-linear-gradient(top,#d9901b 0%,#f8a724 100%); background: linear-gradient(top,#d9901b 0%,#f8a724 100%); }
.premium-tan { background: #b1a07d; background: -moz-linear-gradient(top,#b1a07d 0%, #dbcfb5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1a07d), color-stop(100%,#dbcfb5)); background: -webkit-linear-gradient(top,#b1a07d 0%,#dbcfb5 100%); background: -o-linear-gradient(top,#b1a07d 0%,#dbcfb5 100%); background: -ms-linear-gradient(top,#b1a07d 0%,#dbcfb5 100%); background: linear-gradient(top,#b1a07d 0%,#dbcfb5 100%); }
.premium-dkgreen { background: #7ca33d; background: -moz-linear-gradient(top,#7ca33d 0%, #92c73f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ca33d), color-stop(100%,#92c73f)); background: -webkit-linear-gradient(top,#7ca33d 0%,#92c73f 100%); background: -o-linear-gradient(top,#7ca33d 0%,#92c73f 100%); background: -ms-linear-gradient(top,#7ca33d 0%,#92c73f 100%); background: linear-gradient(top,#7ca33d 0%,#92c73f 100%); }
.premium-ltgreen { background: #a7e349; background: -moz-linear-gradient(top,#a7e349 0%, #95c944 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7e349), color-stop(100%,#95c944)); background: -webkit-linear-gradient(top,#a7e349 0%,#95c944 100%); background: -o-linear-gradient(top,#a7e349 0%,#95c944 100%); background: -ms-linear-gradient(top,#a7e349 0%,#95c944 100%); background: linear-gradient(top,#a7e349 0%,#95c944 100%); }
/* panels that display over the hero slot (768-1459), next to the hero slot (> 1459), or off screen (< 481) */
.home-panel { background: #373839; background: -moz-linear-gradient(top,#636d72 60%, #373839 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#636d72), color-stop(100%,#373839)); background: -webkit-linear-gradient(top,#636d72 60%,#373839 100%); background: -o-linear-gradient(top,#636d72 60%,#373839 100%); background: -ms-linear-gradient(top,#636d72 60%,#373839 100%); background: linear-gradient(top,#636d72 60%,#373839 100%); }
/* buttons to show/hide panels */
body.news #panel-nav a#whatsHotNav,
body.reviews #panel-nav a#reviewsNav,
body.howto #panel-nav a#howtoNav,
body.videoIndex #panel-nav a#videoNav{ background: #151515; }
/*
#buzz-trending li { background:url(http://csmb.staticworld.net/images/furniture/techhive/bullet-subnav-gray.png) 0 50% no-repeat; }
#buzz-trending li:first-child { background:none; }
#buzz-commented .comment-count { background:url(http://csmb.staticworld.net/images/furniture/techhive/icn-comment-count-sm.png) 0 0 no-repeat; }
*/
.panel-col .styled-select{ }
.panel-col .styled-select select { background: transparent; }
/* links to other sections of the site */
#extra-nav-toggle a.open, body.pcworld #extra-nav-toggle a.open, body.macworld #extra-nav-toggle a.open { background-position:0 -50px; }
#extra-nav { background:#fff; box-shadow:0px 0px 3px rgba(0,0,0,.5); }
#extra-nav ul { border-left:1px solid #ccc; }
#extra-nav ul:nth-child(even) li a { background:#e8eff3; }
.int-feature { background-color:#fff; }
/* #comment-count,
.comment-count { background:url(http://csmb.staticworld.net/images/furniture/techhive/icn-comment-count.png) 0 0 no-repeat; } */
.pullquote-container p { background:url(http://csmb.staticworld.net/images/furniture/techhive/icn-pullquote.png) 0 50% no-repeat; }
/* main slider */
#network { background:#e7e7e7; }
.popError{ color:#FF0000; }
#footer { background: #4d4e4e; background: -moz-linear-gradient(top,#303030 0%, #4d4e4e 1%, #454646 99%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303030), color-stop(1%,#4d4e4e), color-stop(99%,#454646), color-stop(100%,#333333)); background: -webkit-linear-gradient(top,#303030 0%,#4d4e4e 1%,#454646 99%,#333333 100%); background: -o-linear-gradient(top,#303030 0%,#4d4e4e 1%,#454646 99%,#333333 100%); background: -ms-linear-gradient(top,#303030 0%,#4d4e4e 1%,#454646 99%,#333333 100%); background: linear-gradient(top,#303030 0%,#4d4e4e 1%,#454646 99%,#333333 100%); }
#footer-logo { background:url(http://csmb.staticworld.net/images/furniture/techhive/logo-footer-techhive.png) 0 0 no-repeat; }
#footer-logo-mw { background:url(http://csmb.staticworld.net/images/furniture/techhive/logo-footer-macworld.png) 0 0 no-repeat; }
#footer-logo-pcw { background:url(http://csmb.staticworld.net/images/furniture/techhive/logo-footer-pcworld.png) 0 0 no-repeat; }
#footer-subscribe { background:#222; }
#footer-twitter a { background:url(http://csmb.staticworld.net/images/furniture/techhive/icn-footer-twitter.png) 100% 50% no-repeat; }
a.btn-orange { background: #a3561c; background: -moz-linear-gradient(top,#d97327 0%, #a3561c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d97327), color-stop(100%,#a3561c)); background: -webkit-linear-gradient(top,#d97327 0%,#a3561c 100%); background: -o-linear-gradient(top,#d97327 0%,#a3561c 100%); background: -ms-linear-gradient(top,#d97327 0%,#a3561c 100%); background: linear-gradient(top,#d97327 0%,#a3561c 100%); }
a.btn-orange:hover { background: #d97327; background: -moz-linear-gradient(top,#a3561c 0%, #d97327 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3561c), color-stop(100%,#d97327)); background: -webkit-linear-gradient(top,#a3561c 0%,#d97327 100%); background: -o-linear-gradient(top,#a3561c 0%,#d97327 100%); background: -ms-linear-gradient(top,#a3561c 0%,#d97327 100%); background: linear-gradient(top,#a3561c 0%,#d97327 100%); }
a.icn-link { background:url(http://csmb.staticworld.net/images/furniture/techhive/icn-mono-16x16_sprite.png) 0 0 no-repeat; }
a.icn-print { background-position:0 0; }
a.icn-email { background-position:0 -50px;}
#main, article { background:#fff; }
body.slideshow article{background:transparent;}
.product-peek { background:#fff; }
.author-info { background:#e8eff3; }
.end-byline .author-info { 
background:#fff; 
box-shadow: -5px 9px 6px -12px rgba(0,0,0, 0.84) inset;
-webkit-box-shadow: -5px 9px 6px -12px rgba(0,0,0, 0.84) inset; 
-moz-box-shadow: -5px 9px 6px -12px rgba(0,0,0, 0.84) inset;
border-top: 1px solid #ccc;
}
.side-superguide { background: #219cca; background: -moz-linear-gradient(top,#219cca 0%, #28b4e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#219cca), color-stop(100%,#28b4e8)); background: -webkit-linear-gradient(top,#219cca 0%,#28b4e8 100%); background: -o-linear-gradient(top,#219cca 0%,#28b4e8 100%); background: -ms-linear-gradient(top,#219cca 0%,#28b4e8 100%); background: linear-gradient(top,#219cca 0%,#28b4e8 100%); }
.side-superguide a.btn-link { background: #d67126; background: -moz-linear-gradient(top,#d67126 0%, #c16622 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d67126), color-stop(100%,#c16622)); background: -webkit-linear-gradient(top,#d67126 0%,#c16622 100%); background: -o-linear-gradient(top,#d67126 0%,#c16622 100%); background: -ms-linear-gradient(top,#d67126 0%,#c16622 100%); background: linear-gradient(top,#d67126 0%,#c16622 100%); }
.side-superguide a.btn-link:hover { background: #c16622; background: -moz-linear-gradient(top,#c16622 0%, #d67126 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c16622), color-stop(100%,#d67126)); background: -webkit-linear-gradient(top,#c16622 0%,#d67126 100%); background: -o-linear-gradient(top,#c16622 0%,#d67126 100%); background: -ms-linear-gradient(top,#c16622 0%,#d67126 100%); background: linear-gradient(top,#c16622 0%,#d67126 100%); }
.pag-prev, .pag-next { height:100%; background-color:#f7f7f7; }
.pag-prev:before { color:#737373; display:block; font-size:12px; line-height:1.4; vertical-align:middle; text-align:center; }
.pag-next:after { color:#737373; display:block; font-size:12px; line-height:1.4; vertical-align:middle; text-align:center; }
.pag-prev:hover, .pag-next:hover { background-color:#ddd; }
/* Column Landing Page (also for blogs, etc) */
/* PREMIUM CONTENT PAGES */
.featured-premium { box-shadow: 0 5px 5px -5px rgba(0,0,0,.25); }
.premium-meta { background:#f6f6f6; }
.option-tip { background:#fefefe; box-shadow:0 0 8px rgba(0,0,0,.45); }
.option-tip .pointer { text-shadow:0 3px 3px rgba(0,0,0,.25); }
/* story package */
.story-pkg-inner p { background:#ececec url(http://csmb.staticworld.net/images/furniture/techhive/nav-elements_sprite.png) 3px -322px no-repeat; }
.story-pkg-inner li a { background:#fff url(http://csmb.staticworld.net/images/furniture/techhive/bg-story-pkg-list_sprite.png) 100% -140px no-repeat; }
.story-pkg-inner li { background:url(http://csmb.staticworld.net/images/furniture/techhive/bg-story-pkg-list_sprite.png) 0 0 no-repeat; }
.story-pkg-inner li.active { background-position:0 -75px; }
.story-pkg-inner.open p { background-position:3px -125px; }
/* Search/Directory/Filter */
.filters { background:#C2E8F6; }
.filters ul a.active { background:#28b4e8 url(http://csmb.staticworld.net/images/furniture/techhive/TMP-close-filter.png) 95% 4px no-repeat; }
.filters .search-filters ul a.active { background:none; background-color: #28b4e8; }
.filtered .excerpt.featured-result { background:#fbead6; }
body.directory .filtered header { background:#C2E8F6; }
body.directory .filtered header .flat-select { background-color:#d9d9d9; }
body.directory .filtered header .flat-select option { background-color:#d9d9d9; }
body.directory .filtered header .flat-select [selected] { background:transparent; }
.flat-select{ background:url(http://csmb.staticworld.net/images/furniture/techhive/nav-elements_sprite.png) 98% -123px no-repeat; }
.flat-select select{ background:transparent; }
/* Product Directory Results Table */
.product-results .no-review { background-color: #f7f7f7; }
.product-results td.thumb { background: #fff; }
.product-results td.compare { background: #fff url(http://csmb.staticworld.net/images/furniture/techhive/shd-directory-compare.png) 28px 50% no-repeat; }
.product-results td.compare span { background: #D97327 url(http://csmb.staticworld.net/images/furniture/techhive/related-sprite.png) 4px 0 no-repeat; }
.product-results td.compare div { background: #D97327; }
.product-results td.price a.buy-direct { background: #28b4e8; background: -moz-linear-gradient(top,#28b4e8 0%, #1691be 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28b4e8), color-stop(100%,#1691be)); background: -webkit-linear-gradient(top,#28b4e8 0%,#1691be 100%); background: -o-linear-gradient(top,#28b4e8 0%,#1691be 100%); background: -ms-linear-gradient(top,#28b4e8 0%,#1691be 100%); background: linear-gradient(top,#28b4e8 0%,#1691be 100%); }
/* Product Directory Results Ordered List */
.product-results .no-review { background-color: #f7f7f7; }
.product-results div.thumb { background: #fff; }
.product-results div.compare { background: transparent url(http://csmb.staticworld.net/images/furniture/techhive/shd-directory-compare.png) 10px 50% no-repeat; }
.product-results div.compare.comparing span { background-color: #ffffff !important; background-position: -46px 0 !important }
.product-results div.compare.comparing span:hover { background-position: -95px 0 !important; }
.product-results div.price a.buy-direct { background: #28b4e8; background: -moz-linear-gradient(top,#28b4e8 0%, #1691be 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28b4e8), color-stop(100%,#1691be)); background: -webkit-linear-gradient(top,#28b4e8 0%,#1691be 100%); background: -o-linear-gradient(top,#28b4e8 0%,#1691be 100%); background: -ms-linear-gradient(top,#28b4e8 0%,#1691be 100%); background: linear-gradient(top,#28b4e8 0%,#1691be 100%); }
.filters-catlist p { background: url(http://csmb.staticworld.net/images/furniture/techhive/nav-elements_sprite.png) -5px -325px no-repeat; }
.filters-catlist.open p { background: url(http://csmb.staticworld.net/images/furniture/techhive/nav-elements_sprite.png) -5px -128px no-repeat; }
#filters-search-term { background: #f4f4f4; }
.filters-search .flat-select { background-color: #d9d9d9; }
.filters-search .flat-select select { background: transparent; }
/* storyline */
.storyline-show-more { background:#e6eff2; }
.storyline-cap { background:#e6eff2; }
.storyline-timestamp { background: #64c4e8; background: -moz-linear-gradient(top,#64c4e8 0%, #20a0cf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64c4e8), color-stop(100%,#20a0cf)); background: -webkit-linear-gradient(top,#64c4e8 0%,#20a0cf 100%); background: -o-linear-gradient(top,#64c4e8 0%,#20a0cf 100%); background: -ms-linear-gradient(top,#64c4e8 0%,#20a0cf 100%); background: linear-gradient(top,#64c4e8 0%,#20a0cf 100%); }
.storyline-info { background:#e6eff2; }
/* storyline article */
.storyline-start-link { background:#e6eff2; }
.peek-compare { background:#d97327; }
.peek-compare span { background:url(http://csmb.staticworld.net/images/furniture/techhive/related-sprite.png) 4px 0 no-repeat; }
/* comparison table */
th.comparison-links { background: #f3f3f3; }
a.remove-compitem { background:url(http://csmb.staticworld.net/images/furniture/techhive/icn-remove.png) 0 0 no-repeat; background-size:15px 15px; }
/* download pages */
.product section.collapsible h3.collapsible-toggle { background:url(http://csmb.staticworld.net/images/furniture/techhive/nav-elements_sprite.png) -5px -320px no-repeat; }
.product section.collapsible.open h3.collapsible-toggle { background-position:-5px -125px; }
/* Business Center Landing */
/* Business Center pages should get a body class of 'business' */
.pcworld .peek-compare { background:#b91a16; }
.simple-landing-feature { background:#eee; }
.landing-banner { background:#eee; }
.side-module.whitepapers { background:#f7f7f7; }
.side-top-columns { background:#c2e8f6; }
.universalPriceColor,
.universalPriceColor a,
.universalPriceColor a:visited,
a.universalPriceColor,
a.universalPriceColor:visited,
span.universalPriceColor,
div.universalPriceColor,
.product section .price-rate.universalPriceColor h4 a,
.product section .price-rate.universalPriceColor h4 a:visited,
span.universalPriceColor span ,
.priceLink.universalPriceColor,
.priceLink.universalPriceColor a,
.priceLink.universalPriceColor a:visited,
#pricingOffers .priceLink.universalPriceColor a,
#pricingOffers .priceLink.universalPriceColor a:visited,
.side-product-data span.price.universalPriceColor,
.product-results div.price.universalPriceColor span{ color:#008D14; }
.universalPriceColor:hover,
.universalPriceColor a:hover,
a.universalPriceColor:hover,
span.universalPriceColor:hover,
div.universalPriceColor:hover,
.product section .price-rate.universalPriceColor h4 a:hover,
span.universalPriceColor span:hover ,
.priceLink.universalPriceColor:hover,
.priceLink.universalPriceColor a:hover,
#pricingOffers .priceLink.universalPriceColor a:hover,
.side-product-data span.price.universalPriceColor:hover,
.product-results div.price.universalPriceColor span:hover{ color:#004e11; }
.whereToBuyHeaderText .universalPriceColor strong{ color:#202020; }
div.badgeHeader{ display:block; text-indent:-7000px; width:61px; height:80px; overflow:hidden; margin-bottom:10px; }
span.businessReadyInline{ display:inline-block; padding-left:5px; width:32px; height:17px; }
@media only screen and (min-width:320px) and (max-width:767px) { 
/* phones, handhelds smaller than iPad */
.pag-prev:before { margin-right:0; }
.pag-next:after { margin-left:0; }
#mobile-nav-toggle { background: #eeeeee; background: -moz-linear-gradient(top,#eeeeee 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); background: -webkit-linear-gradient(top,#eeeeee 0%,#cccccc 100%); background: -o-linear-gradient(top,#eeeeee 0%,#cccccc 100%); background: -ms-linear-gradient(top,#eeeeee 0%,#cccccc 100%); background: linear-gradient(top,#eeeeee 0%,#cccccc 100%); }
#section-nav a, #site-nav a,
body.news #panel-nav a#whatsHotNav,
body.reviews #panel-nav a#reviewsNav,
body.howto #panel-nav a#howtoNav,#site-nav a,
#section-nav a,
body.pcworld #site-nav a,
body.pcworld #section-nav a,
body.macworld #site-nav a,
body.macworld #section-nav a { background:none; }
}
@media only screen and (max-width:768px) { 
/* portrait tablet */
#comment-count { background:none; }
}
@media only screen and (min-width:768px) and (max-width:768px) { 
.pag-prev, .pag-next { background-color:#F7F7F7; background-image:none; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi){ 
a.icn-link { background-image: url(http://csmb.staticworld.net/images/furniture/techhive/icn-mono-32x32_sprite.png); -moz-background-size: 16px 75px; -o-background-size: 16px 75px; -webkit-background-size: 16px 75px; background-size: 16px 75px; }
a.remove-compitem { background:url(http://csmb.staticworld.net/images/furniture/techhive/icn-remove@2x.png) 0 0 no-repeat; -moz-background-size:15px 15px; -o-background-size:15px 15px; -webkit-background-size:15px 15px; background-size:15px 15px; }
#banner-toggle-arrow { background-image:url(http://csmb.staticworld.net/images/furniture/techhive/banner-toggle-arrow_sprite@2x.png); 
-moz-background-size: 36px 128px; -o-background-size: 36px 128px; -webkit-background-size: 36px 128px; background-size:36px 128px; }
body.techhive #logo a.banner-logo { background:url(http://csmb.staticworld.net/images/furniture/techhive/logo-banner-techhive-lg.png) 0 0 no-repeat !important; background-size:86% !important; }
body.pcworld #logo a.banner-logo { background:url(http://csmb.staticworld.net/images/furniture/techhive/logo-banner-pcworld-lg.png) 0 0 no-repeat !important; background-size:86% !important; }
body.macworld #logo a.banner-logo { background:url(http://csmb.staticworld.net/images/furniture/techhive/logo-banner-macworld-lg.png) 0 0 no-repeat !important; background-size:86% !important; }
#footer-logo { background-size:86%; }
#footer-logo-mw { background-size:86%; }
#footer-logo-pcw { background-size:86%; }
}