/***************************************************************
NEW HOMEPAGE STYLES 
***************************************************************/
/* This is the home container, container padding style, and a fixer that clears any floats at the bottom. */
#homepageContainer {width:760px;background:#fff;}
#homepageContainer div.pad {padding:10px 10px 0px 10px;}
#homeFixer {clear:both;width:740px;height:30px;overflow:hidden;background:transparent;}

.salpContainer {background: url(/images_b2c/employee/salp_promo.jpg); width:760px; height:250px;}
.salpContainer p {width:295px; position:relative; left:344px; top:90px; margin:0px; font-weight:bold; font-size:1.2em;}
.salpContainer button {position:relative; left:344px; top:100px;}

/* These styles handle the flash content and assoicated backup. */
#widgetFlashContent {float:right;width:205px;overflow:hidden;margin-left:3px;}
#widgetFlashContent h1 {float:left;width:185px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(../images/header_red_1px.gif) #f30000 repeat-x;color:#fff;line-height:24px;text-align:center;}
#widgetFlashContent div.widget {background:#000;clear:both;border-top:1px solid #999;padding:20px 10px 20px 10px;color:#fff;text-align:center;}
#widgetFlashContent img {margin:0px auto 10px auto;}
#widgetFlashContent ul {list-style-position:outside;list-style-type:square;text-align:left;font:normal .97em arial,sans-serif;}
#widgetFlashContent a {color:#fff;font:bold .85em arial,sans-serif;}
#widgetFlashContent p {margin:0;padding:0;text-align:left;}
#tout {width:760px;height:30px;}
#tout img {display:block;}
#marquee {width:760px;height:250px;position: relative;}
#marqueeFlash {width:760px;height:250px;}
#hpmarquee {width:760px;height:250px;z-index:2;}
#deviceWidget {float:right;overflow:hidden;margin-left:1px; width:205px;}
#deviceWidget sup {font-weight:normal; font-size:0.5em;}
#deviceWidget img {float:left;}
#deviceWidget div.deviceInfo {float:left; width:100px}
#deviceWidget div.deviceInfoHorizontal {float:left; width:160px}
#deviceWidget ul {font:normal .9em arial,sans-serif; margin:5px 0;padding-left:20px;list-style-position:outside;width:100%}
#deviceWidget p {font-size:0.9em;padding-left:10px;}

