/* - - - - - - CSS Document - - - - - - - - -
Title : SS
Author : Cody.Lindley@albertsons.com
http://worcesterwideweb.com/2007/06/04/jquery-wizard-plugin/

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

/* = Base Styles
----------------------------------------------------------------------------------------------------*/
/* east - blue 336699 active
visited - 003366
inactive 333333

not done yet   old --> new
#EBEBEB  --> #333333
currentlyActive   old --> new
#C36615 --> #336699
visited   old --> new
#7C8437 --> #003366
*/

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

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

/* ----- base h's ----- */
h2{color:#666; margin:10px 0 10px 0;*margin:0px 0 10px 0;}
h3{}
h4{}
h5{color:#336699;}
h6{}

/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav{clear:both;}
#mainNav span{
	height:29px;
	list-style:none;
	float:left;
	background-repeat: no-repeat;
	background-position: right top;
	font-size:12px;
	padding-left:5px;
	font-family:MyrialPro,Arial, Helvetica, san-serif;
	border-bottom:0px solid black;
	padding-top:1px;
}

#mainNav span.current{
	color:#FFFFFF;
	font-weight:bold;
	background-image: url(../images_interface/wizard/navCurrentBtn.png);
	cursor:default;
}

#mainNav span.lastDone{
	background-image: url(../images_interface/wizard/navLastDoneBtn.png);
	cursor:pointer;
	color:#CCE0FF;
	font-weight:bold;
}

#mainNav span.done{
	background-image: url(../images_interface/wizard/navDoneBtn.png);
	font-weight:bold;
	color:#CCE0FF;
	cursor:pointer;
}
#mainNav span.notCurrent{
	color:#CCE0FF;
	font-weight:bold;
	background-image: url(../images_interface/wizard/navBtn.png);
}

#mainNav span.mainNavNoBg{
background-image:none;
color:#CCE0FF;
font-weight:bold;
background-image: url(../images_interface/wizard/navBtnEnd.png);
}


.startOverDiv{float:left; margin-top:0px;margin-right:0px;margin-left:0px;padding-top:2px;font-variant:small-caps;background-image: url(../images_interface/wizard/navDoneBtn.png);color:#CCE0FF; height:27px; padding-left:5px;padding-right:5px;}
a.startOverLink{}
a.startOverLink:Link{color:#CCE0FF;padding-top:5px; text-decoration:underline;}
a.startOverLink:Hover{color:#FF6600;padding-top:5px;text-decoration:underline;}
a.startOverLink:Visited{color:#CCE0FF;padding-top:5px;text-decoration:underline;}

.tabText{margin-top:4px;}
/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:182px;}
#mainNav.fiveStep li a{width:182px;}

/* #mainNav.fourStep */
#mainNav.fourStep{width:450px; float:left;}
#mainNav.fourStep span{width:80px;overflow:hidden;}
#mainNav.fourStep span.mainNavNoBg{width:80px;overflow:hidden;}

#topNextPrevContainer{float:right; width:158px;height:32px;overflow:hidden;}


.topNextPrevSubTabs{margin-top:-27px;}
#mainNavSub{clear:both}
#mainNavSub span{
	height:14px;
	list-style:none;
	float:left;
	background-repeat: no-repeat;
	background-position: right top;
	font-size:11px;
	padding-left:0px;
	padding-right:8px;
	font-family:MyrialPro,Arial, Helvetica, san-serif;
	border-bottom:0px solid black;
}

#mainNavSub span.currentSub{
	color:#ffffff;
	font-weight:bold;
	background-image: url(../images_interface/wizard/sub_navCurrentBtn.png);
	cursor:default;
}

#mainNavSub span.lastDoneSub{
	background-image: url(../images_interface/wizard/sub_navLastDoneBtn.png);
	cursor:pointer;
	color:#CCE0FF;
	font-weight:bold;
}

#mainNavSub span.doneSub{
	background-image: url(../images_interface/wizard/sub_navDoneBtn.png);
	font-weight:bold;
	color:#CCE0FF;
	cursor:pointer;
}
#mainNavSub span.notCurrentSub{
	color:#CCE0FF;
	font-weight:bold;
	background-image: url(../images_interface/wizard/sub_navBtn.png);
}

