/***************/
 /* RIBBON WIDE */
/***************/
#ribbonWideCon  {display: block; width: 944px; height: 189px; position: relative; left: 10px; top: 5px; background: url(../../../media/images/ribbon_bg_wide.jpg) no-repeat 0px 0px; overflow: hidden; z-index: 10;}
	#ribbonWideCon ul.ribbonNav  {display: block; width: 924px; height: 33px; position: absolute; top: 0px; left: 12px; margin: 8px 0px 0px 0px; padding: 0px; z-index: 20;}
		#ribbonWideCon ul.ribbonNav li  {display: block; float: left; width: 111px; height: 33px; margin: 0px;}
			#ribbonWideCon ul.ribbonNav li.spacer  {width: 242px;}
			#ribbonWideCon ul.ribbonNav li.spacer_withReview  {width: 131px;}
			#ribbonWideCon ul.ribbonNav li a  {display: block; width: 111px; height: 26px; background: none; text-align: center; color: #FFFFFF; padding: 7px 0px 0px 0px;}
			#ribbonWideCon ul.ribbonNav li a[disabled="disabled"]  {display: block; width: 111px; height: 26px; background: none; text-align: center; color: #FFFFFF; padding: 7px 0px 0px 0px; opacity:0.4; filter:alpha(opacity=40);}			
				#ribbonWideCon ul.ribbonNav li a:hover  {color: #ee2d24;}
				#ribbonWideCon ul.ribbonNav li a:hover[disabled="disabled"]  {color: #FFFFFF; cursor:default}
				#ribbonWideCon ul.ribbonNav li a.selected  {background: url(../../../media/images/ribbon_nav_selected.png) no-repeat 0px 0px; color: #0081c6;}
				
		#ribbonWideCon a {color:#000;}
			#ribbonWideCon a:hover {text-decoration:none; background-color: transparent; color: #ee2d24;}
        #ribbonWideCon h3 {bottom:0px; position:absolute; padding:0px; margin:0px; left:70px; color:#fff; font-size:1.0em; font-weight:normal;font-family: Arial, Helvetica Neue, Helvetica, sans-serif;}

	#ribbonWideCon #createCon  {display: none;width: 931px; height: 108px; position: absolute;   top: 43px; left: 6px;}
	#ribbonWideCon #createCardCon  {display: none;width: 931px; height: 108px; position: absolute;   top: 43px; left: 6px;}
	#ribbonWideCon #addressCon  {display: none;width: 931px; height: 108px; position: absolute;   top: 43px; left: 6px;}
	#ribbonWideCon #previewCon  {display: none;width: 931px; height: 108px; position: absolute;   top: 43px; left: 6px;}
	#ribbonWideCon #templateCon  {display: none;width: 931px; height: 108px; position: absolute;   top: 43px; left: 6px;}
        
	#ribbonWideCon #accountCon  {display: none;width: 931px; height: 108px; position: absolute;   top: 43px; left: 6px;}
	#ribbonWideCon #systemCon  {display: none;width: 931px; height: 108px; position: absolute;   top: 43px; left: 6px;}
    #ribbonWideCon #mergeSetupCon {display: none;width: 931px; height: 108px; position: absolute; top: 43px; left: 6px;}

	#ribbonWideCon ul.steps  {display: block; width: 400px; height: auto; position: absolute; bottom: 19px; left: 8px; margin: 0px; padding: 0px; color: #cce6f4; font-weight: bold; font-size: .9em;}
		#ribbonWideCon ul.steps li  {display: block; float: left; width: auto; height: auto; margin: 0px; padding: 0px;}
			#ribbonWideCon ul.steps li.separator  {display: block; width: 23px; height: 15px; background: url(../../../media/images/step_separator.gif) no-repeat 8px 5px;}
			#ribbonWideCon ul.steps li label  {color: #cce6f4;}
    			#ribbonWideCon ul.steps li span.selected  {color: #0081c6;}
			
	#ribbonWideCon .selected {display: block;}