/*
    Purpose: Product pages styles for eMachines
     Author: Robert Murray
    Created: November, 2005 - for eMachines redesign project
*/

#mainBoxHdr1, #mainBoxHdr2, #mainBoxHdr3 {
    float: left;
    display: block;
    height: 30px;
    background-color: #9c9c9c;
    text-align: center;
    border-top: 1px #fff solid;
    width: 198px;
}
#mainBoxHdr1, #mainBoxHdr2 {
    border-right: #fff 1px solid;
}

#mainBoxHdr1 a, #mainBoxHdr2 a, #mainBoxHdr3 a {
    display: block;
    color: white;
    margin-top: 0px;
    padding-top: 7px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
#mainBoxHdr1 a:hover, #mainBoxHdr2 a:hover, #mainBoxHdr3 a:hover {
    text-decoration: underline;
}
/* -------------------------------- */
#mainBox1 { clear: both; }
#mainBox1, #mainBox2, #mainBox3 {
    display: block;
    width: 198px;
    float:left;
    height: 380px;
    background: #FFF url(../img/extras/clear.gif) repeat-y top left;
    border: 1px #C2C2C2;
    border-style: none none solid none;
}
#mainBox1, #mainBox2 {
    border-right: #797979 1px solid;
}
#mainBox1 p, #mainBox2 p, #mainBox3 p {
    margin-bottom: 0px;
    padding: 0 20px;
}

#mainBox1 img, #mainBox2 img, #mainBox3 img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

/*  The dollar sign and the cents about are both superscripted, but need
 *  to be in different ways and with different positional values.        */
.S2 {
    display: inline;
    font-size: 95%;
    font-weight: bold;
    position: relative; bottom: 7px; right: 0px;
}
.S1 {
    display: inline;
    font-size: 75%;
    font-weight: bold;
    position: relative; bottom: 7px; right: 2px;
}
.c {
    display: inline;
    font-size: 65%;
    position: relative; bottom: 7px; 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;
}

/* -------------------------------- */

#prodDescription {
    font-weight: normal;
}

/*
 *  Store page 
 */
table#retailers {
    width: 560px;
    border-collapse: collapse;
    padding-top: 0px;
}
#retailers td {
    padding: 3px;
    border: 1px solid #01415C;
}
.title {
    padding: 15px 0 0 15px;
    margin-bottom: 5px;
}
#retailers a        { text-decoration: none !important; }
#retailers a:hover  { text-decoration: underline !important; color: #0055aa; }

.borderCell {
    border: 1px #AEAEAE;
    border-style: none solid none none;
    vertical-align: middle;
}

.lightRow {
    background: #FFFFFF;
/*    background: #EEF4F6; */
}

.darkRow {
    background: #FFFFFF;
/*    background: #DFEBEE; */
}

.intlHeader {
    background: #9C9C9C;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px #01415C;
    border-style: solid none;
}

.intlLight {
    background: #FFFFFF;
/*    background: #F2F2F2; */
}

.intlDark {
    background: #FFFFFF;
/*    background: #D9D9D9; */
}

.intlBorder {
    border: 1px #AEAEAE;
    border-style: none solid none none;
}

#storeTab {
    background: url(/img/extras/store_tab.gif) no-repeat top left;
    font-weight: bold;
    font-size: 9pt;
    color: #FFFFFF;
    padding: 10px;
    margin-bottom: -2px;
    width: 110px;
    text-align: center;
}

/*
#retailers td img {
    display: inline;
    position: relative; right: 0;
}
*/
#retailers td a {
    padding-left: 20px;
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - 
 *   Product Catalog STYLES for eMachines
 */

#catalogbanner {
    border-bottom: 1px solid #fff;
}

.catalogScrollbar {
    background: #01415C;
    color: #FFFFFF;
    font-size: 9pt;
    text-align: right;
    padding: 5px 0px 5px 5px;
    border: 1px #FFFFFF;
    border-style: none none solid none;
}

.catalogHeader {
    background: #797979;
    color: #FFFFFF;
    font-weight: bold;
    border: 1px #FFFFFF;
    border-style: none solid none none;
    text-align: center;
    padding: 7px 0px;
    width: 200px;
}

.catalogContent {
    width: 200px;
    background: #FFFFFF;
    padding: 5px;
    border: 1px #CFCFCF;
    border-style: none solid none none;
    vertical-align: top;
}
.catalogContent img {
}

.catalogList {
    padding-top: 20px;
    padding-left: 7px;
    margin-top: -10px;
}

.catalogBullet {
    margin-top: 10px;
    background: url(/shared/img/squaredot.gif) no-repeat top left;
    background-position: 1px 7px;
    padding: 3px 5px 0 15px;
}