#mainNavSub span.mainNavSubNoBg{
background-image:none;
color:#CCE0FF;
font-weight:bold;
background-image: url(../images_interface/wizard/sub_navBtnEnd.png);
}
.tabTextSub{margin-top:0px;}
/* #mainNavSub.fourStep */
#mainNavSub.fourStepSub span{overflow:hidden;}
#mainNavSub.fourStepSub span.mainNavSubNoBg{overflow:hidden;}





#wizardpanel {
	background-color: transparent; 
	display:none;

}
	#wiz_subTab_navItem {
	background-color: transparent; 
	/*margin:5px;*/
	display:none;
}
#wizardcontent {
	
}
#wizardwrapper{width:100%; border:1px solid pink;}
#wiz_subTab_navCont{width:100%; /*margin:5px;*/}
.wizardBody{width:100%; clear:both; margin-left:0px;}
.wiz_tab_contWrap{display:none;}
.wiz_subTab_contWrap{width:100%; clear:both; margin-left:0px; }
.wizardMainTitle{width:100%; clear:both;margin-left:0px; font-size:16px;}
.wizardMainTitleSub{width:100%; clear:both;margin-left:0px; font-size:16px;}


/* BUTTONS */
.buttons{margin-right:0px;clear:both; float:right;}
.buttonsSub{margin-right:0px;clear:both;float:right;}
.next {float:right}
.previous {float:left}
.nextSub {float:right}
.previousSub {float:left}
.semiTransparent{opacity:0.3;}


