/* CSS Document */
/*content styles--------------------------------------------------------------*/

/* gpw 7.3.07  010001 add slides to home page  copied from NES*/
.hpMsgArea{
	border:1px solid #32659c;
	padding:1px;
}
.hpPrimary #hpMsg{
	background-color:#32659c;
	width:724px;
/*	height:232px;*/
}
.hpPrimary #hpMsgControlClip{
	border-bottom:1px solid #32659c;   /* border around slide buttons */
	width:475px;
	margin:1px 0px;
    margin-bottom:0px;
	height:18px;
	display:block;
	text-align:right;
}
#hpMsgController{
	width:470px;
    margin-left:8px;
	height:15px;
	z-index:1;
	position:relative;
	top:-28px;      /* position of slide choice buttons */
	text-align:right;
}

#hpMsgController .playPause{
	width:21px;
	height:15px;
	float:right;
	margin:8px 0px 0px 0px;
    margin-right: 2px;
	display:inline;
}
#hpMsgController .hpSlideOff{
	background-color:#fff;
	border:1px solid #32659C;
	width:18px;
	height:13px;
	float:right;
	text-indent:2px;
	margin:10px 0px 0px 3px;
    margin-right: 2px;
	text-align:center;
	display:inline;
	color:#32659C;
	cursor:pointer;
}
#hpMsgController .hpSlideOn{  /* this is the mouseover */
	background-color:#32659C;
	border:1px solid #32659C;
	width:18px;
	height:13px;
	float:right;
	text-indent:2px;
	margin:10px 0px 0px 3px;
    margin-right: 2px;
    text-align:center;
	display:inline;
	color:#f0dcb2;
	cursor:pointer;
}
#hpMsgController .hpSlideAct{ /* this is when selected */
/*	background:url('/images/hp_slide_act.gif') no-repeat bottom;*/
	border:1px solid #32659C;
    background-color: #32659C;
	width:18px;
	height:13px;
	float:right;
	text-indent:2px;
	margin:10px 0px 0px 3px;
    margin-right: 2px;
	text-align:center;
	display:inline;
	color:#f0dcb2;
	cursor:pointer;
}
#html>body #hpMsgController .hpSlideAct{
/*	background:url('/images/hp_slide_act.gif') no-repeat bottom;*/
	border:1px solid #32659C;
    background-color: #32659C;
	width:18px;
	height:13px;
	float:right;
	text-indent:2px;
	margin:10px 0px 0px 3px;
    margin-right: 2px;
	text-align:center;
	display:inline;
	color:#f0dcb2;
}
.hpPrimary #slideContent{
	background-color:white;
	width:475px;
	height:269px;
	cursor:pointer;
	border:1px solid #32659c;
}

/* gpw 7.3.07   */


#hpLeftCol{
	width:961px;
	float:left;
	clear:both;
	padding:12px 0px 0px 15px;
}
#hpPromoPanel{
	background:#fff url('/images/promo_panel_bg.gif') no-repeat;
	width:191px;
	height:122px;
	display:block;
	float:left;
	padding-left:4px;
}
#hpTopPanel{
	width:936px;
	display:table;
	padding:10px 0px 16px 11px;
}
#hpTopPanel div table{
	width:100%;
}
#regstrWelcome{	
	width:210px;
	display:table;
	float:left;
	color:#666;
	margin:0px 29px 0px 0px;
}
#regstrWelcome span{
	width:200px;
	float:left;
	line-height:20px;
}
#regstrWelcome input{
	width:93px;
	font-size:10px;
	padding:2px 0px 2px 3px;
}
#findWhat{
	width:228px;
	display:table;
	float:left;
	margin:0px 20px 0px 0px;
}
#findWhat div{
	width:168px;
	float:left;
	padding:3px 0px 0px 0px;
}
#findWhat input{
	width:156px;
	font-size:10px;
	color:#000;
	margin:0px 0px 4px 0px;
	font-family:Arial, Helvetica, sans-serif;
}
#findWhat select{
	width:222px;
	font-size:10px;
	color:#000;
	margin:4px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
}
#findWhat a:link, #findWhat a:visited{
	font-size:10px;
	text-decoration:none;
}
#findWhat a:hover{
	font-size:10px;
	text-decoration:underline;
}
#placeOdr{
	width:219px;
	display:table;
	float:left;
	color:#666;
	margin:0px 35px 0px 0px;
}
#placeOdr #hpReorder{
	float:left;
	margin:7px 0px 0px 12px;
}
#placeOdr input{
	width:75px;
	color:#000;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#placeOdr a:link, #placeOdr a:visited{
	font-size:11px;
	text-decoration:none;
	float:right;
	line-height:17px;
}
#placeOdr a:hover{
	font-size:11px;
	text-decoration:underline;
	float:right;
	line-height:17px;
}
#marktng{
	width:170px;
	display:table;
	float:left;
}
#marktng ul{
	padding:0px;
	margin:0px;
}
#marktng li{
	background:url('/images/hp_toppanel_bullet.gif') no-repeat 0px 7px;
	padding:2px 0px 2px 6px;
	margin:0px;
	list-style-type:none;
}
.topPanelTtl{
	background:url('/images/hp_hdng_underline.gif') no-repeat right;
	width:100%;
	height:19px;
	padding:0px 0px 6px 0px;
}
.hpSpacer{
	font-size:1px;
	height:8px;
}
/*Primary product marketing/sales styles--------------------------------------*/
.hpPrimaryContainer{
	width:486px;
	margin:0px 10px 0px 0px;
	float:left;
}
.hpPrimary{
/*	background:url('/images/hp_primary_area_bg.gif') repeat-y;   gpw 7.03.07   */
	width:486px;
	height:279px;
	float:left;
	display:table;
	text-align:center;
}
.hpPrimaryTp{
 /*	background:url('/images/hp_primary_area_tp.gif') no-repeat bottom;   gpw 7.03.07   */
	width:100%;
	height:6px;
	height:2px;     /* gpw 7.05.07  for slides only */
	float:left;
	font-size:1px;
}
.hpPrimaryBtm{
/*	background:url('/images/hp_primary_area_btm.gif') no-repeat;  gpw 7.03.07   */
	width:100%;
	height:11px;
	float:left;
}


