/*
    Purpose: Support (Customer Care) section styles for eMachines
     Author: Robert Murray
    Created: November, 2005 - for eMachines redesign project
*/

div#containerHelp {
    background-color: #555;
    margin: 0;
    padding: 0;
}
#containerSpecsSupp {
    width: 596px;
    font-size: 86%;
    background-color: #eef4f6;
    margin: 0px;
    padding: 0px;
}
.lab {
    display: table-cell;
    vertical-align: top;
    width: 81px;
    text-align: right;
    font-weight: bold;
    padding-right: 3px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: -2px;
}
.spec {
    display: table-cell;
    width: 475px;
    padding: 1px 5px;
    border-left: 1px solid #c5dae0;
    color: #000;
    font-weight: normal;
}
tr.altnosupp, tr.nosupp {
    display: none;
}
tr.altnosupp .lab, tr.altnosupp .spec, tr.nosupp .lab, tr.nosupp .spec {
    display: none;
}


/*  "HOW WE CAN HELP YOU" tab */
.tabl {
    background: url(../img/extras/greytab_lt.gif) no-repeat top left #797979;
    width: 170px; 
    padding-left: 10px;
    margin-top: -20px;
}
.tabr {
    background: url(../img/extras/greytab_rt.gif) no-repeat top right;
    padding-right: 10px;
}
.tabl .tabr p {
    color: #fff;
    font-size: 9pt;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 10px;
    line-height: 3em;
}
/*
#headertab {
    background: url(../img/extras/greytab_rt.gif) no-repeat top right;
}
#headertab span {
    display: block;
    background: url(../img/extras/greytab_lf.gif) no-repeat top left;
    font-size: 9pt bold #fff;
    text-transform: uppercase;
} */

/*  List of support links inside main content box on support index page */
#helpLinks {
    clear: both;
    border: 1px solid #797979;
    background-color: #f2f2f2;
    padding: 0px 10px 10px 10px;
}   
#helpLinks p {
    margin-bottom: 10px;
}
#helpLinks p a {
    color: black;
    font-weight: bold;
}
#helpLinks a:hover {
    color: #05a;
}

#eurpptable {
    width: 560px;
    height: 555px;
    border-bottom: 1px solid #cfcfcf; 
}

.tableHeader {
    width: 546px; 
    font-weight: bold;
    color: #fff; 
    background: #797979;
    text-align: center;
    padding: 7px;
}

.rowContainer {
    width: 559px;
    border: 1px #CFCFCF solid;
    border-style: solid none none solid;
    margin-left: -1px;
    position: relative;
    clear: both;
}

.tableColumnLeft {
    position: absolute;
    top: 0;
    left: 0;
    width: 176px;
    background: #fff;
    padding: 9px 0px;
	text-align: center;
}
.tableColumnRight {
    position: absolute; top: 0; left: 182px;
    width: 367px;
    text-align: left;
    color: #000000;
    background: #EEF4F6;
    border-left: 1px #CFCFCF solid;
    padding: 1px 0px;  
}

.tableColumnRight ul, .tableColumnRight ul li {
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    list-style-type: none;
}
.tableColumnRight ul {
    margin-top: 10px;
}
.tableColumnRight a {
    /* padding-left: 100px; */
}


.supportLinkList {
    padding-left: 30px;
}

.backToTop {
    margin-bottom: 10px;
}


/*  Product Support Selection Box styles  */
#pstopimg {
    float: right;
    border: 0 none;
    margin: 10px 10px 10px 10px;
}

/*------------------------------------------------
 *  Security Center pages
 */
.secstep {
    float: left;
    width: 430px;
    border: 0 none;
    margin: 10px 3px 0px 2px;
}
.secstep ul {
    margin-left: 20px;
}
.secstepimg {
    float: left;
    width: 111px;
    border: 0 none;
    margin: auto auto;
    padding: 10px 3px 0px 10px;
}
.subtitle {
    font-size: 11pt;
    font-weight: bold;
    color: #01415B;
    margin-top: 5px;
}
#secwrap {
    width: 556px;
}
#secleft {
    float: left;
    width: 555px;