.wizard_content_container{width:100%; clear:both;}
.dil_container{width:425px;float:left;border:0px solid pink;}
.dil_name_container{width:100%; clear:both;}
.dil_nameHidden{display:none;position:relative;}
.dil_name_image{clear:both;}
.dil_name_ExtraCont{width:100%; clear:both;}
.dil_name_phone{clear:both;margin-top:2px;}
.dil_name_email{clear:both;margin-top:8px;}
.dil_name_phoneHidden{position:absolute}
.dil_name_emailHidden{position:absolute}
.dil_name_imageHidden{position:absolute}
.wizard_dialog_container{padding-left:10px; padding-top:0px; width:490px;float:left;border:0px solid yellow; padding-top:0px;background-image:url(../images_interface/wizard/design/gradient_bg.jpg); background-position:top; background-repeat:repeat-x;background-color:#c4bfbf;}
.wizard_dialog_containerNoPad{padding-top:0px;}
.wizard_pLongDesc{font-size:12px;clear:both;}
.cursorHand{cursor:pointer;}

a.linkButton:Link{font-size:12px; color:#FFFFFF;}
a.linkButton:Visited{font-size:12px; color:#FFFFFF; }
a.linkButton:Hover{font-size:12px; color:#FF6600; }
.helpButton{height:10px;overflow:hidden;font-size:10px;font-weight:bold;}
/*http://www.filamentgroup.com/examples/buttonFrameworkCSS/*/
.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button2 { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; }
/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }
.fg-button-icon-left { padding-left: 20px; }
.fg-button-icon-leftLink { padding-left: 20px; }
.fg-button-icon-right { padding-right: 20px; }
.fg-button-icon-left .ui-icon { right: auto; left: -20px; margin-left: 0; }
.fg-button-icon-leftLink .ui-icon { right: auto; left: 2px; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: 20px; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 10px;  }
.wizard_product_title{padding-left:25px; padding-top:10px;}
.wizard_priceGuide{margin-left:}
.wizard_row1{clear:both; width:100%;margin-top:0px;}
.wizardHelpItemContainer{display:none;}

/*http://webdesignerwall.com/demo/jquery-sequential/jquery-sequential-list.html*/

#step {
	margin: 10px 0 20px;
	padding: 0;
	
}
#step li {
	padding: 0px 0 0px 35px;
	margin: 0 0 0px;
	list-style: none;
	
}
#step .title {
	font: 19px Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
	margin: 0 0 0px;
	color:#486175;
	float:left;
	padding:0px;
}
#step .title2Line {
	line-height:normal;
}
.stepTitle{
	font-family: Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
	font-size:24px;
	margin: 10 0 15px;
	color: #472209;
	float:left;
	margin-top:10px;
}
.fullWidth{float:left;}
#step .item1 {
	background: url(../images_interface/wizard/step_1.png) no-repeat; background-position:top left;
}
#step .item2 {
	background: url(../images_interface/wizard/step_2.png) no-repeat;background-position:top left;
}
#step .item3 {
	background: url(../images_interface/wizard/step_3.png) no-repeat;background-position:top left;
}
#step .item4 {
	background: url(../images_interface/wizard/step_4.png) no-repeat;background-position:top left;
}
#step .item5{
	background: url(../images_interface/wizard/step_5.png) no-repeat;background-position:top left;
}
#step .item6 {
	background: url(../images_interface/wizard/step_6.png) no-repeat;background-position:top left;
}
#step .item7 {
	background: url(../images_interface/wizard/step_7.png) no-repeat;background-position:top left;
}
#step .item8 {
	background: url(../images_interface/wizard/step_8.png) no-repeat;background-position:top left;
}
#step .item9 {
	background: url(../images_interface/wizard/step_9.png) no-repeat;background-position:top left;
}
#step .item10 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;background-position:top left;
}
#step .item11 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;background-position:top left;
}
#step .item12 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;background-position:top left;
}
#step .item13 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;background-position:top left;
}
#step .item14 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;background-position:top left;
}
#step .item15 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;background-position:top left;
}
#step .item16 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;background-position:top left;
}
#step .item17 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;background-position:top left;
}
#step .item18 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;background-position:top left;
}
#step .item19 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;background-position:top left;
}
#step .item20 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;background-position:top left;
}
#step .item21 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
.item1 {
	background: url(../images_interface/wizard/step_1.png) no-repeat;
}
.item2 {
	background: url(../images_interface/wizard/step_2.png) no-repeat;
}
.item3 {
	background: url(../images_interface/wizard/step_3.png) no-repeat;
}
.item4 {
	background: url(../images_interface/wizard/step_4.png) no-repeat;
}
.item5{
	background: url(../images_interface/wizard/step_5.png) no-repeat;
}
.item6 {
	background: url(../images_interface/wizard/step_6.png) no-repeat;
}
.item7 {
	background: url(../images_interface/wizard/step_7.png) no-repeat;
}
.item8 {
	background: url(../images_interface/wizard/step_8.png) no-repeat;
}
.item9 {
	background: url(../images_interface/wizard/step_9.png) no-repeat;
}
.item10 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
.item11 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
.item12 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
.item13 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
.item14 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
.item15 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
.item16 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
.item17 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
.item18 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
.item19 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
.item20 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
.item21 {
	background: url(../images_interface/wizard/step_10.png) no-repeat;
}
h1 {
	font: normal 3.6em Myriad Pro, Myriad, Arial, Helvetica, sans-serif;
	margin: 0 0 5px;
	color: #666;
}
.attributeLable{font-size:14px;padding-left:5px;}
.headshotPaperThumb{width:140px; float:left;}
#headshots_thumbContainer{width:300px; float:left; margin-left:25px;text-align:center;}
.finePrint{font-size:10px; width:90%; }
.setUpFee{font-size:12px;text-align:left; color:#486175; margin-left:90px;width:100%;clear:both; }
.setUpFee2{font-size:12px;text-align:left; color:#486175; margin-left:0px;width:100%;clear:both; }
.headshots_pricesStart{font-size:12px; color:#CCCCCC; font-weight:bold;}
#headshots_quantityContainer{float:left; margin-right:10px;}
.headshots_quantity{margin-left:10px; float:left;}
.wizardPriceDiv{width:150px;float:left;padding-top:8px;}
.formError { display: none; color:red; clear:both;}
.wizardPriceValue{font-size:14px; font-weight:bold; color:#666666;}
.wizard_product_imageContainer{text-align:center;padding-top:0px;margin-left:auto; margin-right:auto;}

.wizard_layoutRow_hs{width:300px;float:left;text-align:center;}
.wizard_layoutRow_bc{width:300px;float:left;text-align:center;}
.wizard_layoutRow_pc{width:300px;float:left;text-align:center;}
.wizard_layoutSelectorContainer_hs{width:100%; float:left; height:250px;text-align:center;margin-left:auto; margin-right:auto}
.wizard_layoutSelectorContainer_bc{width:100%; float:left; height:250px;text-align:center;margin-left:auto; margin-right:auto}
.wizard_layoutSelectorContainer_pc{width:100%; float:left; height:250px;text-align:center;margin-left:auto; margin-right:auto}
.wizard_layoutSelectorText{text-align:center; font-size:14px; color:#333333;margin-top:10px; width:100%; float:left}
.wizard_layoutSelectorImage_hs{height:185px;text-align:center;vertical-align:middle;display:table-cell; width:300px;margin-left:auto; margin-right:auto}
.wizard_layoutSelectorImage_bc{height:185px;text-align:center;vertical-align:middle;display:table-cell;width:300px;margin-left:auto; margin-right:auto}
.wizard_layoutSelectorImage_pc{height:185px;text-align:center;vertical-align:middle;display:table-cell;width:300px;margin-left:auto; margin-right:auto}
.imageCenter{text-align:center;margin:auto;display:table-cell;margin-left:auto; margin-right:auto}
.wizardNameLabel{width:100px;float:left;}
.clearBothBottomMargin{clear:both; margin-bottom:25px;width:100%;min-height:25px;}
.clearBothBottomMargin2{clear:both; margin-bottom:5px;width:100%;}
#yourInput{width:90%; clear:both;}
.textToolContainer{width:90%; margin-top:10px;}

/* for fontTool */
div.absPos
{
 /* position: absolute;
  left:220px;
  top:80px;*/
}
div.IEdiv
{
 /* position: absolute;
  left:220px;
  top:80px;
  z-index:-1;*/
} 
#widg_wizard_font-card{overflow:auto; height:500px;}
#widg_wizard_master-photo-heavy{overflow:auto; height:400px;}
.padTop10{padding-top:10px;}

#wizRev_prodTitle{width:70%;font-size:18px; font-weight:bold;clear:left;float:left;}
#wizRev_prodQtyLabel{width:30%; overflow:hidden;float:left;clear:left;}
.wizRev_Price{font-size:18px; float:left;font-weight:bold; clear:right; width:20%;}
#wizRev_prodQty{width:68%; overflow:hidden;float:left; clear:right;}
.wizRev_Cont{width:100%;}
.wizRev_CatTitleCont{width:100%; clear:both; padding-top:20px;}
.wizRev_CatTitle{width:70%;font-size:18px; font-weight:bold;clear:left;float:left;}
.wizRev_attribLabel{width:30%; overflow:hidden;float:left;clear:left;}
.wizRev_attribValue{width:68%; overflow:hidden;float:left; clear:right;}
.sessionManagerFrameClass{width:1px; height:1px;}
#yourInputFileName{display:none;}
.clearBoth{clear:both; width:100%;height:1px;}

/*review page*/
.summaryTable{width:500px;}
.reviewHeader{font-weight:bold; padding-bottom:10px; font-size:16px;}
.sectionHeader{width:70%; padding-left:20px; padding-top:10px; font-weight:bold;}
.sectionDetail{padding-left:20px;}
.productLabel{font-weight:bold;}
.productOptions{attributes;}
.totalsColHeader{width:20%; font-weight:bold; text-align:right; padding-top:10px;}
.totalsTopHeader{width:20%; font-weight:bold; text-align:right; padding-bottom:10px;}
.totalsCol{text-align:right; font-weight:bold; } 
.editCol{width:10%; text-align:right; padding-top:10px;}
.editTopHeader{width:10%; text-align:right; padding-bottom:10px; cursor:pointer;}
.buttonBar{width:100%;clear:both;margin-top:10px;}
.shoppingCartInfo{width:120px; float:right;height:50px;text-align:right;color:#594f59;padding-right:5px;font-size:11px;font-weight:bold;}
a.shoppingLinks:Link{color:#594f59; font-size:11px; font-weight:bold;}
a.shoppingLinks:Visited{color:#594f59; font-size:11px;font-weight:bold;}
a.shoppingLinks:Hover{color:#333333; text-decoration:underline; font-size:11px;font-weight:bold;}