/*Secondary product marketing/sales styles------------------------------------*/
.hpSecondaryContainer{
	width:241px;
	margin:0px 10px 0px 0px;
	float:left;
}
.hpSecondary{
	background:url('/images/hp_secondary_area_bg.gif') repeat-y;
	width:241px;
	height:279px;
	float:left;
	display:table;
	text-align:center;
}
.hpSecondaryTp{
	background:url('/images/hp_secondary_area_tp.gif') no-repeat;
	width:100%;
	height:6px;
	float:left;
	font-size:1px;
}
.hpSecondaryBtm{
	background:url('/images/hp_secondary_area_btm.gif') no-repeat;
	width:100%;
	height:11px;
	float:left;
}
/*Tertiary product marketing/sales styles-------------------------------------*/
.hpTertiaryContainer{
	width:199px;
	float:left;
}
.hpTertiary{
	background:url('/images/hp_tertiary_area_bg.gif') repeat-y;
	width:199px;
	height:279px;
	float:left;
	display:table-cell;
	line-height:50px;
	text-align:center;
	vertical-align:middle;
}
.hpTertiaryTp{
	background:url('/images/hp_tertiary_area_tp.gif') no-repeat;
	width:100%;
	height:6px;
	float:left;
	font-size:1px;
}
.hpTertiaryBtm{
	background:url('/images/hp_tertiary_area_btm.gif') no-repeat;
	width:100%;
	height:11px;
	float:left;
}
/*profit data content area styles---------------------------------------------*/
#profitDataContainer{
	width:947px;
	float:left;
	padding:0px 0px 8px 0px;
}
.profitDataTp{
	background:url('/images/hp_profit_tp.gif') no-repeat;
	width:100%;
	height:6px;
	float:left;
	font-size:1px;
}
.profitData{
	background:url('/images/hp_profit_bg.gif') repeat-y;
	width:947px;
	height:77px;
	display:table;
	float:left;
}
.profitDataBtm{
	background:url('/images/hp_profit_btm.gif') no-repeat;
	width:100%;
	height:10px;
	float:left;
}
.profitData div.fltLft{
	width:90px;
}
.profitData div.fltLft span{
	padding:3px 0px 0px 12px;
	float:left;
}
.profitData div.fltLft a:link, .profitData div.fltLft a:visited, .profitData div.fltLft a:hover{
	margin:13px 0px 0px 13px;
	float:left;
}
.hpScrlPanel{
	width:852px;
	padding:0px 5px 0px 0px;
	float:left;
}
#hpPrev{
	float:left;
	padding:0px 5px;
}
html > body #hpPrev{
	float:left;
	padding:0px 5px;
	z-index:999;
}
 
#hpNext{
	float:right;
	padding:0px 5px;
}
.hpScrlData{
	background-color:#fff;
	width:146px;
	height:69px;
	float:left;
	padding:2px 2px 2px 6px;
}
.styleBrandName{
	width:143px;
	float:left;
}
.hpScrlData div{
	width:143px;
	float:left;
	color:#6f6f6e;
}
.hpScrlSpacer{
	width:6px;
	height:72px;
	float:left;
}
.hpScrlTtl{
	width:73px;
	color:#000;
	font-weight:bold;
	float:left;
}
.hpPrdctSizeRateClip{
	width:135px;
	float:left;
}
.hpPrdctSizeRate{
	color:#d3423d;
	float:left;
}
/*------------------------*/
.inputContainer{
	width:208px;
	padding:0px 0px 3px 0px;
	float:left;
}
.inputContainer #inputUsernm{
	float:left;
	margin:0px 8px 0px 0px;
	color:#8b8b8b;
	font-size:11px;
}
.inputContainer #inputPass{
	float:right;
	color:#8b8b8b;
	font-size:11px;
}
.hpUserPassContainer span{
	float:left;
}
.hpUserPassContainer div{
	width:85px;
	float:left;
}
.hpUserPassContainer div a:link, .hpUserPassContainer div a:visited, .hpUserPassContainer div a:hover{
	font-size:10px;
}
.hpUserPassContainer img{
	float:right;
	margin:5px 0px 0px 0px;
}
.hpNewuser{
	width:100%;
	padding:6px 0px 0px 0px;
	float:left;
}
.hpNewuser div{
	font-weight:bold;
	color:#666;
	float:left;
	padding:0px 0px 0px 0px;
}
.hpNewuser img{
	float:right;
}

/*Footer styles*/
#hold{ 
	position: absolute; 
	overflow:hidden;
	width:800px; 
	height:75px;
	float:right;
	z-index:6;
}
html > body #hold{ 
	position: absolute; 
	overflow:hidden;
	width:800px; 
	height:75px;
	float:right;
	z-index:6;
	left:125px;
}
#wn{ 
	position:absolute; 
	width:800px; 
	height:80px; 
	overflow:hidden;
	float:left;
	z-index:1;
}
html > body #wn{ 
	position:absolute; 
	width:850px; 
	height:80px; 
	overflow:hidden;
	left:10px;
	float:left;
}
div#lyr1{ 
	position:absolute; 
	visibility:hidden; 
	left:0px; 
	top:0px; 
	z-index:1; 
}
#t1{
	display:block;
}

