/* ===== PRICING WIZARD STYLES ===== */

#Wizard { padding:0 10px 0 10px; }
#Wizard h1 { margin-left:0; padding-left:0; }
#Wizard #RequestInfoLink {float:right}
#WizardLeft { margin:0; padding:0; width:640px; float:left; }
#WizardRight { margin:9px 0 0 25px; padding:0; width:210px; float:left; }

#WizardNav { margin-top:9px; }
	#WizardNav ul { list-style:none; }
	#WizardNav li { font:11px/14px Arial, Helvetica, sans-serif; float:left; }
	#WizardNav li a { font-weight:bold; color:#000; text-decoration:none; }
	
	#WizardNav table { width:100%; height:30px; overflow:hidden; }
	#WizardNav td { height:30px; padding-top:7px; font:11px/14px Arial, Helvetica, sans-serif; text-align:center; background:url(../images/nav-bg.jpg) repeat-x; overflow:hidden; }
	#WizardNav td.active { background:url(../images/nav-bg-active.jpg) repeat-x; overflow:hidden; }
	#WizardNav td a { font-weight:bold; color:#000; text-decoration:none; }
	#WizardNav td a:hover { text-decoration:underline; }
	#WizardNav td.navDivider { margin:0; padding:0; width:10px; height:30px; background:url(../images/nav-divider.jpg) no-repeat; overflow:hidden; }
	#WizardNav td.navDividerSingle { margin:0; padding:0; width:10px; height:30px; background:url(../images/nav-divider-single.jpg) no-repeat; overflow:hidden; }
	#WizardNav td.navDividerDouble { margin:0; padding:0; width:10px; height:30px; background:url(../images/nav-divider-double.jpg) no-repeat; overflow:hidden; }
	
	#WizardNav td.first { background:url(../images/nav-bg-first-active.jpg) no-repeat top left; }
	#WizardNav td.last { background:url(../images/nav-bg-last.jpg) no-repeat top right; }
	#WizardNav td.active a { font-weight:bold; color:#fff; text-decoration:none; }
	#WizardNav td.active a:hover { text-decoration:underline; }
	#WizardNav td.lastActive { background:url(../images/nav-bg-last-active.jpg) no-repeat top right; }
	
#WizardContent { padding:9px 0 20px 12px; border-bottom:3px solid #ccc; }
	#WizardContent h2 { font:16px/19px Arial, Helvetica, sans-serif; color:#7e3224; font-weight:normal; }
	#WizardContent h2.WizardStepTitle { float:left; display:inline; }
	#WizardContent p.WizardStepPrice { padding-right:20px; font:16px/19px Arial, Helvetica, sans-serif; color:#7e3224; font-weight:bold; float:right; display:inline; }

#WizardForm { margin:12px 0 12px 0; padding:0; border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; }
	#WizardForm p { margin:2px 0 2px 0; }
	#WizardForm h3 { margin:0; padding:5px 0 0 0; font:14px/18px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; }
#WizardFormElements { width:295px; float:left; }

