/* ********** CSS RESETS ********** */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, 
s, samp, sub, tt, var, dl, dt, dd, form, label, legend 
{margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */

body {font:.9em Arial, Helvetica, Verdana, sans-serif; background-color: #fff;}


/* Header */
#header {height: 106px;}
#header .company-logo {float: left; width: 364px; height: 106px;}
#header-rtside {float: right; width: 630px; height: 105px;}
#cartline {height: 37px; text-align: right;}
#cartline .cart {margin-left: 10px; width: 45px; height: 37px; float: right;}
#cartline .total {float: right; padding: 7px 9px 8px 9px; text-decoration: underline; font-weight: bold; background: url(graphics/cart-total-bg.png) repeat-x top left;}
#cartline .total a:link {text-decoration: none; color: #000;}
#cartline .total a:visited {text-decoration: none; color: #000;}
#cartline .total a:hover {text-decoration: underline; color: #0087eb;}
#cartline .total a:active {text-decoration: none; color: #000;}
#cartline .checkout {width: 111px; height: 37px; float: right;}
#cartline .totalamount {color: #900000 !important;}
#secondaryline {position: relative;}
#secondaryline .header-phone-number {position: absolute; top: 25px; right: 195px; font: normal 1.4em Arial, Verdana, sans-serif; color: #006cb7;}
#secondaryline .gplusheadericon {position: absolute; top: 25px; right: 130px; width: 41px;}
#secondaryline .mcafeeheaderseal {position: absolute; top: 8px; right: 11px;}

/* Top Search + Top Navigation */
#top-navigation {height: 39px; background: url(graphics/nav-bg.png) no-repeat;}
#top-search {float: left; width: 364px; height: 39px;}
#top-search .text-input {width: 247px; background: url(graphics/search-bg.png) no-repeat; vertical-align: top; border: none; margin: 7px 5px 0 18px; padding: 4px 2px 4px 6px;}
#top-search .go {width: 74px; height: 24px; margin-top: 7px;}
#navmenu {float: right; z-index:1000; width: 630px; height: 39px; padding:0; margin:0; list-style:none; background: url(graphics/navmenu-bg.png) no-repeat; font: normal 12px arial, verdana, Helvetica, sans-serif; letter-spacing: .7px !important;}
#navmenu li {float:left; margin: 0;}
#navmenu li a {display:block; float:left; height: 39px; line-height: 39px; text-decoration:none;}
#navmenu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
#navmenu li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;}
#navmenu li:hover {position:relative; z-index:200;}
#navmenu :hover ul {left:0; top:39px; width:210px;} /* First sub */
/* Keep the 'next' level invisible by placing it off screen. */
#navmenu ul, 
#navmenu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#navmenu :hover ul :hover ul {left: 210px; top: 0; white-space:nowrap; width: 210px; z-index:200; height:auto;} 
#navmenu :hover ul li {margin: 0; border: none;}
#navmenu :hover ul li a {width:210px; padding:0; text-indent:10px; background-color: #060606; color: #fff; height:39px; line-height:39px;}
#navmenu :hover ul li a.fly {background: #060606 url(graphics/right-arrow-active.gif) no-repeat right center;}
#navmenu :hover ul :hover {background-color:#006aba; color:#fff; background-image: none !important;}
#navmenu :hover ul :hover a.fly {background-color:#006aba; color:#fff;}
#navmenu :hover ul li.currentsub a {background:#006aba; color:#fff;}
#navmenu :hover ul li.currentsub a.fly {background: #006aba url(graphics/right-arrow.gif) no-repeat right center; color:#fff;}
#navmenu :hover ul :hover ul li a {width: 210px; padding:0; text-indent:10px; background: #060606; color: #fff;}
#navmenu :hover ul :hover ul :hover {background-color:#006aba; color:#fff;}

/* Nav Rollover Images */
#navmenu .expresstesting {background: url(graphics/nav-express-testing.png) no-repeat; width: 142px; height: 39px;}
#navmenu li:hover > a.expresstesting {background: url(graphics/nav-express-testing-hov.png) no-repeat; width: 142px; height: 39px;}
#navmenu .repair {background: url(graphics/nav-repair.png) no-repeat; width: 73px; height: 39px;}
#navmenu li:hover > a.repair {background: url(graphics/nav-repair-hov.png) no-repeat; width: 73px; height: 39px;}
#navmenu .products {background: url(graphics/nav-products.png) no-repeat; width: 83px; height: 39px;}
#navmenu li:hover > a.products {background: url(graphics/nav-products-hov.png) no-repeat; width: 83px; height: 39px;}
#navmenu .sellyourdevice {background: url(graphics/nav-sellyourdevice.png) no-repeat; width: 132px; height: 39px;}
#navmenu li:hover > a.sellyourdevice {background: url(graphics/nav-sellyourdevice-hov.png) no-repeat; width: 132px; height: 39px;}
#navmenu .gallery {background: url(graphics/nav-gallery.png) no-repeat; width: 84px; height: 39px;}
#navmenu li:hover > a.gallery {background: url(graphics/nav-gallery-hov.png) no-repeat; width: 84px; height: 39px;}
#navmenu .contactus {background: url(graphics/nav-contact-us.png) no-repeat; width: 116px; height: 39px;}
#navmenu li:hover > a.contactus {background: url(graphics/nav-contact-us-hov.png) no-repeat; width: 116px; height: 39px;}
/* End top navigation */



/* Content */
#sfnt-content {}
#media-feed {width: 325px; float: left;}
#media-feed .media-display-cap {height: 51px; background: url(graphics/media-feed-bg.gif) no-repeat top left;}
#media-feed .media-display {padding-bottom: 1px; background: url(graphics/media-display-bg.gif) repeat-y top left;}
#media-feed .endcap {width: 326px; height: 16px; background: url(graphics/media-endcap-bg.gif) no-repeat;}
#sfnt-prod-scroller {width: 673px; height: 363px; float: right;}
#sfnt-actions-wrap {height: 384px; margin-bottom: 20px; margin-top: 35px;}
#sfnt-actions-wrap .actions-left {float: left; width: 485px; height: 375px;}
#sfnt-actions-wrap .actions-right {float: right; width: 485px; height: 375px;}
#sfnt-actions-wrap h3 {font: bold 1em Arial, Verdana, sans-serif; color: #000000; padding: 0; margin: 0 0 5px 0;}
#sfnt-actions-wrap p {font-size: 12px; line-height: 18px;}
.c2a-1 {background: url(graphics/c2a-screen-repair.jpg) no-repeat; height: 117px; padding: 12px 3px 0 142px;}
.c2a-2 {background: url(graphics/c2a-diagnostic-repair.jpg) no-repeat; height: 117px; padding: 12px 3px 0 142px;}
.c2a-3 {background: url(graphics/c2a-parts.jpg) no-repeat; height: 117px; padding: 12px 3px 0 142px;}
.c2a-4 {background: url(graphics/c2a-zune-repairparts.jpg) no-repeat; height: 117px; padding: 12px 3px 0 142px;}
.c2a-5 {background: url(graphics/c2a-color-mods.jpg) no-repeat; height: 117px; padding: 12px 3px 0 142px;}
.c2a-6 {background: url(graphics/c2a-ipod-accs.jpg) no-repeat; height: 117px; padding: 12px 3px 0 142px;}
#sfnt-actions-wrap a:link {text-decoration: none; color: #000;}
#sfnt-actions-wrap a:visited {text-decoration: none; color: #000;}
#sfnt-actions-wrap a:hover {text-decoration: none; color: #000;}
#sfnt-actions-wrap a:active {text-decoration: none; color: #000;}
#sfnt-sub-footer {height: 163px; margin-bottom: 44px;}
#sfnt-sub-footer img {float: left; margin-right: 9px;}
.sfnttbl-description-cell {font-size: 12px; padding-left: 25px;}


/* Footer */
#footer ul {list-style: none;}
#footer ul, li {margin: 0; padding: 0; border: 0; outline: 0;font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
#footer {height: 213px; background: url(graphics/footer-bg.png) repeat-x top left;}
#footer .customer-links-heading {background: url(graphics/footer-heading-bg.png) no-repeat; height: 44px; text-align: right;}
#footer .customer-links-heading img{margin-right: 5px;}
#copyright-info {text-align: center; color: #1a1a1a; font-size: 11px; margin: 0 auto; width: 875px; padding-top: 22px; padding-bottom: 25px;}
#ftr-customer-links {float: left; width: 495px; height: 150px; padding-top: 12px;}
#ftr-customer-links a:link {text-decoration: none; color: #000;}
#ftr-customer-links a:visited {text-decoration: none; color: #000;}
#ftr-customer-links a:hover {text-decoration: underline; color: #0087eb;}
#ftr-customer-links a:active {text-decoration: none; color: #000;}
#ftr-customer-links ul {font-size: 11.5px; float: left;}
#ftr-customer-links li {padding: 2px 0;}
#ftr-customer-links ul.first-list {margin-left: 20px; width: 176px; height: 138px;}
#ftr-customer-links ul.second-list {width: 144px; height: 138px;}
#ftr-customer-links ul.third-list {width: 148px; height: 138px; border-right: 1px solid #cacaca;}
#footer-trustmarks {float: right; width: 495px; padding-top: 15px;}

/* General Classes & Typography */
p {line-height: 1.6em; margin-bottom: 12px;}
hr {border: none; background-color: #d0d8e0; height: 1px; width: 100%; margin: 5px 0 18px 0;}
a:link {text-decoration: none; color: #00508c;}
a:visited {text-decoration: none; color: #00508c;}
a:hover {text-decoration: underline; color: #0087eb;}
a:active {text-decoration: none; color: #00508c;}
.clearfix {clear: both;}

/* Tool tip stuff for the header's EZ Print Shipping Label button */
p#vtip {width: 399px; text-align: center; display: none; position: absolute; padding: 10px; left: 5px; font-size: 12px; background-color: #000; color: #fff; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
p#vtip #vtipArrow {display: none !important;}
p#vtip #vtipArrow img {display: none !important;}

/* original tooltip css
.tooltip {width: 399px; text-align: center; position: absolute; padding: 10px; left: 5px; font-size: 12px; background-color: #000; color: #fff; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
original tooltip css */

.tooltip {margin-left:200px; margin-top:50px; display:none; width: 399px; text-align: center; padding: 10px; font-size: 12px; background-color: #000; color: #fff; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}