.catalogSpecLight {
    width: 200px;
    background: #EEF4F6;
    padding: 5px 5px 5px 10px;
    border: 1px #C5DAE0;
    border-style: none solid none none;
    font-size: 9pt;
    vertical-align: top;
}

.catalogSpecDark {
    width: 200px;
    background: #DFEBEE;
    padding: 5px 5px 5px 10px;
    border: 1px #C5DAE0;
    border-style: none solid none none;
    font-size: 9pt;
    vertical-align: top;
}

.catalogLabelLight {
    background: #DFEBEE;
    text-align: right;
    padding: 5px 10px;
    font-weight: bold;
    vertical-align: top;
    border: 1px #C5DAE0;
    border-style: none solid none none;
}

.catalogLabelDark {
    background: #D2E3E7;
    text-align: right;
    padding: 5px 10px;
    font-weight: bold;
    vertical-align: top;
    border: 1px #C5DAE0;
    border-style: none solid none none;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - 
 *   PRODUCT DETAIL STYLES for eMachines
 */

/*
 * Product name and headline area under banner image 
 */
#prodNameBar {
    width: 100%;
    height: 30px;
    margin-bottom: 20px;
    background: #797979;
    border-top: 1px solid #fff;
}
#prodNameBar {
    color: white;
    padding-top: 9px;
}
#prodNameBar b {
    padding-left: 20px;
    padding-right: 5px;
}

/*
 *  Find-A-Store box to the right of the product description and
 *  'View Large' text and image
 */

#dlrBox {
    float: right;
    width: 196px;
    margin: 1px 0px 10px 10px;
    font-size: 9pt;
}
#storeBox {
    float: right;
    background: url(/img/extras/storebox_bg_top.gif) no-repeat top left;
    width: 196px;
    margin: 1px 0px 10px 10px;
    font-size: 9pt;
}
#storeBox img {
    clear: both;
}

#storeBoxContent {
    /* background: url(/img/extras/storebox_bg_bot.gif) no-repeat bottom left; */
    padding: 5px 0px 20px 20px;
}
#storeBox h5 {
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 20px;
}
#storeBoxLeft {
    width: 75px;
    float: left;
    font-size: 9pt;
    padding-left: 20px;
}
#storeBoxRight {
    float: left;
    width: 65px;
    font-size: 9pt;
    padding-left: 20px;
    border-left: 1px solid #D6DBDE;
}
/*
#storeBox p {
    font-size: 9pt;
    line-height: 1.5em;
    padding-top: 5px;
}
div.storeLine {
    border: solid black 1px;
    border-color: silver;
    border-left: 0px;
    border-right: 0px;
}
#storebox hr {
    height: 5px;
    outline-style: groove;
    margin-left: auto;
    margin-right: auto;
}
#storeBox input {
    border: 1px solid black;
    margin-top: 2px;
    height: 20px;
}
#storeBox a {
    line-height: 1.5em;
    font-size: 9pt;
}
*/

#viewLarge {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}
#viewLarge a {
    color: #000;
    font-weight: bold;
}
#viewLarge a:hover {
    color: #0055aa;
}
#viewLarge img {
    text-decoration: none;
    display: inline;
    position: relative; top: 5px; left: 5px;
    border: 0 none;
}

/*  List of support links inside main content box on support index page */
#whybox {
    border: 1px solid #797979;
    background-color: #f2f2f2;
    padding: 0px 50px 20px 25px;
}
#whybox h5 {
    margin: 15px 0 0px 0;
    padding: 0;
}
.whybuylist {
    margin: 2px 0 0 15px;
    padding: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - 
 *  DETAIL PAGE STYLES
 */
#specBar td {
    width: 590px;
    height: 30px;
    background: #797979;
    color: white;
    font-weight: bold;
    padding-left: 180px;
}

#containerSpecs, #containerSpecsProd {
    width: 770px;
    background-color: #eef4f6;
    margin: 0px;
    padding: 0;
}
tr.alt, tr.altnosupp {
    background-color: #dfebee;
}
tr.alt .lab, tr.altnosupp .lab {
    background-color: #d2e3e7;
}
.lab {
    display: table-cell;
    width: 174px;
    text-align: right;
    vertical-align: top;
    font-size: 90%;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: -10px;
    background-color: #dfebee;
}
.spec {
    display: table-cell;
    width: 595px;
    padding: 2px 10px 2px 10px;
    border-left: 1px solid #c5dae0; 
    color: #000;
    font-weight: normal;
}



.findzipbuy {
    display: none;
    /* float: right; */
    /* white-space: nowrap; */
    /* padding-top: 20px; */
    /* font-size: 9pt; */
    /* text-align: left; */
}
