/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved. */
/* http://creativecommons.org/licenses/by/2.0 */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
/* link underlines tend to make hypertext less readable,
because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none;outline:none; }
/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }
/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
/* remove the inconsistent (among browsers) default ul,ol padding or margin */
/* the default spacing on headings does not match nor align with
normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/* nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
/* de-italicize address */
address { font-style:normal }
/* more varnish stripping as necessary... */
a:active, a:focus, input[type="image"] {
outline: none;
}
:focus {
-moz-outline-style: none;
}
img {
color:#000;
outline-color:#000;
outline-width:thin;
outline-style:none;
}
/* general */
img.a { display: block; margin: 1.5em auto; }
img.b { display: block; margin: 1.5em auto 0; }
/* img.c { display: block; margin: 1.5em auto 0.75em auto;} */
img.c { display: block; margin: 1.5em auto 0.75em -4px;}
/* Hyperdesk */
html { height: 100%; margin-bottom: 1px; }
body { background: #161616; color: #fff; font: normal 75%/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif; }
#header { height: 148px; background: url(../img/top-bg.jpg) repeat-x; color: #fff; position: relative; z-index: 10; }
#header h1 { display: none; }
#nav { height: 148px; width: 600px; position: relative; margin: 0 auto; background: url(../img/header.jpg) 0 0 no-repeat; }
/* active states for corresponding navigation items */
#nav.a { background-position: 0 -148px; }
#nav.b { background-position: 0 -296px; }
#nav.c { background-position: 0 -444px; }
#nav.d { background-position: 0 -592px; }
#nav li { position: absolute; top: 0; left: 0; }
#nav li a { display: block; height: 148px; text-indent: -9999em; text-decoration: none; width: 100%; overflow: hidden; outline: none; }
li#nav-home { width: 178px; left: 0; }
li#nav-home:hover a,
li#nav-home.active a { background: url(../img/header.jpg) 0 -148px no-repeat; }
li#nav-products { width: 122px; left: 178px; }
li#nav-products:hover a,
li#nav-products.active a { background: url(../img/header.jpg) -178px -296px no-repeat; }
li#nav-company { width: 125px; left: 300px; }
li#nav-company:hover a,
li#nav-company.active a { background: url(../img/header.jpg) -300px -444px no-repeat; }
li#nav-cart { width: 176px; left: 425px; }
li#nav-cart:hover a,
li#nav-cart.active a { background: url(../img/header.jpg) -425px -592px no-repeat; }
/* navigation 2nd level */
#nav li ul { display: none; }
#nav li:hover ul,
#nav li.active ul { display: block; position: absolute; top: 125px; left: 50%; margin-left: -82px; height: 100px; width: 163px; z-index: 5; }
#nav li:hover li a,
#nav li.active li a { background: none; }
#nav li ul li { display: block; height: 24px; position: static; margin: 0; padding: 0; }
#nav li ul li a { display: block; height: 24px; width: 100%; text-indent: -9999em; outline: none; }
#nav li#nav-products ul { height: 144px; }
#nav li#nav-products ul li a { background: url(/img/menu/menu_products.png) 0 0 no-repeat; }
#nav li#nav-products ul li a:hover { background: url(/img/menu/menu_products.png) 100% 0 no-repeat; }
li#nav-products ul li#nav-products-2 a { background-position: 0 -24px; }
li#nav-products ul li#nav-products-2 a:hover { background-position: 100% -24px; }
li#nav-products ul li#nav-products-3 a { background-position: 0 -48px; }
li#nav-products ul li#nav-products-3 a:hover { background-position: 100% -48px; }
li#nav-products ul li#nav-products-4 a { background-position: 0 -72px; }
li#nav-products ul li#nav-products-4 a:hover { background-position: 100% -72px; }
li#nav-products ul li#nav-products-5 a { background-position: 0 -96px; }
li#nav-products ul li#nav-products-5 a:hover { background-position: 100% -96px; }
li#nav-products ul li#nav-products-6 a { background-position: 0 -120px; }
li#nav-products ul li#nav-products-6 a:hover { background-position: 100% -120px; }
li#nav-products ul li#nav-products-7 a { background-position: 0 -144px; }
li#nav-products ul li#nav-products-7 a:hover { background-position: 100% -144px; }
li#nav-products ul li#nav-products-8 a { background-position: 0 -168px; }
li#nav-products ul li#nav-products-8 a:hover { background-position: 100% -168px; }
li#nav-products ul li#nav-products-9 a { background-position: 0 -192px; }
li#nav-products ul li#nav-products-9 a:hover { background-position: 100% -192px; }
li#nav-products ul li#nav-products-10 a { background-position: 0 -216px; }
li#nav-products ul li#nav-products-10 a:hover { background-position: 100% -216px; }
#nav li#nav-company ul { height: 144px; z-index:50;}
#nav li#nav-company ul li a { background: url(/img/menu/menu_about.png) 0 0 no-repeat; }
#nav li#nav-company ul li a:hover { background: url(/img/menu/menu_about.png) 100% 0 no-repeat;}
li#nav-company ul li#nav-company-2 a { background-position: 0 -24px; }
li#nav-company ul li#nav-company-2 a:hover { background-position: 100% -24px; }
li#nav-company ul li#nav-company-3 a { background-position: 0 -48px; }
li#nav-company ul li#nav-company-3 a:hover { background-position: 100% -48px; }
li#nav-company ul li#nav-company-4 a { background-position: 0 -72px; }
li#nav-company ul li#nav-company-4 a:hover { background-position: 100% -72px; }
li#nav-company ul li#nav-company-5 a { background-position: 0 -96px; }
li#nav-company ul li#nav-company-5 a:hover { background-position: 100% -96px; }
li#nav-company ul li#nav-company-6 a { background-position: 0 -120px; }
li#nav-company ul li#nav-company-6 a:hover { background-position: 100% -120px; }
li#nav-company ul li#nav-company-7 a { background-position: 0 -144px; }
li#nav-company ul li#nav-company-7 a:hover { background-position: 100% -144px; }
/* splash */
/*
#splash { background-color: #000;background-position:50% 0 ; background-repeat:no-repeat; height: 342px; width: 100%; position: relative;}
#tempClone { height: 342px; position: absolute; left: 0; top: 0; background-position: 50% 0; background-repeat:no-repeat; z-index: 1; width: 100%; }
*/
#splash { background: #000 url(../assets/splash/splash_01.jpg) 50% 0 no-repeat; height: 342px; width: 100%; position: relative;}
#tempClone { height: 342px; position: absolute; left: 0; top: 0; background: url(../assets/splash/splash_01.jpg) 50% 0 no-repeat; z-index: 1; width: 100%; }
#splash-inner { width: 997px; position: relative; height: 342px; margin: 0 auto; z-index: 1; }
/* #splash-inner #splash-buttons { position:absolute; bottom:26px; left:580px; } */
#splash-inner #splash-buttons { position:absolute; bottom:27px; right:8px; }
#splash-inner #splash-buttons a { text-indent:-9999px; }
#splash-inner a.view-now {text-indent:-0000px}
/*
#splash-inner a.view-now { position: absolute; bottom: 26px; left: 580px; height: 23px; width: 114px; display: block; text-indent: -9999em; text-decoration: none; background: url(../assets/buttons/view_now_1.jpg) 0 0 no-repeat; z-index: 3; overflow: hidden; }
#splash-inner a.view-now:hover { background-position: 0 100%; }
*/
#splash-inner ul { position: absolute; top: 34px; left: 580px; overflow: hidden; z-index: 2 }
#splash-inner ul li{ float: left; height: 11px; width: 10px; margin-right: 4px; }
#splash-inner ul a { width: 10px; height: 11px; display: block; background: url(../img/circle-switch.png) no-repeat; text-indent: -9999em; text-decoration: none; overflow: hidden; outline: none; }
#splash-inner ul a:hover,
#splash-inner ul a.current { background-position: 0 -11px; }
/* turning these buttons off for a while */
#splash-pager { display:none !important ; }
/* minifeatures */
#minifeatures { height: 214px; background: url(../img/minifeature-bg.jpg) repeat-x; }
#minifeatures div.a { height: 214px; background: url(../img/minifeature.jpg) 50% 0 no-repeat; position: relative; }
#minifeatures div.b { width: 997px; height: 214px; position: relative; margin: 0 auto; background: url(../img/minifeature.jpg) 50% 0 no-repeat;}
#minifeatures div.minifeatures-item { position: absolute; top: 39px; width: 216px; text-align: center;}
#minifeatures div.minifeatures-item p {text-align:center; }
#minifeatures div.minifeatures-item img{ display: block; margin: 0 27px 1em; }
#minifeatures h3 { font-size: 16px; font-weight: normal; text-align: center; margin-top: 20px;color: #070707; }
#minifeatures a { color: #fff; text-decoration: none; }
#minifeatures a:hover{ color: #3AB6FF; }
#minifeatures strong { font-size: 19px; font-weight: normal; display: block; color: #070707; text-transform: lowercase; line-height: 1; margin-bottom: 5px;}
#mf1 { left: 0; }
#mf2 { left: 264px; }
#mf3 { left: 523px; }
#mf4 { left: 781px; }
/* footer */
#footer { height: 191px; background: url(../img/footer-bg.jpg) repeat-x; }
#footer-inner { height: 191px; width: 997px; background: url(../img/footer.jpg) no-repeat; margin: 0 auto; position: relative; }
#footer-inner p { text-indent: -9999em; }
#secondary-nav { height: 13px; width: 475px; position: absolute; left: 10px; top: 19px; background: url(../img/subnav.jpg) no-repeat; }
#secondary-nav li { position: absolute; top: 0; }
#secondary-nav li a { display: block; width: 100%; height: 13px; text-indent: -9999em; text-decoration: none; overflow:hidden;}
#secondary-nav li a:hover { background: url(../img/subnav.jpg) 0 0 no-repeat; overflow: hidden; }
#secondary-nav-1 { left: 10px; width: 38px; }
li#secondary-nav-1 a:hover { background-position: -10px -13px; }
#secondary-nav-2 { left: 74px; width: 36px; }
li#secondary-nav-2 a:hover { background-position: -74px -13px; }
#secondary-nav-3 { left: 131px; width: 53px; }
li#secondary-nav-3 a:hover { background-position: -131px -13px; }
#secondary-nav-4 { left: 209px; width: 61px; }
li#secondary-nav-4 a:hover { background-position: -209px -13px; }
#secondary-nav-5 { left: 295px; width: 46px; }
li#secondary-nav-5 a:hover { background-position: -295px -13px; }
#secondary-nav-6 { left: 366px; width: 95px; }
li#secondary-nav-6 a:hover { background-position: -366px -13px; }
/* content */
.dblcol { background: #fefefe url(../img/cbgs/white-top.jpg) repeat-x; position: relative; }
#dblcol-c { background: url(../img/cbgs/white-bottom.jpg) 0 100% repeat-x;}
#dblcol-a { height: 717px; background: #BAC1C7 url(../img/cbgs/darkgray-top.jpg) repeat-x; width: 50%; position: absolute; top: 0; right: 0; z-index: 1; }
#dblcol-a-i { height: 717px; background: url(../img/cbgs/darkgray-bottom.jpg) 0 100% repeat-x; }
#dblcol-b { height: 717px; width: 997px; top: 0; margin: 0 auto; background: #fefefe url(../img/cbgs/white-top.jpg) repeat-x; z-index: 2; position: relative; overflow: hidden; font: normal 11px/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif; ; }
.dblcol .colbot { height: 653px; }
.dblcol .col1 { width: 551px; float: left; color: #52576B; display: block; }
.dblcol .col1 .colbot { background: url(../img/cbgs/white-bottom.jpg) 0 100% repeat-x; padding: 32px 23px 32px 20px; }
.dblcol .col2 { width: 446px; float: left; background: #101115 url(../img/cbgs/black-top.jpg) repeat-x; color: #fefefe; display: block; }
.dblcol .col2 .colbot { background: url(../img/cbgs/black-bottom.jpg) 0 100% repeat-x; padding: 32px 27px 32px 23px; }
.dblcol p { margin-bottom: 1.3em; text-align: justify; line-height:1.5em;}
.dblcol p.m { color: #62677B; text-align: center; }
.dblcol em { font-style: normal; font-style:italic; }
/* table of contents */
#tos { background: #fefefe url(../img/cbgs/white-top.jpg) repeat-x; }
#tos-a { background: url(../img/cbgs/white-bottom.jpg) 0 100% repeat-x }
#tos-b { width: 961px; margin: 0 auto; padding: 35px 18px 50px; color: #4D5463; font: normal 10px/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: justify; position: relative; height: 640px; }
#tos h1 { background: url(../assets/headers/tos.png) no-repeat; width: 238px; height: 24px; text-indent: -9999em; margin-bottom: 2em; }
#tos h2,
#tos h3 { font-weight: normal; margin-top: 2em; }
#tos ul { position: absolute; right: 18px; overflow: hidden;}
#tos li { float: left; width: 10px; height: 11px; margin-left: 3px; }
#tos li a { display: block; width: 10px; height: 11px; background: url(../img/circle-switch-2.png) 0 0 no-repeat; text-indent: -9999em; text-decoration: none; overflow: hidden; }
#tos li a.current,
#tos li a:hover { background-position: 0 -11px; }
#toss1 { top: 38px; }
#toss2 { bottom: 35px; }
/* the info pages are essentially duplicates of the tos page */
#info { background: #fefefe url(../img/cbgs/white-top.jpg) repeat-x; }
#info-a { background: url(../img/cbgs/white-bottom.jpg) 0 100% repeat-x }
#info-b { width: 961px; margin: 0 auto; padding: 35px 18px 50px; color: #4D5463; font: normal 10px/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: justify; position: relative; height: 640px; }
#infodark { background: #101115 url(../img/cbgs/allblack-top.jpg) repeat-x; }
#infodark-a { background: url(../img/cbgs/allblack-bottom.jpg) 0 100% repeat-x; overflow: hidden; }
#infodark-b { width: 961px; margin: 0 auto; padding: 35px 18px 50px; color: #AFB4C0; font: normal 10px/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: justify; position: relative; }
#info h1,
#infodark h1 { font-weight:bold; margin-bottom:2em;}
#info h2,
#info h3,
#infodark h2,
#infodark h3 { font-weight: normal; margin-top: 2em; }
/*
#info ul { position: absolute; right: 18px; overflow: hidden;}
#info li { float: left; width: 10px; height: 11px; margin-left: 3px; }
#info li a { display: block; width: 10px; height: 11px; background: url(../img/circle-switch-2.png) 0 0 no-repeat; text-indent: -9999em; text-decoration: none; overflow: hidden; }
#info li a.current,
#info li a:hover { background-position: 0 -11px; }
*/
/* refunds and licensing/installation policis */
#refunds { background: #fefefe url(../img/cbgs/white-top.jpg) repeat-x; }
#refunds-a { background: url(../img/cbgs/white-bottom.jpg) 0 100% repeat-x }
#refunds-b { width: 961px; margin: 0 auto; padding: 35px 18px 50px; color: #4D5463; font: normal 10px/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: justify; position: relative; height: 631px; }
#h1refunds{ background: url(../assets/headers/refund_policy.png) no-repeat; width: 208px; height: 24px; text-indent: -9999em; margin-top:0px; margin-bottom:12px;}
#h1licensing{ background: url(../assets/headers/licensing_and_drm.png) no-repeat; width: 324px; height: 24px; text-indent: -9999em; margin-top:15px; margin-bottom:12px;}
#refunds h2 { font-size:1.25em;font-weight:bold; margin-top:10px; margin-bottom:0px;}
#refunds h3 { font-weight:normal; margin-top:10px;}
#refunds p {margin-top:0px;margin-bottom:0px;}
#refunds br {padding:10px;}
/* about */
#about .col1 h1 { height: 24px; width: 148px; text-indent: -9999em; background: url(../assets/headers/about_hyperdesk.png) no-repeat; margin-bottom: 1em; }
#about .col2 h1 { height: 24px; width: 217px; text-indent: -9999em; background: url(../assets/headers/about_skinsfactory.jpg) no-repeat; margin-bottom: 1em; }
/* become an affiliate */
#affiliate .col1 h1 { height: 25px; width: 243px; text-indent: -9999em; background: url(../assets/headers/become_affiliate.png) no-repeat; margin-bottom: 1em; }
#affiliate .col2 { font-size: 10px; }
#affiliate .col2 h1 { height: 24px; width: 195px; text-indent: -9999em; background: url(../assets/headers/affiliate_faq.jpg) no-repeat; margin-bottom: 1em; }
#affiliate .col2 dt { color: #FED89A; }
#affiliate .col2 dd { margin: 0 0 1.8em; }
#affiliate .col2 ol { margin: 1em 0; }
#affiliate .col2 li { margin: 1.5em 0 0 5em; list-style: decimal; }
/* branding */
#branding .col1 { background: #F3F3F5 url(../img/cbgs/lightgray-top.jpg) repeat-x; color: #4D5463; }
#branding .col1 .colbot { background: url(../img/cbgs/lightgray-bottom.jpg) 0 100% repeat-x; padding: 32px 23px 32px 27px; }
#branding .col1 h1 { height: 24px; width: 305px; text-indent: -9999em; background: url(../assets/headers/promote_brand.jpg) no-repeat; margin-bottom: 1em; }
#branding .col2 h1 { height: 25px; width: 348px; text-indent: -9999em; background: url(../assets/headers/desktop_themes.jpg) no-repeat; margin-bottom: 1em; }
div.sub { font-size: 12px; }
div.sub p { margin: 0.2em 0; text-align: center;}
div.sub p.copy { font-size: 10px;}
#branding .col2 div.sub { color: #62677B; margin: 0 -0.75em 2em; }
#branding .col2 ul { overflow: hidden; margin: 0 auto; width: 83px; }
#branding .col2 li { float: left; width: 10px; height: 11px; margin-left: 3px; }
#branding .col2 li a { display: block; width: 10px; height: 11px; background: url(../img/circle-switch-3.png) 0 0 no-repeat; text-indent: -9999em; text-decoration: none; overflow: hidden; outline: none;}
#branding .col2 li a.current,
#branding .col2 li a:hover { background-position: 0 -11px; }
#branding div.branding-slide { position: relative; }
#branding div.branding-slide img.temporary { position: absolute; top: 0; left: 0; }
/* contact */
#contact #dblcol-a ,
#contact #dblcol-a-i,
#contact #dblcol-b { height: 500px; }
#contact .colbot { height: 436px; }
#contact .col1 { width: 457px; }
#contact .col1 h1#contact-h1-1 { height: 24px; width: 94px; text-indent: -9999em; background: url(../assets/headers/contact_us.png) no-repeat; margin-bottom: 1em; }
#contact .col1 h1#contact-h1-2 { height: 24px; width: 72px; text-indent: -9999em; background: url(../assets/headers/email_us.png) no-repeat; margin-bottom: 1em; margin-top: 30px;}
#contact .col1 strong { font-weight: bold; }
#contact .col2 { width: 540px; }
#contact .col2 h1 { height: 24px; width: 193px; text-indent: -9999em; background: url(../assets/headers/email_us.jpg) no-repeat; margin-bottom: 1em; }
#contact div.news { font-size: 11px; }
#contact div.news h2 { font-size: 1em; font-weight: normal; color: #F9F9FA; margin-bottom:0.5em;}
#contact div.news p { color: #62677B; font-size:10px; line-height:1.5em; }
#contact div.news a.read-more { display: block; text-indent: -9999em; overflow: hidden; background: url(../assets/misc/news-more1.jpg) no-repeat; text-decoration: none; height: 21px; width: 96px; margin: 1em 0 5.5em;}
#contact div.news a.read-more1 { display: block; text-indent: -9999em; overflow: hidden; background: url(../assets/misc/news-more1.jpg) no-repeat; text-decoration: none; height: 21px; width: 96px; margin: 1em 0 5.5em;}
#contact div.news a.read-more2 { display: block; text-indent: -9999em; overflow: hidden; background: url(../assets/misc/news-more2.jpg) no-repeat; text-decoration: none; height: 21px; width: 96px; margin: 1em 0 5.5em;}
#contact div.news a.read-more3 { display: block; text-indent: -9999em; overflow: hidden; background: url(../assets/misc/news-more3.jpg) no-repeat; text-decoration: none; height: 21px; width: 96px; margin: 1em 0 5.5em;}
#contact div.news a.read-more:hover { background-position: 0 -21px; }
#contact div.news a.read-more1:hover { background-position: 0 -21px; }
#contact div.news a.read-more2:hover { background-position: 0 -21px; }
#contact div.news a.read-more3:hover { background-position: 0 -21px; }
#contact .col2 ul { overflow: hidden; margin: 0 auto; position: absolute; top: 34px; right: 25px; }
#contact .col2 li { float: left; width: 10px; height: 11px; margin-left: 3px; }
#contact .col2 li a { display: block; width: 10px; height: 11px; background: url(../img/circle-switch-4.png) 0 0 no-repeat; text-indent: -9999em; text-decoration: none; overflow: hidden; }
#contact .col2 li a.current,
#contact .col2 li a:hover { background-position: 0 -11px; }
/* news */
#news #dblcol-a ,
#news #dblcol-a-i,
#news #dblcol-b { height: 500px; }
#news .colbot { height: 436px; }
#news .col1 { width: 457px; }
#news .col1 h1 { height: 24px; width: 270px; text-indent: -9999em; background: url(../assets/headers/hyperdesk_reviews.jpg) no-repeat; margin-bottom: 1em; }
#news .col2 { width: 540px; }
#news .col2 h1 { height: 24px; width: 278px; text-indent: -9999em; background: url(../assets/headers/hyperdesk_news.jpg) no-repeat; margin-bottom: 1em; }
#news div.news { font-size: 11px; }
#news div.news h2 { font-size: 1em; font-weight: normal; color: #F9F9FA; margin-bottom:0.5em;}
#news div.news p { color: #62677B; font-size:10px; line-height:1.5em; }
#news div.news a.read-more { display: block; text-indent: -9999em; overflow: hidden; background: url(../assets/misc/news-more1.jpg) no-repeat; text-decoration: none; height: 21px; width: 96px; margin: 1em 0 5.5em;}
#news div.news a.read-more1 { display: block; text-indent: -9999em; overflow: hidden; background: url(../assets/misc/news-more1.jpg) no-repeat; text-decoration: none; height: 21px; width: 96px; margin: 1em 0 5.5em;}
#news div.news a.read-more2 { display: block; text-indent: -9999em; overflow: hidden; background: url(../assets/misc/news-more2.jpg) no-repeat; text-decoration: none; height: 21px; width: 96px; margin: 1em 0 5.5em;}
#news div.news a.read-more3 { display: block; text-indent: -9999em; overflow: hidden; background: url(../assets/misc/news-more3.jpg) no-repeat; text-decoration: none; height: 21px; width: 96px; margin: 1em 0 5.5em;}
#news div.news a.read-more:hover { background-position: 0 -21px; }
#news div.news a.read-more1:hover { background-position: 0 -21px; }
#news div.news a.read-more2:hover { background-position: 0 -21px; }
#news div.news a.read-more3:hover { background-position: 0 -21px; }
#news div.reviews { font-size: 11px; }
#news div.reviews h2 { font-size: 1em; font-weight: normal; color: #000000; margin-bottom:0.5em;}
#news div.reviews p { color: #62677B; font-size:10px; line-height:1.5em; }
#news div.reviews a.read-more { display: block; text-indent: -9999em; overflow: hidden; background: url(../assets/misc/reviews-more1.jpg) no-repeat; text-decoration: none; height: 21px; width: 96px; margin: 1em 0 5.5em;}
#news div.reviews a.read-more:hover { background-position: 0 -21px; }
#news div.reviews a.read-more1 { display: block; text-indent: -9999em; overflow: hidden; background: url(../assets/misc/reviews-more1.jpg) no-repeat; text-decoration: none; height: 21px; width: 96px; margin: 1em 0 5.5em;}
#news div.reviews a.read-more2 { display: block; text-indent: -9999em; overflow: hidden; background: url(../assets/misc/reviews-more2.jpg) no-repeat; text-decoration: none; height: 21px; width: 96px; margin: 1em 0 5.5em;}
#news div.reviews a.read-more3 { display: block; text-indent: -9999em; overflow: hidden; background: url(../assets/misc/reviews-more3.jpg) no-repeat; text-decoration: none; height: 21px; width: 96px; margin: 1em 0 5.5em;}
#news div.reviews a.read-more1:hover { background-position: 0 -21px; }
#news div.reviews a.read-more2:hover { background-position: 0 -21px; }
#news div.reviews a.read-more3:hover { background-position: 0 -21px; }
#news .col2 ul { overflow: hidden; margin: 0 auto; position: absolute; top: 34px; right: 25px; }
#news .col2 li { float: left; width: 10px; height: 11px; margin-left: 3px; }
#news .col2 li a { display: block; width: 10px; height: 11px; background: url(../img/circle-switch-4.png) 0 0 no-repeat; text-indent: -9999em; text-decoration: none; overflow: hidden; }
#news .col2 li a.current,
#news .col2 li a:hover { background-position: 0 -11px; }
#news .col1 ul { overflow: hidden; margin: 0 auto; position: absolute; top: 34px; right: 560px; }
#news .col1 li { float: left; width: 10px; height: 11px; margin-left: 3px; }
#news .col1 li a { display: block; width: 10px; height: 11px; background: url(../img/circle-switch-2.png) 0 0 no-repeat; text-indent: -9999em; text-decoration: none; overflow: hidden; }
#news .col1 li a.current,
#news .col1 li a:hover { background-position: 0 -11px; }
/* team */
#team { background: #101115 url(../img/cbgs/allblack-top.jpg) repeat-x; }
#team-a { background: url(../img/cbgs/allblack-bottom.jpg) 0 100% repeat-x; overflow: hidden; }
#team-b { width: 961px; margin: 0 auto; padding: 35px 18px 50px; color: #AFB4C0; font: normal 10px/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: justify; position: relative; }
#team-hx-1 { height: 22px; width: 293px; text-indent: -9999em; background: url(../assets/headers/executive_team.jpg) no-repeat; margin-bottom: 1em; }
#team-hx-2 { height: 24px; width: 296px; text-indent: -9999em; background: url(../assets/headers/development_team.png) no-repeat; margin: 1em 0; clear: left; }
#team-hx-3 { height: 24px; width: 239px; text-indent: -9999em; background: url(../assets/headers/associates.png) no-repeat; margin: 1em 0; clear: left; }
#team-hx-4 { height: 24px; width: 236px; text-indent: -9999em; background: url(../assets/headers/hyperdesk_product_partners.png) no-repeat; margin: 1em 0; clear: left;}
#team-hx-5 { height: 24px; width: 164px; text-indent: -9999em; background: url(../assets/headers/hyperdesk_partners.png) no-repeat; margin: 1em 0; clear: left;}
div.team-huge { overflow: hidden; width: 449px; float: left; margin: 24px 0 24px 39px; line-height: 1.5; }
#team div.first { margin-left: 0; }
div.team-huge h2 { font-weight: normal; color: #F1DFAF; font-size: 11px; }
div.team-huge h2 span{ font-weight: normal; font-size: 12px; display: block;}
div.team-huge p { margin-bottom: 1em; }
div.team-huge img { float: left; margin: 0 16px 8px 0; border: 1px solid #fff; }
#team div.last { width: 117px;}
div.team-regular { overflow: hidden; width: 205px; float: left; margin: 24px 0 36px; line-height: 1.5; }
div.team-regular h2 { font-weight: normal; color: #F1DFAF; font-size: 11px; }
div.team-regular p { margin-bottom: 2px; }
div.team-regular img { display:block; margin: 0 0 12px; border: 1px solid #fff; }
#team .col1 { float: left; width: 615px; }
#team .col2 { float: left; width: 340px; }
#team .col2 li { margin-bottom: 15px; font-size: 11px;}
#team .col2 li strong{ font-weight: normal; color: #F1DFAF; display: block;}
/* homepage */
#home { background: #fefefe url(../img/cbgs/home-white.jpg) repeat-x; position: relative; }
#home-a { height: 398px; background: #BAC1C7 url(../img/cbgs/home-darkgray.jpg) repeat-x; width: 50%; position: absolute; top: 0; right: 0; z-index: 1; }
#home-b { height: 398px; width: 997px; top: 0; margin: 0 auto; background: #fefefe url(../img/cbgs/home-white.jpg) repeat-x; position: relative; overflow: hidden; font: normal 11px/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif; z-index: 2; }
#home .more { position: absolute; bottom: 31px; left: 20px; z-index: 2; height: 21px; overflow: hidden; }
#home a.more:hover img { margin-top: -21px; }
#home .col1 { width: 452px; left: 15px; top: 0; height: 398px; position: absolute;}
#home .col1 .more { left: 13px; }
#home .col2 { width: 267px; left: 468px; top: 0; height: 398px; position: absolute; }
#home .col2 .more { left: 19px; }
#home ul { position: absolute; right: 19px; overflow: hidden; bottom: 36px; }
#home li { float: left; width: 10px; height: 11px; margin-left: 3px; }
#home li a { display: block; width: 10px; height: 11px; background: url(../img/circle-switch-2.png) 0 0 no-repeat; text-indent: -9999em; text-decoration: none; overflow: hidden; outline: none;}
#home li a.current,
#home li a:hover { background-position: 0 -11px; }
#home .col3 { width: 262px; left: 735px; top: 0; height: 398px; position: absolute; }
#home .col3 li a { background-image: url(../img/circle-switch-5.png); }
#home-b .temporary { position:absolute; top:0; left:0; }
/* #home #big-shot .temporary { position:absolute; top:0; left:0; } */
/* product fullview */
.fullview { background: #101115 url(../img/cbgs/black-top.jpg) repeat-x; }
#fullview-a { background: url(../img/cbgs/black-bottom.jpg) 0 100% repeat-x; overflow: hidden; }
#fullview-b { width: 961px; margin: 0 auto; padding: 35px 18px 50px; color: #AFB4C0; font: normal 10px/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: justify; position: relative; }
#product-head { height: 69px;}
#product-head img { display: block; margin-bottom: 7px; }
/* sony ericsson */
#sonyericsson h1 { height: 20px; width: 251px; text-indent: -9999em; background: url(../assets/headers/products/sony_ericsson.jpg) no-repeat; margin-bottom: 5px; }
#sonyericsson h2 { height: 16px; width: 404px; text-indent: -9999em; background: url(../assets/headers/products/sony_ericsson_tagline.jpg) no-repeat; margin-bottom: 1em; }
#cart { position: absolute; right: 0; top: 0; height: 114px; }
#cart img { float: left; }
#cart a { float: left; position: relative; overflow: hidden; height: 112px; }
#cart a:hover img { top: -112px; position: relative; }
#fullview-slider { margin: 0 0 1em -14px; position: relative; }
#fullview-slider img { display: block; margin:0 auto;}
#fullview-slider #temp { position: absolute; top: 0; left: 0; }
#slide-options { position: relative; height: 40px; width: 100%; }
#back-to-products { position: absolute; left: 0; top: 0; width: 133px; height: 11px; background: url(../assets/cart/back-to-products.png) no-repeat; text-indent: -9999em; text-decoration: none; overflow: hidden; }
#back-to-products:hover { background-position: 0 -11px; }
#expanded-zoom { position: absolute; right: -4px; top: 0; width: 111px; height: 13px; background: url(../assets/cart/expanded-zoom.png) no-repeat; text-indent: -9999em; text-decoration: none; overflow: hidden; }
#expanded-zoom:hover { background-position: 0 -13px; }
#expanded-zoom.disabled { background-position: 0 -26px; }
#slide-options ul { overflow: hidden; margin: 0 auto; width: 83px; text-align:center;}
#slide-options li { float: left; width: 10px; height: 11px; margin-left: 3px; }
#slide-options li.product-dot a { display: block; width: 10px; height: 11px; background: url(../img/circle-switch-5.png) 0 0 no-repeat; text-indent: -9999em; text-decoration: none; overflow: hidden; outline: none; }
#slide-options li.product-dot a.current,
#slide-options li.product-dot a:hover { background-position: 0 -11px; display: block; }
#about-product { color: #ACB4B9; }
/* products */
#products #dblcol-a ,
#products #dblcol-a-i,
#products #dblcol-b { height: 800px; }
#products .colbot { height: 736px; }
#products .col1 { background: #F3F3F5 url(../img/cbgs/lightgray-top.jpg) repeat-x; color: #4D5463; width: 241px; position: relative; }
#products #dblcol-b { background: url(../img/cbgs/white-bottom.jpg) 0 100% repeat-x; }
#products .col1 .colbot { background: url(../img/cbgs/lightgray-bottom.jpg) 0 100% repeat-x; padding: 32px 0 32px 0; }
#products .col2 { width: 756px; }
#products .col1 ul { position: absolute; left: 50%; margin-left: -40px; overflow: hidden; top: 24px; width: 80px;}
#products .col1 li { float: left; width: 10px; height: 11px; margin-left: 3px; }
#products .col1 li a { display: block; width: 10px; height: 11px; background: url(../img/circle-switch-6.png) 0 0 no-repeat; text-indent: -9999em; text-decoration: none; overflow: hidden; outline: none;}
#products .col1 li a.current,
#products .col1 li a:hover { background-position: 0 -11px; }
#producttabs { margin-bottom:5px; }
.product-thumb { background: url(../img/product-thumb.png) 12px 0 no-repeat; height: 153px; margin: 1em 0 2em; padding: 12px 22px 0 24px; clear: both; }
.product-thumb img { display: block; margin: 0 0 12px 0; }
.product-thumb img.product-arrow { position: relative; left: 201px; top: -70px; margin: 0 0 -43px; }
.product-thumb a { position: relative; }
.product-thumb .name { font: normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.product-thumb .more { text-indent: -9999em; display: block; height: 21px; width: 99px; background: url(../img/ProductPageButton.png) no-repeat; text-decoration: none; float: left; overflow: hidden; margin-top: 0.75em;}
.product-thumb .more:hover { background-position: 0 -21px; }
.product-thumb .price { display: block; height: 21px; width: 70px; float: right; text-align: right; margin-top: 0.75em; }
.preview-head { height: 75px; }
#products #big-shot { display: block; margin: 0 0 1em; position: relative; padding: 0; width: 704px; }
#products #big-shot img { display: block; margin: 0; padding: 0; position:absolute; top:0; left:0 ; }
#products #big-shot #overlay { position: absolute; top: 0; left: 0; z-index:200;}
#products #big-shot #overlay a { height: 20px; width: 20px; position: absolute; display: block; left:670px; top: 20px; overflow: hidden; background: url(../img/products-close.png) no-repeat; outline: none; text-indent: -9999em;}
#products #big-shot #overlay a:hover { background-position: 0 -20px; }
#products .temporary { position:absolute; top:0; left:0; z-index:100;}
#products #preview-options { position:relative; top:364px; left:0 }
#products #product_text{ position:relative; top: 365px; left:0; }
/*
#products #big-shot { display: block; margin: 0 0 1em auto; position: relative; padding: 0; width: 704px; }
#products #big-shot img { display: block; margin: 10px auto 0; padding: 0; }
#products #big-shot img.temporary { position: absolute; top: 0; left: 0; }
#products #big-shot #overlay { position: absolute; top: -5px; left: 9px;}
#products #big-shot #overlay a { height: 20px; width: 20px; position: absolute; display: block; right: 20px; top: 20px; o/verflow: hidden; background: url(../img/products-close.png) no-repeat; outline: none; text-indent: -9999em;}
#products #big-shot #overlay a:hover { background-position: 0 -20px; }
*/
#preview-options { margin-bottom: 3em; padding-left:2px; }
#preview-options a#product_detail_link { display: block; width: 121px; height: 12px; text-indent: -9999em; text-decoration: none; overflow: hidden; background: url(../assets/cart/expanded-view.jpg) no-repeat; margin: 1em auto; }
#preview-options a#product_detail_link:hover { background-position: 0 -12px; }
#products .col2 { font-size: 10px; line-height: 1.8; color: #ACB3B9; }
#products #options { margin: 2em auto 1em; width: 300px; overflow: hidden ; }
#products #options a { display: block; height: 17px; text-indent: -9999em; text-decoration: none; overflow: hidden; float: left; outline: none; }
#products #options a.overlayActive,
#products #options a:hover { background-position: 0 -17px; }
#products #options span { color: #fff; float: left; margin: 0 20px; font-size: 12px; line-height: 17px; }
#system-requirements { background: url(../assets/cart/system-requirements.jpg) no-repeat; width: 144px; }
#extras-included { background: url(../assets/cart/extras-included.jpg) no-repeat; width: 109px; }
#how-to-install { background: url(../assets/cart/how_to_install.jpg) no-repeat;width:96px; }
#optionwrapper {
position:absolute;
bottom:2.0em;
width:690px;
height:40px;
margin:0 auto;
padding-left:16px;
}
#optionwrapper_one {
position:absolute;
bottom:2.0em;
width:690px;
height:40px;
margin:0 auto;
}
#optionwrapper_one #options {
width:96px;
}
/* other */
#other { background: #101115 url(../images/otherapps/allblack-top.jpg) repeat-x; }
#other-a { background: url(../images/otherapps/allblack-bottom.jpg) 0 100% repeat-x; overflow: hidden; }
#other-b { width: 949px; margin: 0 auto; padding: 35px 0 50px 0; color: #AFB4C0; font: normal 11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: justify; position: relative; }
#other-hx-1 { height: 22px; width: 338px; text-indent: -9999em; background: url(../images/otherapps/winxp-enhancement-applications.jpg) no-repeat; margin-bottom: 1em; }
#other .disclaimer {margin: 1em 0 1em 0; font-style: italic;}
#other strong {color: #fff; font-weight: normal;}
.other-pic-descr {color: #fff; text-align: center;}
div.other-huge {overflow: hidden; width: 456px; float: right; padding: 40px 0 20px 0; line-height: 1.5; }
div.other-huge-first { float: left; }
div.other-huge h2 {display: block; overflow: hidden; height: 18px; border-bottom: 1px solid #AEA181; background-position: left top; background-repeat: no-repeat; margin-bottom: 0.5em; font-weight: normal; color: #F1DFAF; font-size: 11px; text-indent: -10001px;}
div.other-huge #other-h2-a {background-image: url(../images/otherapps/header_1.jpg);}
div.other-huge #other-h2-b {background-image: url(../images/otherapps/header_2.jpg);}
div.other-huge #other-h2-c {background-image: url(../images/otherapps/header_3.jpg);}
div.other-huge #other-h2-d {background-image: url(../images/otherapps/header_4.jpg);}
div.other-huge a.download, div.other-huge a.download:visited {display: block; overflow: hidden; position: relative; /*top: -1.5em */; float: right; width: 80px; height: 12px; background: url(../images/otherapps/button_dld.jpg) center top no-repeat; text-indent: -10001px;}
div.other-huge a.download:hover {background-position: left -12px;}
div.other-huge h2 span{ font-weight: normal; font-size: 12px; display: block;}
div.other-huge p { margin-bottom: 2em; }
div.other-huge img { float: left; margin: 0 16px 8px 0; border: 1px solid #fff; }
#other div.last { width: 117px;}
div.other-regular { overflow: hidden; width: 205px; float: left; margin: 24px 0 36px; line-height: 1.5; }
div.other-regular h2 { font-weight: normal; color: #F1DFAF; font-size: 11px; }
div.other-regular p { margin-bottom: 2px; }
div.other-regular img { display:block; margin: 0 0 12px; border: 1px solid #fff; }
#prod-arrow-left {
height:11px
width:10px;
position:relative;
top:0;
left:-5px;
}
#prod-arrow-right{
height:11px
width:10px;
position:relative;
top:0;
right:-5px;
}
#thumb-arrow-left {
height:11px
width:10px;
position:absolute;
top:25px;
left:22px;
}
#thumb-arrow-right{
height:11px
width:10px;
position:absolute;
top:25px;
right:22px;
}
a.arrows-black-grey-left, a.arrows-black-grey-left-disabled {
background: url(/img/arrows_black_grey.jpg) 0px 0px no-repeat;
display:block;
height:11px;
overflow:hidden;
text-indent:-9999em;
width:10px;
}
a.arrows-black-grey-right, a.arrows-black-grey-right-disabled {
background: url(/img/arrows_black_grey.jpg) -10px 0px no-repeat;
display:block;
height:11px;
overflow:hidden;
text-indent:-9999em;
width:10px;
}
a.arrows-black-grey-left:hover { background-position: 0px -11px; }
a.arrows-black-grey-right:hover { background-position: -10px -11px; }
.arrows-black-grey-left-disabled { background-position: 0px -22px !important;}
.arrows-black-grey-right-disabled { background-position: -10px -22px !important;}
a.arrows-blue-white-left, .arrows-blue-white-left-disabled {
background: url(../img/arrows_blue_white.jpg) 0px 0px no-repeat;
display:block;
height:11px;
overflow:hidden;
text-indent:-9999em;
width:10px;
}
a.arrows-blue-white-right, .arrows-blue-white-right-disabled {
background: url(../img/arrows_blue_white.jpg) -10px 0px no-repeat;
display:block;
height:11px;
overflow:hidden;
text-indent:-9999em;
width:10px;
}
a.arrows-blue-white-left:hover { background-position: 0px -11px; }
a.arrows-blue-white-right:hover { background-position: -10px -11px; }
.arrows-blue-white-left-disabled { background-position: 0px -22px !important;}
.arrows-blue-white-right-disabled { background-position: -10px -22px !important;}
/* the video link at the bottom right of
* the windows xp themes,
* the playstation 3 themes,
* the desktop themes.
*/
a.videourl {
background: url(/images/video_link.jpg) 0px -13px no-repeat;
display:block;
height:13px;
overflow:hidden;
text-indent:-9999em;
width:107px;
position:absolute;
top:-1px;
right:-4px;
}
a.videourl:hover { background-position:0px 0px;}
.hidden { visibility:hidden; }
#col1_switcher { visibility:hidden}