/*  margin-right: 20px; */
}
.secdivider {
    width: 555px;
    height: 9px;
    background: url(../img/nav/left_sep.gif) repeat-x;
    margin-top: 10px;
    margin-bottom: 5px;
}
.divider {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

.greyboxPS {
    width: 538px;
    height: 220px;
    border: 1px #cfcfcf solid;
    background-color: #f2f2f2;
    margin-top: -10px;
    padding: 10px;
    position: relative;
    clear: both;
}
.greyboxSupp {
    width: 538px;
    border: 1px #cfcfcf solid;
    background-color: #f2f2f2;
    margin-top: -10px;
    padding: 10px;
    position: relative;
    clear: both;
}

/*-------------------------------------------------------------------------
 *  Styles for the tabbed grey boxes found here and there
 */
#psTab {
    background: url(../img/extras/pstab_left.gif) no-repeat top left;
    width: 282px; height: 33px;
}   
    
#psTabLeft {
    height: 27px;
    color: #fff;
    font-weight: bold;
    padding: 8px 5px 0px 10px;
	margin-bottom: -2px;
    text-align: left;
    float: left;
}
/*  IE hack to make the tab bottom align properly (above psTabLeft coded for FF) */
* html #psTabLeft {
    padding-bottom: 8px;
}
#psTabRight {
    background: url(../img/extras/pstab_right.gif) no-repeat top right;
    width: 7px; height: 33px;
    float: right;
}



/*-------------------------------------------------------------------------
 *  Styles for the rebates page
 */
.rebateTable {
    border: 1px solid #797979;
}

.rebateHeader {
    background: #797979;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    border: 1px #fff;
    border-style: none none none solid;
    width: 185px;
}

.rebateSubHeader {
    font-weight: bold;
    background: #D9D9D9;
    border: 1px #AEAEAE;
    border-style: none none none solid;
    padding: 10px 0px 5px 20px;
    width: 185px;
}
.rebateContent {
    background: #F2F2F2;
    padding: 4px 5px 4px 20px;
    vertical-align: top;
    border: 1px #AEAEAE;
    border-style: none none none solid;
    width: 185px;
}

.rebateDivider {
    background: url(/img/extras/rebate_divider.gif) repeat-x;
    height: 5px;
    border: 1px #AEAEAE;
    border-style: none none none solid;
}

.retailerContent {
    vertical-align: top;
    line-height: 14pt;
    padding: 10px 0px 10px 20px;
}

.supportLinkList {
    padding-left: 30px;
}

    
/*-------------------------------------------------------------------------
 *  Styles for the warranty page
 */
.warrantyContainer {
    border: 1px #CFCFCF solid;
    width: 555px;
    height: 148px;
}   

.warrRowContainer {
    width: 555px;
    border: 1px #CFCFCF;
    border-style: solid none none none;
    position: relative;
    clear: both;
    padding: 0px;
}   
    
.warrantyHeaderLeft {
    position: absolute;
    top: 0;
    left: 0;
    width: 263px;
    text-align: center;
    float: left;
    background: #797979;
    padding: 7px;
    color: #fff;
    font-weight: bold;
}

.warrantyHeaderRight {
    width: 263px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background: #797979;
    float: right;
    padding: 7px;
}

.warrantyColumnLeft {
    position: absolute;
    top: 0;
    left: 0;
    width: 255px;
    text-align: left;
    float: left;
    background: #fff;
    padding: 10px;
}

.warrantyColumnRight {
    width: 256px;
    text-align: left;
    background: #EEF4F6;
    float: right;
    padding: 10px;
    border: 1px #CFCFCF;
    border-style: none none none solid;
}

/*--------------------------------------------------------------------------
 *  Styles for the Answers by eMachines page
 */

#sidebarContainer {
  float: right;
  width: 240px;
  height: 300px;
  margin: 0px 0px 11px 10px;
}

#sidebarHeader {
  height: 26px;
  background: #797979;
  text-align: center;
  font-weight: bold; 
  color: #FFFFFF;
  padding-top: 7px;
}

#sidebarContent {
  background: #EEF3F6;
  border: 1px solid #CFD0D2;
  padding: 10px;
}

#answersContainer {
  height: 225px;
}

.answersOptions1 { float: left; margin-left: 20px; width: 200px; }
.answersOptions2 { float: left; margin-left: 0px; width: 325px; }