.WizardFormElement { padding:12px 0 13px; padding-left: 105px; border-bottom:1px dotted #bbb; }

span.TableCapacity { padding:1px 0 3px 20px; font:10px/13px Verdana, Arial, Helvetica, sans-serif; color:#333; background:url(../images/icon-capacity.gif) no-repeat 7px 0; }

#WizardFormElements .last { border-bottom:none; }

.WizardTipLink img { float:right; }
.WizardFormElement p { clear:both; }
.WizardFormElement label {
	font-weight: bold;
	float: left;
	margin-left: -95px; /*width of left column*/
	width: 105px;
}
p.SubLabel { padding:4px 0 3px 0; }
p.SubLabel label { width: 95px; padding-left:10px; font-weight:normal; }
p.ShippingInfo { padding:10px; }
p.PricePer { padding:25px 0 20px 20px; font:11px/13px Verdana, Arial, Helvetica, sans-serif; color:#333; font-style:italic; }

.RequestFormElements { width:285px; padding:0 10px 0 10px; margin-bottom:20px; float:left; }
.RequestFormElements p { margin:3px 0 3px 0; padding:0; clear:left;  }
.RequestFormElements input.styled, .RequestFormElements textarea.styled { padding:2px 4px 6px 4px; font:13px/17px Georgia, "Times New Roman", Times, serif; color:#222; border:1px solid #ccc; border-left:1px solid #bbb; border-right:1px solid #bbb; border-top:1px solid #aaa; background:url(../images/text-bg.jpg) repeat-x; }
.RequestFormElements select.styled { padding:3px; border:1px solid #aaa; }
.RequestFormElements label {
	font-weight: bold;
	float: left;
	margin-left: 10px; /*width of left column*/
	width: 94px;
}

p.formElement { padding:2px 0 2px 0; }

#OrderSummary { width:640px; }
#OrderSummary h2 { margin:0; padding:0; font:17px/20px Arial, Helvetica, sans-serif; color:#7B3217; font-weight:normal; }
#OrderSummary h3 {
	margin:26px 0 4px 0;
	padding:3px 0 4px 9px;
	font:13px/16px Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	background-color: #DFDDC3;
	border-bottom:1px solid #9F9D8B;
}
#OrderSummary p { margin:3px 0 5px 0; }
.colSummary { width:300px; padding:0 10px 0 10px; margin-bottom:20px; float:left; }
.colSummary h4 { padding-top:15px; }
.colSummary p { margin:0; padding:3px 0 6px 0; border-bottom:1px dotted #bbb; clear:left;}
.colSummary label {
	font-weight: bold;
	float: left;
	margin-left: 10px; /*width of left column*/
	width: 96px;
}
#OrderIntro h4.sectionOne { margin:0 0 5px 0; font-size:14px;}
#OrderIntro p.sectionOne { padding-top:8px; }
#WizardForm h2.sectionTwo { padding-top:12px; padding-bottom:3px; border-top:2px solid #ccc; }
#WizardForm p.sectionTwo { padding-top:4px; padding-bottom:6px; }


#WizardFormTips { width:330px; height:230px; float:left; overflow:hidden; }

.WizardTip { width:330px; height:230px; position:relative; }

/* ===== TOOLTIP BACKGROUNDS ===== */
#TipQuantity {  background:url(../images/tooltip-bg-quantity.gif) no-repeat 6px 4px; display:none; }
#TipType {  background:url(../images/tooltip-bg-type.gif) no-repeat 6px 4px; display:none; }
#TipSize {  background:url(../images/tooltip-bg-width.gif) no-repeat 6px 4px; display:none; }
#TipShape{  background:url(../images/tooltip-bg-shape.gif) no-repeat 6px 4px; display:none; }

#TipEdgeStyle {  background:url(../images/tooltip-bg-quantity.gif) no-repeat 6px 4px; display:none; }
#TipBaseStyle {  background:url(../images/tooltip-bg-type.gif) no-repeat 6px 4px; display:none; }
#TipMaterial {  background:url(../images/tooltip-bg-length.gif) no-repeat 6px 4px; display:none; }

#TipZip {  background:url(../images/tooltip-bg-zip.gif) no-repeat 6px 4px; display:none; }
#TipOnsite {  background:url(../images/tooltip-bg-onsite.gif) no-repeat 6px 4px; display:none; }

#TipFinishes {  background:url(../images/tooltip-bg-quantity.gif) no-repeat 6px 4px; display:none; }
#TipDataPorts {  background:url(../images/tooltip-bg-data.gif) no-repeat 6px 4px; display:none; }


/* ===== TOOLTIP CONTENTS ===== */
.WizardTipClose { position:absolute; left:309px; top:8px; width:9px; height:9px; overflow:auto; z-index:50px; }
.WizardTipInner { position:absolute; top:20px; left:24px; width:290px; height:198px; margin:0; padding:0 5px 0 0; overflow:auto; z-index:50px; font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#663300; }
.WizardTipInner p { margin:5px 0 5px 0; padding:5px 0 5px 0; font:11px/14px Verdana, Arial, Helvetica, sans-serif; color:#663300; }
.WizardTipInner ul { margin-left:30px; list-style:disc; }
.WizardTipInner ul li { padding-top:2px; padding-bottom:3px; margin-top:2px; margin-bottom:3px; list-style:disc;}

#TipShape div.shape { width:130px; height:86px; margin:0 4px 0 4px; overflow:hidden; float:left; }
#TipShape div.left { margin-left:0 }
#TipShape div.right { margin-right:0 }
#TipShape .boat { background:url(../images/wizard/table-shapes/boat.gif) no-repeat left top; }
#TipShape .curved { background:url(../images/wizard/table-shapes/curved.gif) no-repeat left top; }
#TipShape .racetrack { background:url(../images/wizard/table-shapes/racetrack.gif) no-repeat left top; }
#TipShape .rectangle { background:url(../images/wizard/table-shapes/rectangle.gif) no-repeat left top; }
#TipShape .keystone { background:url(../images/wizard/table-shapes/keystone.gif) no-repeat left top; }
#TipShape .vu { background:url(../images/wizard/table-shapes/v-or-u.gif) no-repeat left top; }
#TipShape .round { background:url(../images/wizard/table-shapes/round.gif) no-repeat left top; }
#TipShape .oval { background:url(../images/wizard/table-shapes/oval.gif) no-repeat left top; }
#TipShape div.shape p { padding-top:30px; text-align:center; }

#TipBaseStyle div.base { width:130px; margin:3px; overflow:hidden; float:left; }
#TipBaseStyle div.left { margin-left:0 }
#TipBaseStyle div.right { margin-right:0 }

#TipEdgeStyle div.edge { width:130px; margin:3px; overflow:hidden; float:left; }
#TipEdgeStyle div.left { margin-left:0 }
#TipEdgeStyle div.right { margin-right:0 }
#TipEdgeStyle div.WizardTipInner img { margin:8px 0 4px 0; }

#TipDataPorts div.port { width:130px; margin:3px; margin-bottom:2px; overflow:hidden; float:left; }
#TipDataPorts div.left { margin-left:0 }
#TipDataPorts div.right { margin-right:0 }
#TipDataPorts p.port { margin-top:0; margin-bottom:5px; padding-top:0; padding-bottom:9px; clear:left; border-bottom:1px dotted #663300; }


/* ===== ACTION BUTTONS ===== */
#WizardButtons { }
	#WizardButtons p.btnBrownWizard a { margin-top:2px; }
	#WizardButtons h3 { margin-left:10px; float:left; display:inline; font:11px/15px Tahoma, Arial, Helvetica, sans-serif; color:#444; font-style:italic; font-weight:normal; }


/* ===== SAMPLE PRODUCT DETAILS ===== */
#SampleDesc { width:200px; padding:4px; background-color:#ddd; border:1px solid #bbb; }
#SampleDesc h4 { margin:0 0 1px 0; padding:3px 0 5px 5px; font:11px/13px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; background-color:#000; }
table#SampleDetails { margin:4px 0 4px 0; }
table#SampleDetails td { padding:1px; font:11px/13px Verdana, Arial, Helvetica, sans-serif; color:#222; }
table#SampleDetails td.SampleLabel { width:58px; padding-right:4px; font:11px/13px Tahoma, Arial, Helvetica, sans-serif; color:#222; text-align:right; font-weight:bold; }

#SampleDisclaimer { padding:4px 0 7px 0; background-color:#555; }
#SampleDisclaimer p { font:10px/12px Arial, Helvetica, sans-serif; color:#fff; text-align:center; font-style:italic; font-weight:bold; }

p.ChangeItem { margin:0; padding:0 10px 0 0; float:right; font:10px/13px Arial, Helvetica, sans-serif; border-bottom:none; clear:none; }
p.ChangeItem a { color:#7E3224; }
p.ChangeItem a:hover { color:#000; }
p.ChangeItem span { padding:2px 0 2px 16px; background:url(../images/icon-pencil.jpg) no-repeat 0 1px; }

#ctaRequestTableNow { width:230px; height:45px; margin:3px 17px 0 10px; padding:0; background:url(../images/cta-order-table--bg.jpg) no-repeat; float:right; }
#ctaRequestTableNow p { padding-top:7px; text-align:center; font:13px/17px Tahoma, Arial, Helvetica, sans-serif; }
#ctaRequestTableNow a { color:#fff; }

.noLabelStyling label { float: none; font-weight: normal; margin: 0; width: auto; }
/* Custom Length & Width textboxes */
.WizardCustomPriceFields { display: none; }
.WizardFormElement label small { font-size: smaller; font-weight: normal; }

.WizardCustomNotification {
	background: #efeee0;
	border: 1px solid #929176;
	padding: 3px;
	margin: 4px 0;
}
.WizardCustomNotification p {
	text-align: center;
}