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

/* Main content area (without header/footer) */
#homecontainerMain {
    width: 770px;
    voice-family: "\}\"";
    voice-family: inherit;
    width: 770px;
}

/*########################################################################
 * The top-half of the home page, containing two different sized boxes
 */

#topRect {
    background-color: white;
}

#topRectLeft, #topRectRight {
    height: 227px;
}

#topRectLeft  { float: left;  }
#topRectRight { float: right; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Row of grey dots between the top banner and the bottom 3 boxes 
 */
#dotrow1 {
    clear: both;
    float: left;
    width: 770px;
    height: 14px;
    border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
    background: #fff url(../img/home/BannerDots_light.gif) repeat-x left top;
}

/*########################################################################
 * The bottom-half of the home page, containing 3 separate product boxes
 */
#botRect {
    clear: both;
    margin: 0;
    background-color: white;
    width: 770px;
    height: 280px;
}

#boxtitles #btitle1, #boxtitles #btitle2, #boxtitles #btitle3 {
    float: left;
    background-color: #797979;
    width: 256px;
    height: 28px;
}
#boxtitles img {
    margin: auto;
}

#btitle2 {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

#botBox1, #botBox2, #botBox3 {
    float: left;
    width: 256px;
    height: 280px;
    background: url(../img/extras/clear.gif) repeat-y top left;
}

#botBox2 {
    border-right: 1px solid #797979;
    border-left: 1px solid #797979;
}
#botBox3 {
    float: right;
    background-color: #f2f2f2;
}


.boxText {
    display: block;  
    font-size: 9pt;  
    border: 0px none;
    margin: 2px 20px;  
}
.boxText a {
    font-weight: normal;
}

#botBox2 p.boxTitle {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    width: 255px;
}
/*  IE hack to make the three boxes align properly <sigh>  */
* html #botBox2 p.boxTitle {
    width: 254px;
}

#botBox1 img, #botBox2 img, #botBox3 img {
    margin: auto;
    display: block;
    border: 0 none;
}
#botBox3 img {
    padding-bottom: 15px;
}
#botBox2 .boxText {
	position: relative; left: 0px; top: 15px;
}


/*########################################################################
 * Country drop-down selector and related styles
 */
#coform {
	display: inline;
    margin: 0;
    padding: 0;
}

#homeCOselect {
    float: right;
    font-size: 9pt;
    margin: 0 10px 0 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}   
#homeCOselect img {
	display: inline;
    vertical-align: top;
    padding-left: 5px;
    padding-top: 1px;
	border: none;
}
#txtCOselect {
    font-size: 12px;
    padding-right: 5px;
}

#sites {
	font-size: 12px;
}
#win7upg {
    display: block;
    margin-top: 7px;
}