/*********************************************************************
    Purpose: Global styles definitions for eMachines
     Author: Robert Murray
    Created: October, 2005 - for eMachines redesign project
    Warning: Use caution when editing this file since many styles here
             will affect the entire site.
**********************************************************************/

@import "topnav.css";
@import "leftnav.css";

body {
    background: #4B4B4B url(../img/extras/blackgrad.gif) repeat-x top left;
    font-size: 10pt;
    font-family: Arial, sans-serif;
    color: black;
    margin: 0;
    padding: 0;
}
body#largeview {
    background: none #000;
}

#pageTop {
    display: none;
    position: absolute; top: 0; left: 0;
    height: 0;
    visibility: hidden;
}


h1 { display: none; }

h5 { font-size: 9pt; font-weight: bold; color: black; margin-top: 10px; }

ul { margin-left: 15px; }


/*  Some general-purpose styles  */

.hide { display: none; }
.caps { text-transform: uppercase; }

.centertext { 
    margin-right: auto; 
    margin-left: auto; 
    text-align: center; 
}

.clear1 {
    clear: both;
    display: block; margin: 0; padding: 0;
    height: 0px;
    overflow: hidden;
}

img { 
    display: block; 
    border: 0;
}

.sep { clear: both; height: 0; }

.title {
    font-size: 12pt;
    font-weight: bold;
    color: #01415B;
    margin-bottom: 20px;
}

/*  Had to create this 'maintitle' style below, an exact duplicate of
 *  'title' above, because the McAfee sidebar spits out a style def
 *  named 'title' that messes up the page.
 */
.maintitle {
    font-size: 12pt;
    font-weight: bold;
    color: #01415B;
    margin-bottom: 20px;
}


.subtitle {
    font-size: 10pt;
    font-weight: bold;
    color: #000;
}


/*  Special characters and text  */
.regmark {
    font-size: 65%;
    position: relative;
    bottom: 3px;
}

/* Footnote styles for product catalog/details.  Making these global because 
   the various pages including footnotes are using separate stylesheets for 
   layout, this will avoid duplication in each layout[blah].css.  */

#footnotes {
	font-size: 8pt;
    background: #F2F2F2;
    padding: 10px 20px 5px 20px;
}

.footnum {      /* Footnote number */
    font-size: 85%;
    position: relative;
    bottom: 3px;
}

.footnotenum {  /* Footnote ID number */
    font-size: 85%;
    position: relative;
    bottom: 3px; left: -5px;
}


#legal_disclaimer {
    font-size: 8pt;
    background: #F2F2F2;
	padding: 5px 20px 5px 15px;
}
#vista_disclaimer {
    font-size: 8pt;
    background: #F2F2F2;
	padding: 5px 20px 5px 15px;
}

.tinytext { font-size: 8pt; }

.divider {
    width: 560px;
    height: 9px;
    background: url(../img/nav/left_sep.gif) repeat-x;
    margin-bottom: 5px;
}


h5.inline   { float: left; }
h5.inline p { float: left; }


/* -----------------------------------------------------------------------
 *  Header logo/search/country drop-down  
 */
#toptagline {
    background: url(../img/extras/top_gradient.gif) repeat-x top left;
    position: relative;
    padding-top: 5px;
    padding-right: 5px;
}
#topLogo {
    float: left;
    padding: 5px 0 13px 10px;
}
#topLogo img {
    border: none 0;
}

/*
 *  Microsoft taglines
 */
#mstagOS { 
    color: black;
    font-size: 10pt;
    font-weight: bold; 
    text-align: right;
    padding: 0px;
}

/*
 *  These standard HTML element styles for links are the blue
 */
a {
    color: #0055aa;
    text-decoration: none;
}
a:link    { }
a:visited { }
a:hover   { text-decoration: underline; }
a:active  { color: #0055aa; }

/*
 *  These are the other type of links that are black (normal or bold).
 */
a.blacklink:link, a.blacklink:visited { 
    color: #000; font-weight: normal; text-decoration: underline; 
}
a.blacklink:hover, a.blacklink:active { 
    color: #0055aa; font-weight: normal; text-decoration: underline;      
}

a.boldlink:link, a.boldlink:visited {
    color: #000; font-weight: bold; text-decoration: underline; 
}
a.boldlink:hover, a.boldlink:active { 
    color: #0055aa; font-weight: bold; text-decoration: underline;
}
boldlink a:link, boldlink a:visited {
    color: #000; font-weight: bold; text-decoration: underline; 
}
boldlink a:hover, boldlink a:active { 
    color: #0055aa; font-weight: bold; text-decoration: underline;
}

.debug {
    display: inline;      /* Use this to hide debug info */
    margin-top: 25px;
    font: 12pt bold italic;
    color: green;
}


/*=========================================================================
 *  Contact Us page styles
 */
.contactOption {
    background-color: #f2f2f2;
    border: 1px solid #9c9c9c;
    padding: 5px 5px 20px 10px;
}

.optheader {
    background-color: #797979;
    border: 1px solid #797979;
    height: 20px;
    font-size: 11pt;
    font-weight: bold;
    color: #fff; 
    padding-top: 3px;
    padding-left: 15px;
    margin: 0;
}

.techSuppOpt {
    margin-top: 15px;
}


/*=========================================================================
 *  Popup Windows styles
 */
#containerPopPage {
    width: 596px;
    background: #fff;
}


/*  Dynamic Footnotes styles */
.footnoteid a {     /* Footnote number */
    font-size: 85%;
    position: relative;
    bottom: 3px;
    left: 2px;
}


/*=========================================================================
 *  The dollar sign and the cents about are both superscripted, but need
 *  to be in different ways and with different positional values.        
 *  These are used on the catalog and product index pages.
 */
.S2 {
    display: inline;
    font-size: 95%;
    font-weight: bold;
    position: relative; bottom: 3px; right: 0px;
}
.S1 {
    display: inline;
    font-size: 75%;
    font-weight: bold;
    position: relative; bottom: 3px; right: 2px;
}
.c {
    display: inline;
    font-size: 65%;
    position: relative; bottom: 5px; left: 2px;
}
p.price {
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 2px;
}
.startprice {
    text-align: center;
    margin-top: 0px;
    font-size: 14pt;
    font-weight: bold;
}