/*  Support Options page  */
#sBox0 {
	margin: 0; padding: 0;
	border: 1px solid;
	width: 500px;
	height: 220px;
    margin-left: 30px; 
}
#sBox0 ul {
	padding: 0px;
}
#sBox1, #sBox2, #sBox3 {
	text-align: center;
	width: 250px;
	float: left;
	vertical-align: top;
	border-top: 7px solid #797979;
	height: 190px;
}
#sBox1 img, #sBox2 img, #sBox3 img {
	margin: auto;
}
#sBox2 .imgBox, #sBox2 .txtBox {
	border-left: 1px solid #000;
}
#sBox2 .hrsBox {
	border-left: 1px solid #fff;
}
.hrsBox {
    background-color: #797979;
    color: #fff;
	padding: 5px 0 5px 0;
}
.txtBox {
	text-align: left;
	vertical-align: top;
	padding-left: 4px;
	font-size: 90%;
	height: 87px;
}
.txtBox ul {
	margin-top: 3px;
}

/* Product Registration page */
#rBox1, #rBox2, #rBox3 {
	float: left;
	text-align: left;
	width: 150px;
	height: 200px;
	border: 1px solid #dfdfdf;
	padding: 10px;
}
#rBox1 *, #rBox2 *, #rBox3 * {
	vertical-align: top;
}
#rBox1 { margin-left: 15px; }
#rBox2 { margin-left: 5px; margin-right: 5px; }
.hdrBox {
    height: 50px;
}

#form6800 { margin: 10px; padding: 0; font-family: Times; font-size: 14px; }
#form6800 H2 { text-align: center; font-size: 18px; text-decoration: underline; margin: 20px 0;}
#form6800 .sect { margin-left: 20px;  }


/*--------------------------------
 *  Product Support page styles
 */

/* Row and Column IDs for the table */
#trowcat { vertical-align: middle; }
#trowsub { vertical-align: middle; }
#trowmod { vertical-align: middle; }

#tblSelectors {
    margin-left: 20px;
    /* visibility: hidden; */
}
#tblSelectors td {
    font-weight: bold;
    margin: 3px 0 3px 0;
}

#prodHeader {
    font-size: 13pt;
    font-weight: bold;
    color: #01415B;
    margin-top: 20px;
    margin-bottom: 0px;
}

.psListText {
    font-size: 10pt;
    font-weight: bold;
}

/*--------------------------
 *  Drop-Down Area styles 
 */
.selectbox { }


/*--------------------------
 *  Downloads Area styles 
 */
table#drivertable {
}
#drivertable td {
    display: table-cell;
    vertical-align: top;
    padding: 0px 20px 0px 20px;
}
.dlbackground {
    background-color: #eef3f6;
}
td.driverheader {
    background-color: #e0ebef;
    font-weight: bold;
}
#driverdisclaimer {
    padding: 5px 0 5px 20px;
}
.dldesc {
    color: #094b63;
    font-weight: bold;
}
/*
 *  Guides/Drivers/Specs section headings and the icon 
 */
#psGuides, #psDrivers, #psSpecs {
    padding-top: 4px;
	background-color: #fff;
}
#guides_picon a, #guides_micon a, #drivers_picon a, #drivers_micon a, #specs_picon a, #specs_micon a {  
    font-weight: bold;
    color: #000;
    text-decoration: none;
    margin-left: 20px;
    padding-bottom: 2px;
}
#guides_picon img, #guides_micon img, #drivers_picon img, #drivers_micon img, #specs_picon img, #specs_micon img {  
    display: inline;
    margin-right: 10px;
    cursor: pointer;
    font-weight: bold;
}
#guides_content, #drivers_content, #specs_content {  
    background-color: #eef3f6;
    padding-top: 2px;
    padding-bottom: 10px;
}
#drivers_content {  
    font-size: 88%;
}

/* .containerContentNoPad { background-color: #fff; }  */

#containerSpecsSupp {
    width: 596px;
    background-color: #eef4f6;
    margin: 0px;
    padding: 0;
}

#psGuides, #psDrivers, #psSpecs {
    margin-top: 5px;
}
#psGuides h3, #psDrivers h3, #psSpecs h3 {
    margin: 0; padding: 0;
    padding-left: 15px;
    padding-bottom: 5px;
}
h4.selectmsg { font-size: 13px; }

.dluserguide {
    margin-left: 20px;
}
#psSpecs .lab {
    font-size: 8pt;
}
#psSpecs * a {
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
#psSpecs table tr td a {
    font-weight: normal;
    color: #0055aa;
}
#psSpecs table tr td a:hover {
    text-decoration: underline;
}

#nosupportmessage {
    color: red;
}