/* These styles handle the 3 homepage columns. */
div.homeColumn {float:left;width:173px;margin-right:3px;}
div.homeColumn h1 {float:left;width:153px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(../images/header_red_1px.gif) #f30000 repeat-x;color:#fff;line-height:24px;}
div.homeColumn div.box {clear:left;background:url(/images_b2c/homepage/bkgd_gradient_slice.gif) #fff repeat-x;padding:7px 10px 0px 10px;font:normal 1em arial,sans-serif;height:100%;}
div.homeColumn ul {display:block;list-style-type:none;padding:0;margin:0;}
div.homeColumn ul li {padding:0px 0px 3px 0px;margin:0;}
div.homeColumn div.box div.iconLine {height:20px;overflow:hidden;margin:10px 0px 4px 0px;}
div.homeColumn div.box div.iconLine img {width:30px;height:20px;float:left;}
div.homeColumn div.box div.iconLine div {border-top:1px solid #ccc;float:left;width:117px;margin-top:10px;}
div.homeColumn p {padding:0px 0px 7px 0px;margin:0;}
div.homeColumnWide {float:left;width:259px;margin-right:4px;}
div.homeColumnWide h1 {float:left;width:239px;padding:0;margin:0;font:bold 1.2em arial,sans-serif;background:url(../images/header_red_1px.gif) #f30000 repeat-x;color:#fff;line-height:24px;}
div.homeColumnWide ul {display:block;list-style-type:none;padding:0;margin:0;}
div.homeColumnWide ul li {padding:0px 0px 3px 0px;margin:0;}
div.homeColumnWide p {padding:0px 0px 7px 0px;margin:0;}
.headLeftCurve {float:left;width:10px;height:24px;overflow:hidden;background:url(../images/header_red_left.gif) transparent no-repeat;}
.headRightCurve {float:left;width:10px;height:24px;overflow:hidden;background:url(../images/header_red_right.gif) transparent no-repeat;}
.headFormLeftCurve {float:left;width:10px;height:24px;overflow:hidden;background:url(/images_b2c/homepage/header_red_lefta.gif) transparent no-repeat;}
.headFormRightCurve {float:left;width:10px;height:24px;overflow:hidden;background:url(/images_b2c/homepage/header_red_righta.gif) transparent no-repeat;}

/* These styles handle the login box. */
/* homepage layout */
#login_form_container {position:absolute;top:20px;right:10px;width:205px;}
div.login select {width:185px;}
div.login p {float:left;font-size:11px;padding-top:5px;margin:0}
div.login a {font-size:11px;}
div.login a.border_mid {border-right:1px solid #ccc;border-left:1px solid #ccc;padding:0 5px;margin:0 5px;}
div.login label {float:left;font-size:11px;font-weight:bold;padding-top:5px;}
div.login input {width:115px;float:right;}
div.login button {margin-top:5px;float:left;}
div.login div.login_fetch {float:left;margin-left:10px;}

#loginBox .hidden {position:absolute;left:-1000em;}
#loginBox .visible {position:static;left:0;}

.fixer_10 {clear:both;overflow:hidden;width:auto;height:10px;}
.fixer_20 {clear:both;overflow:hidden;width:auto;height:20px;}

ul.hp_png li a {display:block;padding:0 0 0 25px;color:#0066CC;}
ul.hp_png li a.email {background:transparent url(/images_b2c/homepage/email_icon.png) no-repeat;}
ul.hp_png li a.rt {background:transparent url(/images_b2c/homepage/rt_icon.png) no-repeat;}
ul.hp_png li a.music {background:transparent url(/images_b2c/homepage/music_icon.png) no-repeat;}
ul.hp_png li a.games {background:transparent url(/images_b2c/homepage/games_icon.png) no-repeat;}
ul.hp_png li a.wallpaper {background:transparent url(/images_b2c/homepage/wallp_icon.png) no-repeat;}
ul.hp_png li a.web {background:transparent url(/images_b2c/homepage/web_icon.png) no-repeat;}
ul.hp_png li a.tools {background:transparent url(/images_b2c/homepage/tools_icon.png) no-repeat;}

div.index_cc {float:left;width:170px;margin-right:8px;}
div.index_cc ul {list-style: none;margin:0 0 0 0;padding:0;}
div.index_cc ul li {padding:0 0 0 8px;margin:0 0 4px 0;} 
div.index_cc ul li ul {margin-left:22px;} 
div.index_cc ul.clean li {background:none;padding:0;line-height:17px;}


div.lc_530 {float:left;width:530px;}
div.lc_530 div.left {float:left;margin-right:20px;padding-right:0;}
div.lc_530 div.right {float:left;width:310px;padding-right:45px;}
div.v_divide {float:left;margin:0 16px 0 3px;}
div.rc_190 {float:left;width:190px;}
div.rc_190 div.left {float:left;margin-right:20px;padding-right:0;}
div.rc_190 div.right {float:left;width:100px;padding-right:0;}
div.rc_190 div.right p {padding:0;margin:0 0 10px 0;}
div.lc_530 h2, div.rc_190 h2 {padding:0;margin:0;font:bold 16px/16px arial,sans-serif;}


/* emphasized links */
a.emphasized_link {background:url(/images_b2c/homepage/left_link.gif) transparent no-repeat left;padding-left:10px;font-weight:bold;}
a.emphasized_link_sm {background:url(/images_b2c/homepage/left_link_sm.gif) transparent no-repeat left;padding-left:10px;font-weight:bold;font-size:11px;}