/* - - - - - - CSS Document - - - - - - - - -
Title : SS
Author : Cody.Lindley@albertsons.com

Created : 3/16/07
Description:
- - - - - - - - - - - - - - - - - - - - - */

/* = Base Styles
----------------------------------------------------------------------------------------------------*/

#mainNav * {font-size:11px ; font-family: verdana,arial,helvetica,clean,sans-serif;}

/* 99% for safari; 100% is too large */
#mainNav select, input, textarea {font:99% arial,helvetica,clean,sans-serif;color:#333;}

/* Bump up !IE to get to 13px equivalent */
#mainNav pre, code {font:115% monospace;*font-size:100%;}

/* Default line-height based on font-size rather than "computed-value" */
#mainNav * {line-height:1.22em;}

/* ----- add selectors here for font sizing ----- */
#mainNav li a em, h4 {font-size: 15px;} /* =15 */
#mainNav h2 {font-size: 152%} /* =20 */

/* ----- base links ----- */
#mainNav a:link {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
#mainNav a:visited {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
#mainNav a:hover {color:#004882;outline:none;font-weight:bold;text-decoration: none;}
#mainNav a:active {color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
#mainNav a:focus{color:#009BC0;outline:none;text-decoration: none;font-weight:bold;}
#mainNav :focus { -moz-outline-style: none; }


/* ----- random base styles and styles used in conjunction with javascript ----- */
#mainNav .clearfloatNoHeight {clear: both; line-height: 0; height: 0; width:0; display: block; overflow:hidden;}
#mainNav .clearfloat {clear: both; display: block;}
#mainNav .floatRight{float:right;}
#mainNav .floatLeft{float:left;}
#mainNav img{border:none;}
#mainNav p{line-height:1.4em; margin:0 0 7px 0; text-align:left;}
#mainNav .displayNone{display:none;}
#mainNav .displayBlock{display:block;}
#mainNav hr{border-top: 1px dashed #BFBFBF;border-right: none;border-bottom: none;border-left: none;*margin-top:-3px;}
#mainNav ul, ol { list-style-position:inside;}
#mainNav fieldset{border:none;padding:0;margin:0}
#mainNav .txtCenter{text-align:center;}
.clearfloat {clear: both; display: block;}

/* ----- base h's ----- */
#mainNav h1{float:left;width:360px;padding-bottom:10px;*padding-bottom:0px;}
#mainNav h2{color:#666; margin:10px 0 10px 0;*margin:0px 0 10px 0;}
#mainNav h3{}
#mainNav h4{}
#mainNav h5{color:#0377cd;}
#mainNav h6{}

/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(../images/gfx_wizard_notDone.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#e5ac19;
	background-image: url(../images/gfx_wizard_current.gif);
}

#mainNav li.lastDone{
	background-color:#0377cd;
	background-image: url(../images/gfx_wizard_lastDone.gif);
}

#mainNav li.done{
	background-color:#0377cd;
	background-image: url(../images/gfx_wizard_done.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#888;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;
}
 #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active{
color:#000;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#FFFF99;
cursor:hand;
}

#mainNav li a em{
width:150px;
display:block;
margin:6px 0 5px 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a span{
width:140px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:71px;
display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:182px;}
#mainNav.fiveStep li a{width:182px;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:187px;}
#mainNav.fourStep li.mainNavNoBg{width:189px;}
#mainNav.fourStep li a{width:187px;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:303px;}
#mainNav.threeStep li.mainNavNoBg{width:304px;}
#mainNav.threeStep li a{width:303px;}

/* #mainNav.threeStep515 */
#mainNav.threeStep515 li{width:170px;}
#mainNav.threeStep515 li.mainNavNoBg{width:169px;}
#mainNav.threeStep515 li a{width:170px;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:395px;}
#mainNav.twoStep li a{width:395px;}
#mainNav.twoStep li a span{
width:340px;
}