.deal { line-height: 110%; width: 910px; margin: 0; padding: 0; }

/* Reset Basic Styles */
.deal div, .deal span, .deal applet, .deal object, .deal iframe, .deal h1, .deal h2, .deal h3, .deal h4, .deal h5, .deal h6, .deal p, .deal blockquote, .deal pre, .deal a, .deal abbr, .deal acronym, .deal address, .deal big, .deal cite, .deal code, .deal del, .deal dfn, .deal em, .deal font, .deal img, .deal ins, .deal kbd, .deal q, .deal s, .deal samp, .deal small, .deal strike, .deal strong, .deal sub, .deal sup, .deal tt, .deal var, .deal dl, .deal dt, .deal dd, .deal ol, .deal ul, .deal li, .deal fieldset, .deal form, .deal label, .deal legend, .deal table, .deal caption, .deal tbody, .deal tfoot, .deal thead, .deal tr, .deal th, .deal td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: inherit; font-family: inherit; color: inherit; vertical-align: baseline; background: transparent; }
.deal input, .deal textarea { font-weight: inherit; font-style: inherit; font-family: inherit; color: inherit; }
.deal strong { font-weight: bold; }

/* Re-used styles */
.deal a,
.deal a:link,
.deal a:visited,
.deal a:hover,
.deal a:active { color: #2F6681; }
.deal .disabledLink { color: #AAA; text-decoration: underline; cursor: pointer; }
.deal .disabled a,
.deal .disabled a:link,
.deal .disabled a:visited,
.deal .disabled a:hover,
.deal .disabled a:active { color: #AAA; }
.deal h3 { font-size: 118%; font-weight: normal; line-height: 110%; color: #333; padding: 6px 0; }
.deal h3.pageTitle { clear: both; font-size: 118%; font-weight: bold; padding: 12px 0 6px; border-bottom: 1px solid #CCC; margin-bottom: 12px; }
.deal h4 { font-size: 118%; font-weight: bold; line-height: 110%; color: #333; padding: 5px 0; }
.deal h4.pageTitle { clear: both; padding: 6px 0 6px; border-bottom: 1px solid #CCC; margin-bottom: 6px; }
.deal .h3 { font-size: 118%; font-weight: normal; }
.deal p { margin: 10px 0 5px; }
.deal input.inpText,
.deal input.inpFile,
.deal select,
.deal textarea { border: 1px solid #CCC; width: 300px; margin-bottom: 6px; }
.deal input.inpSmall { width: 125px; }
.deal input.inpMedium { width: 200px; }
.deal input.inpText:focus,
.deal input.inpFile:focus,
.deal select:focus,
.deal textarea:focus { border-color: #2F6681; background-color: #FAFDFF; }
.deal input.inpQty { text-align: center; font-weight: bold; width: 25px; margin-top: -2px; }
.deal input.inpPO { font-weight: normal; width: 60px; margin-top: -2px; }
.deal .submitButtons { padding-left: 144px; margin-top: 8px; }
.deal .noScriptButtons { text-align: right; margin: 0 0 12px; }
.deal .submitButtons input { margin-left: 6px; }
.deal .leftPageSubmit,
.deal .pageSubmit,
.deal .modalSubmit { margin-top: 24px; padding-top: 12px; border-top: 1px solid #CCC; }
.deal .pageSubmit,
.deal .modalSubmit { padding-left: 160px; }
.deal .leftPageSubmit input,
.deal .pageSubmit input,
.deal .modalSubmit input { margin-right: 6px; }
.deal .note { color: #666; font-size: 85%; line-height: 120%; }
.deal .required { color: #F00 !important; }
.deal .ready { color: #090; }
.deal .notReady { color: #F00; }
.deal .hidden { display: none; }

.deal .seperateRight { padding-right: 6px; border-right: 1px solid #000; margin-right: 6px; }
.deal .disabled .seperateRight { border-color: #AAA; }
.dealWrapper { width: 910px; }

.fixClear { display: inline-block; }
.fixClear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Portlet skin style
.dealSkin, .dealNoSkin { margin: 10px 0; } */
.dealSkin, .dealNoSkin { clear: both; margin: 10px 0; font-size: 85.4%; }
.dealSkin a, .dealSkin a:link, .dealSkin a:visited, .dealSkin a:hover,.dealSkin a:active { color: #2F6681; }
.dealNoSkin a, .dealNoSkin a:link, .dealNoSkin a:visited, .dealNoSkin a:hover,.dealNoSkin a:active { color: #2F6681; }
#dealHomeLink  a, #dealHomeLink  a:link, #dealHomeLink  a:visited, #dealHomeLink  a:hover, #dealHomeLink  a:active { color: #2F6681; }
#dealHelpFBLinks  a, #dealHelpFBLinks  a:link, #dealHelpFBLinks  a:visited, #dealHelpFBLinks  a:hover, #dealHelpFBLinks  a:active { color: #2F6681; }
.dealSkinHeader { background: url(../i/chr/headLeft.gif) left top no-repeat; padding: 0 0 0 1px; border: solid #ccc; border-width: 0 0 1px 0;  }
.dealSkinHeader1 { background: url(../i/chr/headRight.gif) right top no-repeat; padding: 0 1px 0 0; }
.dealSkinHeader2 { background: url(../i/chr/headMid.gif) top repeat-x; font-size: 100%; line-height: 20px; padding: 0 5px;  }

.dealSkinTitle { display: inline; float: left; font-weight: bold; color: #333333;  }
.dealSkinControls { display: inline; float: right; margin: 0; padding: 0; }
.dealSkinControls li { float: left; display: inline; margin: 0 0 0 1em; padding: 0; }
.dealSkinControls li ul { margin: 0 0 0 1em; }

.JS .dealSkinTitle { margin-left: 18px; float: none; }
.JS .dealSkinControls { position: relative; margin: 0 0 0 0; display: inline; line-height: 0; float: left; width:100% }
.JS .dealSkinControls .dealSkinControl { position: absolute; width: 13px; height: 13px; text-indent: -9999px; cursor: pointer; }
.JS .dealSkinControls .dealSkinControlMinMax { left: 0; bottom: 4px; margin: 0; background: url(../i/chr/btnMinMax.gif) no-repeat; }
.JS .dealSkinControls .dealSkinControlDropDown { right: 0; bottom: 4px; margin: 0; background: url(../i/chr/btnDropDown.gif) no-repeat; }
.JS .dealSkinControls .dealSkinControlDropDown .dealSkinDropDown { text-indent: 0; position: absolute; top: 0; right: 12px; visibility: hidden; cursor: auto; margin: 0; padding: 0; }
.JS .dealSkinControls .dealSkinDropDown ul { margin: 0; padding: 1px 0; display: block; float: none; }
.JS .dealSkinControls .dealSkinDropDown ul li { text-indent: 0; white-space: nowrap; margin: 0; padding: 0; line-height: 140%; width: 100%; float: none; }
.JS .dealSkinControls .dealSkinDropDown ul li a { display: block; height: 1%; text-decoration: none; color: #333; padding: 2px 5px; }
.JS .dealSkinControls .dealSkinDropDown ul li a:hover { background: #DDE6EB; }
.JS .dealSkinControls .dealSkinDropDown ul li span { display: none; }
.JS .dealSkinControls .dealSkinDropDown .dealSkinDropDownHeader { padding: 0 6px 0 0; background: url(../i/chr/ddRight.png) top right no-repeat; }
.JS .dealSkinControls .dealSkinDropDown .dealSkinDropDownHeader1 { background: #fff; border: 1px solid #ccc; padding: 0; }
.JS .dealSkinControls .dealSkinDropDown .dealSkinDropDownFooter { position: relative; padding: 0 6px 0 0; background: url(../i/chr/ddBotRight.png) top right no-repeat; }
.JS .dealSkinControls .dealSkinDropDown .dealSkinDropDownFooter1 { display: block; background: url(../i/chr/ddBot.png) left top no-repeat; height: 7px; line-height: 7px; clear: both; width: 100%; overflow: hidden; }
.JS .dealSkinControls .dealSkinDropDown .dealSkinDropDownFooter1 span { display: block; width: auto; height: 7px; }
.JS .dealSkinControls .dealSkinControlDropDown .dealDropDownVisible { visibility: visible; z-index: 9999 }
.JS .dealSkinMinimized .dealSkinControls .dealSkinControlMinMax { background-position: -13px 0 ; }
.dealSkinMinimized .dealSkinContent { display: none;  }

.dealSkinContent {  }
.dealSkinFooter { border: solid #ccc; border-width: 0 0 1px 0; height: 0; line-height: 0; }
.dealSkinFooter div {  }
.dealSkinFooter div div { border: solid #ccc; border-width: 0 0 1px 0; height: 0; line-height: 0;}
.dealSkinFooter div div div { padding: 0; }
.dealSkinFooter br { display: none; }

.dealSkinHalfLeft { width: 49%; float: left; clear: left; }
.dealSkinHalfRight { width: 49%; float: right; clear: right; }

#dealHomeLink { float: left; display: inline; font-size: 101%; }
#dealHelpFBLinks { text-align: right; font-size: 101%;  }
#dealHelpFBLinks ul, #dealHelpFBLinks li { list-style: none; display: inline; padding: 0; margin: 0; }
#dealHelpFBLinks li { padding: 0 .5em 0 .75em; }
#dealHelpFBLinks #dealFBLink { border-left: 1px solid #8F8F8F; padding-right: 0; }



/* Portlets */

.dealMessagesPortlet .dealMessagePromo { background: #d7fcdf; border: 1px solid #6D6D6D; }
.dealMessagesPortlet .dealMessagePromo h3, .dealMessagesPortlet .dealMessagePromo p { color: #262626; }
.dealMessagesPortlet a { font-weight:bold; }
.dealMessagesPortlet .dealMessage { margin: 10px 0 ; padding: 14px 15px 20px 15px; }
.dealMessagesPortlet .dealMessageWarning { background: #FFFFCC; border: 1px solid #F7DC8E; }
.dealMessagesPortlet .dealMessageWarning h3, .dealMessagesPortlet .dealMessageWarning p { color: #E58A00; }
.dealMessagesPortlet .dealMessageError { background: #FFFFCC; border: 1px solid #FF0000; color: #FF0000; }
.dealMessagesPortlet .dealMessageError h3, .dealMessagesPortlet .dealMessageError p { color: #FF0000; }
.dealMessagesPortlet .dealMessageGuiding { background: #C8D6E6; border: 1px solid #285EA6; margin: 10px 0 ; padding: 10px; font-weight:bold}
.dealMessagesPortlet .dealMessageGuiding h3, .dealMessagesPortlet .dealMessageGuiding p { color: #1F477D; }
.dealMessagesPortlet .dealMessage h3, .dealMessagesPortlet .dealMessage p { display: inline; font-size: 100%; font-weight: bold; line-height: 140%;  }
.dealMessagesPortlet .dealMessage p { margin-left: 0;  }
.dealMessagesPortlet .dealMessageWarning h3 {	background: url(../i/icn/messageWarning.gif) left center no-repeat; padding-left: 15px; }
.dealMessagesPortlet .dealMessageError h3 {	background: url(../i/icn/messageError.gif) left center no-repeat; padding-left: 15px; }
.dealMessagesPortlet .dealMessageShowLink, .dealMessagesPortlet .dealMessageHideLink { font-size: 100%; font-weight: normal; margin-left: .5em; }
.dealMessagesPortlet .dealMessage a { font-weight: normal;  }
.dealMessagesPortlet .dealMessageShowLink { display: none }
.dealMessagesPortlet .dealMessageClosed .dealMessageShowLink { display: inline }
.dealMessagesPortlet .dealMessageClosed span, .dealMessagesPortlet .dealMessageClosed p, .dealMessagesPortlet .dealMessageClosed .dealMessageHideLink { display: none; }

.dealWelcomePortlet { margin: 10px 0 0 0; font-size: 100%; }
.dealWelcomePortlet h3 { margin: 0 0 5px 0; padding: 0 0 0 5px; font-weight: bold; font-size: 116%; line-height: 140%; color: #333333; border-bottom: 1px solid #C9C9C9}
.dealWelcomePortlet p {	margin: 0 0 0 5px; color: #333333; font-size: 100%; line-height: 120%; }
.dealWelcomePortlet a { color: #36f }
.dealWelcomePortlet .PreferencesLink { margin: 10px 0 10px 5px; font-weight: bold; font-size: 100%; }

.dealQuickStartPortlet { border: solid #CCCCCC; border-width: 0 1px 1px 1px; background: #E9F0FC; height: 8.3em; font-size: 100%;}
.dealQuickStartPortlet ul { display: inline; float: left; padding: 23px 0 15px 0; margin: 0 0 0 8px; }
.dealQuickStartPortlet ul li { display: inline; float: left; margin: 0 0 0 20px; padding: 0; text-align: center; }
.dealQuickStartPortlet button { float: left; margin: 0 0 12px 0;}
.dealQuickStartPortlet .DealLinks   { width: 113px; }
.dealQuickStartPortlet .ConfigLinks { width: 123px; }
.dealQuickStartPortlet .OrderLinks  { width: 113px; }

.dealSelectorPortlet { border: solid #CCCCCC; border-width: 0 1px 1px 1px; background: #E9F0FC; height: 8.3em; font-size: 100%; color: #666666 }
.dealSelectorPortlet p { margin: 0; padding: 5px; }
.dealSelectorPortlet form { float: left; display: inline; margin: 5px 0 10px 23px; overflow: hidden; }
.dealSelectorPortlet label { display: block; font-weight: bold; }
.dealSelectorPortlet input { border: 1px solid #7F9DB9; width: 204px; display: inline; float: left;  }
.dealSelectorPortlet button { margin: 0 0 0 10px; display: inline; float: left; }
.dealSelectorPortlet form p.or { display: inline; float: left; margin: 0 0 0 8px; line-height: 11px; }
.dealSelectorPortlet form p.or a { margin: 0 0 0 8px; }

.dealSearchPortlet { border: 1px solid #CCCCCC; border-top: 0; background: #E9F0FC; padding: 10px; font-size: 100%; color: #666666 }
.dealSearchPortlet .required { color: #F00; font-weight: bold; }
.dealSearchPortlet .dealSearchToggle { display: inline; float: right; list-style: none; text-align: right; margin: 0 10px 0 0; padding: 0; white-space: nowrap }
.dealSearchPortlet .dealSearchToggle li { display: inline; list-style: none; padding: 0 .75em ; }
.dealSearchPortlet .dealSearchToggle .dealSearchToggleBasic { border-right: 1px solid #ccc; }
.dealSearchPortlet .dealSearchToggle .dealSearchToggleAdvanced { padding-right: 0; }
.dealSearchPortlet .dealSearchToggle a { display: inline; }
.dealSearchPortlet .text { font-size: 100%; width: 102px; border: 1px solid #ccc;}
.dealSearchPortlet form { margin: 0 0 0 60px; }
.dealSearchPortlet p { margin: 0; }
.dealSearchPortlet form p { }
.dealSearchPortlet fieldset { display: inline; border: 0; padding: 5px 0 0 0; margin: 0; }
.dealSearchPortlet .BasicSearchField { display: inline; padding: 0 5px 0 0; float: left; }
.dealSearchPortlet legend { display: none }
.dealSearchPortlet .BasicSearchField label { font-size: 80.5%; display: block; margin: 0 0 .2em 0; }
.dealSearchPortlet select { font-size: 100%; width: 100px; margin: 0; padding: 0; }
.dealSearchPortlet select { font-size: 100%; width: 100px; margin: 0; padding: 0; }
.dealSearchPortlet5 textarea.text {
	width: 200px;
	padding: 1px 2px
	font-size: 100%;
}
.dealSearchPortlet2 input.text { border: 1px solid #ccc; width: 210px; display: inline; padding: 1px 2px; font-size: 100%; }
.dealSearchPortlet3 input.text { border: 1px solid #ccc; width: 64px; display: inline; padding: 1px 2px; font-size: 100%; }
.dealSearchPortlet4 input.text { 
	border: 1px solid #ccc;
	width: 190px;
	display: inline;
	padding: 1px 2px;
	text-align:right
}
.dealSearchPortlet4 input.total {
	border: 1px solid #fff;
	width: 190px;
	display: inline;
	padding: 1px 2px;
	text-align:right;
	font-weight:bold;
	background-color:#FFFFFF;
	color: #000000;
}
.dealSearchPortlet4 .expectedAmount { text-align: right; padding-right: 35px; font-weight:bold }
.dealSearchPortletCal .BasicSearchField { display: inline; padding-bottom:10px; float: left; padding-left: 7px;}
.dealSearchPortletCal input.text { border: 1px solid #ccc; width: 181px; display: inline; padding: 1px 2px; }
.dealSearchPortlet a { }
.dealSearchPortlet .BasicSearchButtons { display: inline; float: left; padding: 1.2em 0 0 0; }
.dealSearchPortlet button { float: left; }
.dealSearchPortlet .dealButtonClearAll { margin-left: 10px; }
.dealSearchPortlet .dealButtonCancel { margin-left: 10px; }
.dealSearchPortlet .AdvancedSearchField { line-height: 140%; clear: left; padding: 0 0 5px 0; }
.dealSearchPortlet .AdvancedSearchField .checkbox { margin: 0; padding: 0; width: 18px;; }
.dealSearchPortlet .AdvancedSearchField .checkboxLabel { display: none; }
.dealSearchPortlet .AdvancedSearchField input { display: inline; float: left; }
.dealSearchPortlet .AdvancedSearchField input.dateText { }
.dealSearchPortlet .AdvancedSearchField label { display: inline; float: left; width: 15em; margin: 0 0 0 1em; line-height: 140%; font-size: 100%; }
.dealSearchPortlet .AdvancedSearchField span { display: inline; float: left; font-weight: normal; margin: 0 0 0 1em; }
.dealSearchPortlet .AdvancedSearchField span.required { float: none; margin-left: 0; }
.dealSearchPortlet .AdvancedSearchField select.multi { overflow: visible; /* height: 18em;*/ }
.dealSearchPortlet .AdvancedSearchField select { width: 100px; float: left; display: inline; }
.dealSearchPortlet .AdvancedSearchField .dealDateRangeSelector { display: inline; float: left; width: 224px; white-space: nowrap;}
.dealSearchPortlet .AdvancedSearchField .dealDateRangeSelector label { display: inline; float: left; width: 1em; margin: 0 10px; }
.dealSearchPortlet .AdvancedSearchField .dealDateRangeSelectorDate { display: inline; float: left; padding-right: 20px; background: url(../i/icn/calendar.gif) center right no-repeat; }
.dealSearchPortlet .AdvancedSearchField .dealDateRangeSelectorDate input { border: 1px solid #7F9DB9; width: 72px; font-size: 100%; }
.dealSearchPortlet .AdvancedSearchButtons { margin: 10px 0 10px 17.65em; }
.dealSearchPortlet h3 { font-size: 100%; font-weight: normal; margin: 1.5em 0 1em 0; }
.dealSearchPortlet #dealAdvancedSearchDealStatusSelector { margin-left: 17.65em; }

.dealEditPortlet { border: 1px solid #CCCCCC; border-top: 0; background: #E9F0FC; padding: 10px; font-size: 100%; color: #666666 }
.dealEditPortlet span.required { color: #F00; font-weight: bold; }
.dealEditPortlet .text { font-size: 100%; }
.dealEditPortlet form { margin: 0 0 0 60px; }
.dealEditPortlet p { margin: 0; }
.dealEditPortlet form p { }
.dealEditPortlet fieldset { display: inline; font-weight: bold; border: 0; padding: 5px 0 0 0; margin: 0; }
.dealEditPortlet .BasicSearchField { display: inline; padding: 0 20px 0 0; float: left; }
.dealEditPortlet legend { display: none }
.dealEditPortlet label { font-weight: bold; display: block; margin: 0 0 .2em 0; }
.dealEditPortlet select { font-size: 100%; width: 170px; }
.dealEditPortlet input.text { border: 1px solid #7F9DB9; width: 218px; display: inline; padding: 1px 2px }
.dealEditPortlet input.shortText { width: 60px; }
.dealEditPortlet a { }
.dealEditPortlet .BasicSearchButtons { display: inline; float: left; padding: 1.2em 0 0 0; }
.dealEditPortlet button { float: left; }
.dealEditPortlet .dealColumnSelector option { padding: 2px 5px; }
.dealEditPortlet .dealEditPortletColumnText h3, .dealEditPortletColumnText p { display: inline; font-size: 100%; color: inherit; }
.dealEditPortletColumnText p { margin-left: .3em; }
.dealEditPortlet .dealEditPortletColumnText { margin: 15px 0; }
.dealEditPortlet .dealColumnSelector label { }
.dealEditPortlet .dealColumnSelector select { float: left; display: inline; }
.dealEditPortlet .dealColumnSelectorSection { float: left; display: inline; }
.dealEditPortlet .dealColumnSelectorAddRemove { margin: 40px 20px; text-align: center; }
.dealEditPortlet .dealColumnSelectorAddRemove button { clear: both; display: inline; margin: 5px 0; }
.dealEditPortlet .dealColumnUnselected select { margin-top: 1em; }
.dealEditPortlet .dealColumnSelected option.required { font-weight: bold; } 
.dealEditPortlet .dealColumnSelected option.required span.required { color: #F00; } 
.dealEditPortlet .dealColumnSelectorOrder { margin: 0 20px;  }
.dealEditPortlet .dealColumnSelectorOrder button { margin: 10px 0 0 0; clear: both; }
.dealEditPortlet .dealColumnSelectorOrder .dealButtonColumnSelectorUp { margin-top: 1em; }
.dealEditPortlet .dealColumnSelector { margin: 10px 0; }
.dealEditPortlet .dealButtonClearAll { margin-left: 10px; }
.dealEditPortlet .dealButtonCancel { margin-left: 10px; }
.dealEditPortlet h3 { font-weight: bold; color: inherit; font-size: 100%; margin: 1.5em 0 0 0; }
.dealEditPortlet .AdvancedSearchField legend { display: block; margin-top: 20px; }
.dealEditPortlet .dealDateRangeSelectorDate { line-height: 140%; clear: left; padding: 0 0 5px 0; }
.dealEditPortlet .dealDateRangeSelectorDate .checkbox { margin: 0; padding: 0; width: 18px;; }
.dealEditPortlet .dealDateRangeSelectorDate .checkboxLabel { display: none; }
.dealEditPortlet .dealDateRangeSelectorDate input { display: inline; float: left; }
.dealEditPortlet .dealDateRangeSelectorDate input.dateText { }
.dealEditPortlet .dealDateRangeSelectorDate label { display: inline; float: left; width: 15em; margin: 0 0 0 1em; line-height: 140%; font-size: 100%; }
.dealEditPortlet .dealDateRangeSelectorDate span { display: inline; float: left; font-weight: normal; margin: 0 0 0 1em; }
.dealEditPortlet .dealDateRangeSelectorDate span.required { float: none; margin-left: 0; }
.dealEditPortlet .dealDateRangeSelectorDate select.multi { overflow: visible; /* height: 18em;*/ }
.dealEditPortlet .dealDateRangeSelectorDate select { width: 224px; float: left; display: inline; }
.dealEditPortlet .dealDateRangeSelectorDate .dealDateRangeSelector { display: inline; float: left; width: 224px; white-space: nowrap;}
.dealEditPortlet .dealDateRangeSelectorDate .dealDateRangeSelector label { display: inline; float: left; width: 1em; margin: 0 10px; }
.dealEditPortlet .dealDateRangeSelectorDate { display: inline; float: left; padding-right: 20px; background: url(../i/icn/calendar.gif) center right no-repeat; }
.dealEditPortlet .dealDateRangeSelectorDate input { border: 1px solid #CCC; width: 188px; font-size: 100%; }
.dealEditPortlet .AdvancedSearchButtons { margin: 10px 0 10px 17.65em; }
.dealEditPortlet #dealAdvancedSearchDealStatusSelector { margin-left: 17.65em; }

.dealListPortlet { border: solid #ccc; border-width: 0 1px; }
.dealListPortlet table { width: 100%; border-collapse: collapse; font-size: 100%; }
.dealListPortlet th, .dealListPortlet td { white-space: nowrap; font-size: 100%; }
.dealListPortlet th { border: solid #ccc; border-width: 0 0 1px 1px; padding: 4px 2px 4px 5px; background: #FFF url(../i/table/th.gif) bottom repeat-x; text-align: left; font-weight: normal; color: #333333;}
.dealListPortlet .dealListTable tbody td { border: solid #f0f0f0; border-width: 0 0 1px 0; padding: 4px 2px 4px 7px }
.dealListPortlet thead th.sortAsc, .dealListPortlet thead th.sortDesc { background: #FFF url(../i/table/th_sel.gif) bottom repeat-x; }
.dealListPortlet thead th.sortAsc a  { padding-right: 12px; background: url(../i/table/asc.gif) center right no-repeat; }
.dealListPortlet thead th.sortDesc a { padding-right: 12px; background: url(../i/table/desc.gif) center right no-repeat; }
.dealListPortlet .highlighted td { color: #F00; }
.dealListPortlet .highlighted .firstCol { padding-left: 26px; background: url(../i/icn/redAlert.gif) 7px center no-repeat; }
.dealListPortlet .dealListViewAll { border: solid #ccc; padding: 4px 2px 4px 7px; font-size: 100%; border-width: 1px 0; background: url(../i/table/tfoot.gif) bottom repeat-x; }
.dealListPortlet .firstCol { border-left: 0; }
.dealListPortlet .lastRow td { border-bottom: 0; }
.dealListPortlet .dealListPortletNone { padding: 5px 10px; font-size: 100% }
.dealListPortlet tbody.empty { display: none; }


.dealSearchResultsPortlet { border: solid #ccc; border-width: 0 1px; }
.dealSearchResultsPortlet .dealSearchResultsSummary { font-size: 136%; padding: 10px 15px; margin: 0; }
.dealSearchResultsPortlet ul { margin: 0 0 15px 45px; padding: 5px; }
.dealSearchResultsPortlet ul li { font-size: 100%; color: #666; margin: 0; padding: 0; }
.dealSearchResultsPortlet ul li a { padding-left: 10px; }
.dealSearchResultsPortlet ul li span { padding-left: 45px; }
.dealSearchResultsPortlet ul li span.v2 { padding-left: 115px; }
.dealSearchResultsPortlet table { width: 100%; border-collapse: collapse; font-size: 100%; border-top: 1px solid #ccc; }
.dealSearchResultsPortlet th { white-space: nowrap; }
.dealSearchResultsPortlet th, .dealListPortlet td { border: solid #ccc; font-size: 100%; }
.JS .dealListPortlet td { white-space: nowrap; }
.dealSearchResultsPortlet th { border-width: 0 1px 1px 0; padding: 4px 2px 4px 5px; background: #FFF url(../i/table/th.gif) bottom repeat-x; text-align: left; font-weight: normal; color: #333333;}
.dealSearchResultsPortlet td { border: solid #f0f0f0; border-width: 0 0 1px 0; padding: 4px 2px 4px 5px }
.dealSearchResultsPortlet thead th.sortAsc, .dealListPortlet thead th.sortDesc { background: #FFF url(../i/table/th_sel.gif) bottom repeat-x; }
.dealSearchResultsPortlet thead th.sortAsc a { padding-right: 12px ; background: url(../i/table/asc.gif) center right no-repeat; }
.dealSearchResultsPortlet thead th.sortDesc a { padding-right: 12px ; background: url(../i/table/desc.gif) center right no-repeat; }
.dealSearchResultsPortlet .highlighted td { color: #E58900; }
.dealSearchResultsPortlet .highlighted td.warning { padding-left: 17px; background: url(../i/icn/messageWarning.gif) 4px center no-repeat; }
.dealSearchResultsPortlet .dealSearchResultsNav { border: solid #ccc; padding: 4px 10px 4px 10px; font-size: 100%; border-width: 1px 0; background: url(../i/table/tfoot.gif) top repeat-x; }
.dealSearchResultsPortlet .dealSearchResultsNav select { font-size: 100%; margin: 0 .5em}
.dealSearchResultsNavPerPage p { display: inline; }
.dealSearchResultsNavPerPage { display: inline; float: left; }
.dealSearchResultsNavPage { display: inline; float: right; }
.dealSearchResultsNavPage p { display: inline; }
.dealSearchResultsPortlet form { margin: 0; padding: 0; }
.JS .dealListPortlet td { border: solid #ccc; font-size: 100%; }


.dealCreateNewPortlet button { float: left;  }
.dealCreateNewPortlet form { display: block; margin: 0; padding: 0; }
.dealCreateNewPortlet p { display: inline; margin-left: 15px; line-height: 21px; }

.dealSearchResultsNavSummary { border-right: 1px solid #ccc; padding-right: .5em; margin-right: .5em; }

.dealUtilities { padding: 0 ; margin: 0 15px 10px 15px; }
.dealUtility { border: 0; background-color: transparent; background-repeat: no-repeat; background-position: left; padding: 0; margin: 0 0 0 6px; height: 18px; font-size: 100%; }
.dealUtility span { font-size: 100%; color: #336699; text-decoration: underline; display: inline; margin-left: 1px; }
.dealUtilityCopy   { background-image: url(../i/icn/copy.gif);   padding-left: 16px}
.dealUtilityDelete { background-image: url(../i/icn/delete.gif); padding-left: 14px}
.dealUtilityExport { background-image: url(../i/icn/export.gif); padding-left: 16px}
.dealUtilityPrint  { background-image: url(../i/icn/print.gif);  padding-left: 16px}
.dealUtilityShare  { background-image: url(../i/icn/share.gif);  padding-left: 17px }

/* deal BUTTONS */
.deal .dealButton { background-position: 0 0; background-repeat: no-repeat; background-color: transparent; padding: 0; margin: 0; height: 21px; border: 0; outline: 0; cursor: pointer; text-indent: -9999px }
.deal .dealButtonHover    { background-position: 0 -21px; }
.deal .dealButtonActive   { background-position: 0 -42px; }
.deal .dealButtonDisabled { background-position: 0 -63px; cursor: auto; }
/* widths and background-images for specific buttons */
.deal .dealSubmitQuote { width: 161px;  background-image: url(../i/btn/submit_quote.gif); }
.deal .dealaddTechnology { width: 88px;  background-image: url(../i/btn/add_technology.gif); }
.deal .dealaddCompetitor { width: 86px;  background-image: url(../i/btn/add_competitor.gif); }
.deal .dealExpired { width: 60px;  background-image: url(../i/btn/expired.gif); }
.deal .dealContConvertQuote { width: 142px;  background-image: url(../i/btn/continue_convert_quote.gif); }
.deal .dealViewActivityDetails { width: 142px;  background-image: url(../i/btn/view_activity_details.gif); }

/* Column styles */
.deal .twenty        { width: 20%; }
.deal .oneQuarter    { width: 25%; }
.deal .oneThird      { width: 33%; }
.deal .forty         { width: 40%; }
.deal .oneHalf       { width: 50%; }
.deal .sixty         { width: 60%; }
.deal .twoThirds     { width: 66%; }
.deal .threeQuarters { width: 75%; }
.deal .eighty        { width: 80%; }

.deal .right,

.deal .rightColumn   { float: right; width: 49%; }
.deal .rightColumn h1  { font-size: 130%; color: #424e53; font-weight: bold; border-bottom: 1px solid #CCC; padding-bottom: 4px; }
.deal .rightColumn h2  { font-size: 110%; color: #3C3C3C; padding-top: 10px; padding-bottom: 5px; font-weight: bold; }

.deal .left,
.deal .middleColumn,

.deal .leftColumn    { float: left; width: 49%;}
.deal .leftColumn h1  { font-size: 130%; color: #424e53; font-weight: bold; border-bottom: 1px solid #CCC; padding-bottom: 4px; }
.deal .leftColumn h2  { font-size: 110%; color: #3C3C3C; padding-top: 10px; padding-bottom: 5px; font-weight: bold; }
.deal .leftColumn span  { font-weight: bold; }

.deal .floatContainer { overflow: hidden; height: 100%; }
.deal .clearFloat    { clear: both; }
.deal .alignLeft     { text-align: left; }
.deal .alignCenter   { text-align: center; }
.deal .alignRight    { text-align: right; }

.deal .marginLeft { margin-left: 6px; }
.deal .marginRight { margin-right: 6px; }
.deal .marginTop { margin-top: 24px; }
.deal .marginBottom { margin-bottom: 24px; }
.deal .padBottom { padding-bottom: 6px; }
.deal .shadedBox { padding: 6px; background: #FAFAFA url('../i/bg/shaded.gif') 0 0 repeat-x; }

.deal .noLeftPad { margin-left: 0 !important; padding-left: 0 !important; }
.deal .noRightPad { margin-right: 0 !important; padding-right: 0 !important; }
.deal .noTopPad { margin-top: 0 !important; padding-top: 0 !important; }
.deal .noBottomPad { margin-bottom: 0 !important; padding-bottom: 0 !important; }

.deal .shadedBox { padding: 6px; background: #FFF url('../i/bg/shaded.gif') 0 0 repeat-x; border: 1px solid #CCC; }

.deal .orderStatus { clear: both; border: 1px solid #A3C3CE; background-color: #D9E5EB; margin: 6px 0 18px; padding: 6px; overflow: hidden; height: 100%; }
.deal .orderStatus div { float: left; color: #2F6681; margin-top: 6px; margin-right: 6px; }
.deal .orderStatus div.step { background: url('../i/icn/step_arrow.gif') right center no-repeat; padding-right: 21px; }
.deal .orderStatus div.current { color: #000; font-weight: bold; }

.deal .errorBox { clear: both; border: 1px solid #F00; background: #FDFFC2 url('../i/icn/error.gif') 6px 6px no-repeat; margin-bottom: 12px; padding: 5px 5px 5px 23px; color: #F00; font-weight: bold; line-height: 100%; }
.deal .breadCrumb { clear: both; margin-bottom: 12px; padding: 5px; color: #666; line-height: 100%;  }
.deal .breadCrumb span { color: #369; font-weight: bold;  }
.deal .warningBox { clear: both; border: 1px solid #F60; background: #FDFFC2 url('../i/icn/warning.gif') 6px 6px no-repeat; margin-bottom: 12px; padding: 5px 5px 5px 23px; color: #F60; font-weight: bold; line-height: 100%;  }
.deal .errorBox a,
.deal .errorBox a:link,
.deal .errorBox a:visited,
.deal .errorBox a:hover,
.deal .errorBox a:active,
.deal .noticeBox a,
.deal .noticeBox a:link,
.deal .noticeBox a:visited,
.deal .noticeBox a:hover,
.deal .noticeBox a:active,
.deal .warningBox a,
.deal .warningBox a:link,
.deal .warningBox a:visited,
.deal .warningBox a:hover,
.deal .warningBox a:active { color: #2F6681; }

.deal .orderInfo { overflow: hidden; height: 100%; margin: 12px 0; }
.deal .headerInfo h3 { padding-bottom: 0; margin-top:16px; font-weight:bold;}
.deal .headerInfo .dynamicJS { display: block; margin: 3px 0 6px; }
.deal .headerInfo form label { width: 13.5em; font-weight: bold; }
.deal .requiredField { margin: 3px 0; }

.deal .discountInfo { text-align: right; color: #666; line-height: 130%; }
.deal .discountInfo .links { margin-bottom: 6px; }
.deal .discountInfo strong.dark { color: #262626; }
.deal .discountInfo form { padding-top: 12px; text-align: right; }
.deal .rules { overflow: hidden; height: 100%; border-width: 1px 0 1px 0; border-style: solid; border-color: #CCC; padding: 6px 0; margin-bottom: 6px; font-weight: normal; }
.deal .orderTotalLabel { font-size: 118%; }
.deal .orderTotalNumber { font-size: 136%; }


.deal form.changeOrderName label { width: 160px; clear: left; float: left; line-height: 140%; }
.deal form.changeOrderName .inpText { width: 200px; }
.deal form.attachPO .inpFile { margin-top: 6px; }
.deal form.attachPO .modalSubmit,
.deal form.changeOrderName .modalSubmit { clear: both; width: 205px; margin-top: 6px; padding-top: 6px; }
.deal form.attachPO .modalSubmit { padding-left: 80px; }
.shadowModalContent form.attachPO,
.shadowModalContent form.changeOrderName { padding: 12px 6px 6px; } 

.deal ul.utilities { clear: left; float: left; list-style: none; margin: 6px 0 12px; width: 100%; }
.deal ul.utilities li { display: inline; float: left; margin-right: 12px; }
.deal ul.utilities a.icnExport { background: url('../i/icn/export.gif') 0 50% no-repeat; padding: 2px 0 2px 20px; display: block; float: left; }
.deal ul.utilities a.icnPrint { background: url('../i/icn/print.gif') 0 50% no-repeat; padding: 2px 0 2px 20px; display: block; float: left; }
.deal ul.utilities a.icnShare { background: url('../i/icn/share.gif') 0 50% no-repeat; padding: 2px 0 2px 20px; display: block; float: left; }
.deal ul.utilities a.icnCopy { background: url('../i/icn/copy.gif') 0 50% no-repeat; padding: 2px 0 2px 20px; display: block; float: left; }
.deal ul.utilities a.icnDelete { background: url('../i/icn/delete.gif') 0 50% no-repeat; padding: 2px 0 2px 18px; display: block; float: left; }

.deal .tabRow { float: left; width: 100%; background: url('../i/tab/bg.gif') 0 0 repeat-x; margin-bottom: 12px; }
.deal ul.tabs { overflow: hidden; list-style: none; font-size: 90%; }
.deal ul.tabs li { display: block; line-height: 30px; margin: 0 2px 0 0; float: left; color: #333; background: url('../i/tab/right.gif') 100% 0 no-repeat; }
.deal ul.tabs li a { display: block; float: left; padding: 0 12px; background: url('../i/tab/left.gif') 0 0 no-repeat; outline: none; }
.deal ul.tabs li a:link,
.deal ul.tabs li a:visited,
.deal ul.tabs li a:hover,
.deal ul.tabs li a:active { color: #2F6681; text-decoration: none; font-weight: bold; }
.deal ul.tabs li:hover,
.deal ul.tabs li.hover { background: url('../i/tab/hover_right.gif') 100% 0 no-repeat; }
.deal ul.tabs li a:hover,
.deal ul.tabs li a.hover { background: url('../i/tab/hover_left.gif') 0 0 no-repeat; }
.deal ul.tabs li:active,
.deal ul.tabs li.active { background: url('../i/tab/active_right.gif') 100% 0 no-repeat; }
.deal ul.tabs li a:active,
.deal ul.tabs li a.active { background: url('../i/tab/active_left.gif') 0 0 no-repeat; }
.deal ul.tabs li.selected,
.deal ul.tabs li.selected:hover,
.deal ul.tabs li.selected:active { background: url('../i/tab/selected_right.gif') 100% 0 no-repeat; }
.deal ul.tabs li.selected a,
.deal ul.tabs li.selected a:hover,
.deal ul.tabs li.selected a:active { background: url('../i/tab/selected_left.gif') 0 0 no-repeat; }
.deal ul.tabs li.selected a:link,
.deal ul.tabs li.selected a:visited,
.deal ul.tabs li.selected a:hover,
.deal ul.tabs li.selected a:active { color: #333; text-decoration: none; font-weight: bold; }


/* Page specific styles */
.deal .createDeal { margin-left: 0px; margin-top: 18px;}
.deal .createDeal input.text { border: 1px solid #CCC; width: 300px; margin-bottom: 6px; }
.deal .createDeal label.left { width: 150px; font-weight: bold;}
.deal .createDeal textarea { height: 100px; }
.deal .createDeal .submitButtons { padding-top: 5px; border-top: 1px solid #CCC;} /* TEMP */

.deal div.orderLine { overflow: hidden; }
.deal div.orderLine .title { font-weight: bold; font-size: 120%; margin-left: 6px; margin-bottom: 12px; }
.deal div.orderLine .items2 { float: left; width: 50%; }
.deal div.orderLine .items3 { float: left; width: 33%; }
.deal div.orderLine .items4 { float: left; width: 25%; }
.deal div.orderLine .items5 { float: left; width: 20%; }
.deal div.orderLine .items6 { float: left; width: 16%; }
.deal div.orderLine .items7 { float: left; width: 14%; }
.deal div.orderLine .items8 { float: left; width: 12%; }
.deal div.orderLine .items9 { float: left; width: 11%; }
.deal div.orderLine .items10 { float: left; width: 10%; }
.deal div.orderLine .active { background: url('../i/bg/order_line_active.gif') center 16px no-repeat; }
.deal div.orderLine .inactive { background: url('../i/bg/order_line_inactive.gif') center 16px no-repeat; }
.deal div.orderLine .startActive { background: url('../i/bg/order_line_start_active.gif') center 16px no-repeat; }
.deal div.orderLine .startInactive { background: url('../i/bg/order_line_start_inactive.gif') center 16px no-repeat; }
.deal div.orderLine .endActive { background: url('../i/bg/order_line_end_active.gif') center 16px no-repeat; }
.deal div.orderLine .endInactive { background: url('../i/bg/order_line_end_inactive.gif') center 16px no-repeat; }
.deal div.orderLine .leftActive { background: url('../i/bg/order_line_left_active.gif') center 16px no-repeat; }
.deal div.orderLine .rightActive { background: url('../i/bg/order_line_right_active.gif') center 16px no-repeat; }
.deal div.orderLine .dotActive .orderLineNumber,
.deal div.orderLine .dotInactive .orderLineNumber { font-family: sans-serif; font-size: 14px; height: 24px; padding: 11px 0 0; text-align: center; font-weight: bold; }
.deal div.orderLine .dotActive .orderLineNumber { color: #2F6681; background: url('../i/bg/order_line_active_dot.gif') center 5px no-repeat; }
.deal div.orderLine .dotInactive .orderLineNumber { color: #C0D1D9; background: url('../i/bg/order_line_inactive_dot.gif') center 5px no-repeat; }
.deal div.orderLine .dotActive .orderLineDesc { margin-top: 5px; line-height: 120%; height: 2.4em; font-weight: bold; color: #333; text-align: center; }
.deal div.orderLine .dotInactive .orderLineDesc { margin-top: 5px; line-height: 120%; height: 2.4em; font-weight: normal; color: #666; text-align: center; }
.deal div.orderLine .orderLineDesc a { font-weight: normal; }
.deal div.orderLine .lineItemStatus { clear: left; line-height: 160%; margin-left: 6px; }

.deal table caption { font-size: 118%; font-weight: bold; line-height: 120%; color: #333; text-align: left; margin-top: 12px; }
.deal table caption span.title { float: left; }
.deal table caption a { font-size: 75%; }
.deal table caption a.first { padding-left: 6px; }
.deal table caption span.priceList { float: right; font-size: 80%; font-weight: normal; line-height: 100%; margin-top: 4px; }

.deal table.static,
.deal table.collapsablePromo { clear: both; width: 100%; border-width: 1px; border-style: solid; border-color: #CCC; margin-top: 6px; margin-bottom: 12px; }
.deal table.static      thead tr th,
.deal table.collapsablePromo thead tr th { background: url('../i/bg/thead.gif') 0 0 repeat-x; border-left: 1px solid #CCC; white-space: nowrap; font-weight: bold; padding: 6px 5px 3px; vertical-align: middle; }
.deal table.static      thead tr th { text-align: left; }
.deal table.collapsablePromo thead tr th { text-align: right; }
.deal table.static      thead tr th.checkBox,
.deal table.static      thead tr th.checkAllBox,
.deal table.collapsablePromo thead tr th.checkBox,
.deal table.collapsablePromo thead tr th.checkAllBox { border-left: 0; border-right: 1px solid #CCC; }
.deal table.static      thead tr th.first { border-left: 0; }
.deal table.collapsablePromo thead tr th.first { border-left: 0; text-align: left; padding-left: 1.85em; }
.deal table.static      thead tr th.last,
.deal table.static      tbody tr td.last,
.deal table.collapsablePromo thead tr th.last,
.deal table.collapsablePromo tbody tr td.last { padding-right: 9px; }
.deal table.collapsablePromo thead tr th.po { text-align: left; width: 220px; }
.deal table.static      tfoot tr td,
.deal table.collapsablePromo tfoot tr td {
	background: url('../i/bg/tfoot.gif') 0 0 repeat-x;
	padding: 6px 5px;
	text-align: left;
	border-top: 1px solid #CCC;
	font-weight: normal;
}
.deal table.static      tfoot tr td.first,
.deal table.collapsablePromo tfoot tr td.first { padding-left: 1.85em; }
.deal table.static      tfoot tr td .btnImage,
.deal table.collapsablePromo tfoot tr td .btnImage { float: left; margin-right: 6px; }
.deal table.static      tfoot tr td a,
.deal table.collapsablePromo tfoot tr td a { line-height: 20px; }
.deal table.static      tbody tr,
.deal table.collapsablePromo tbody tr { background-color: #FFF; }
.deal table.static      tbody tr:hover,
.deal table.collapsablePromo tbody tr:hover { background-color: #f3f3f3; }
.deal table.collapsablePromo tbody tr.primary td { background-color: #CCCCCC; font-weight: bold; border-bottom: 1px solid #999; }
.deal table.collapsablePromo tbody tr.primary:hover td { background-color: #CCCCCC; }
.deal table.static      tbody tr td,
.deal table.collapsablePromo tbody tr td { vertical-align: top; border-top: 1px solid #CCC; }
.deal table.static      tbody tr td { padding: 7px 5px; text-align: left; }
.deal table.collapsablePromo tbody tr td { padding: 7px 5px; text-align: right; }
.deal table.static      tbody tr td.first,
.deal table.collapsablePromo tbody tr td.first { text-align: left; padding-left: 0.5em; }
.deal table.collapsablePromo tbody tr td.first .plusMinus { float: left; margin-right: 6px; width: 13px; height: 13px; margin-left: 9px; }
.deal table.collapsablePromo tbody tr td.first .icnPlus { background: url('../i/btn/plus.gif') 0 0 repeat-x; }
.deal table.collapsablePromo tbody tr td.first .icnMinus { background: url('../i/btn/minus.gif') 0 0 repeat-x; }
.deal table.collapsablePromo tbody tr td.first .noPlusMinus { margin-left: 19px; }
.deal table.collapsablePromo tbody tr td.first .noSubPlusMinus { margin-left: 31px; }
.deal table.collapsablePromo tbody tr td.first .num { float: left; margin-right: 3px; font-weight: bold; }
.deal table.collapsablePromo tbody tr td.first .item { float: left; font-weight: bold; }
.deal table.collapsablePromo tbody tr td.first .button { margin-left: 19px; }
.deal table.static      thead tr th.alignLeft,
.deal table.static      tbody tr td.alignLeft,
.deal table.collapsablePromo thead tr th.alignLeft,
.deal table.collapsablePromo tbody tr td.alignLeft { text-align: left; }
.deal table.static      thead tr th.alignRight,
.deal table.static      tbody tr td.alignRight,
.deal table.collapsablePromo thead tr th.alignRight,
.deal table.collapsablePromo tbody tr td.alignRight { text-align: right; }
.deal table.static      thead tr th.alignCenter,
.deal table.static      tbody tr td.alignCenter,
.deal table.collapsablePromo thead tr th.alignCenter,
.deal table.collapsablePromo tbody tr td.alignCenter { text-align: center; }
.deal table.collapsablePromo tbody tr td .desc { color: #333; font-weight: normal; font-size: 90%; }
.deal table.static      thead tr th.checkBox,
.deal table.static      thead tr th.checkAllBox,
.deal table.static      tbody tr td.checkBox,
.deal table.collapsablePromo thead tr th.checkBox,
.deal table.collapsablePromo thead tr th.checkAllBox,
.deal table.collapsablePromo tbody tr td.checkBox { padding: 4px 0; text-align: center; }
.deal table.collapsablePromo tbody tr td .options { font-weight: normal; font-size: 90%; white-space: nowrap; }
.deal table.static      a:link,
.deal table.static      a:visited,
.deal table.static      a:hover,
.deal table.static      a:active,
.deal table.collapsablePromo a:link,
.deal table.collapsablePromo a:visited,
.deal table.collapsablePromo a:hover,
.deal table.collapsablePromo a:active { font-weight: normal; text-decoration: underline; }
.deal table.collapsablePromo div.error { background: url('../i/icn/error.gif') left center no-repeat; color: #F00; font-size: 90%; height: 1.3em; margin-left: -15px; padding-left: 16px; }
.deal table.collapsablePromo span.error { color: #F00; }
.deal table.collapsablePromo .errorIcon { background: url('../i/icn/error.gif') 0 2px no-repeat; color: #F00; font-size: 90%; line-height: 15px; padding-left: 15px; }
.deal table.collapsablePromo span.warning { color: #F60; }
.deal table.collapsablePromo .warningIcon { background: url('../i/icn/warning.gif') 0 2px no-repeat; color: #F60; font-size: 90%; line-height: 15px; padding-left: 15px; }

.deal div.inpExpanded { top: -5000px; left: -5000px; position: absolute; width: 180px; }
.deal div.inpExpanded input.inpExpanded { font-weight: bold; width: 20px; }

.deal div.enterQualWrapper { width: 600px;}

.deal div.enterQual {
	margin: 8px;
	padding-bottom: 24px;
	padding-top: 12px;
	padding-left: 12px;
	padding-right:12px;
}
.deal div.on { background-color: #F0F5F9; }

.deal div.enterQual div.leftLabel {
	width: 320px;
	float: left;
	color: #3C3C3C;
}
.deal div.enterQual div.rightData { margin-left: 340px; }
.deal div.enterQual div.rightData span { font-weight: bold; }
.deal div.enterQual div.floatContainer { margin-left: 5px; }
.deal div.enterQual div.rightData a { display: block; margin-bottom: 6px; }
.deal div.enterQual div.rightData select { width: 190px; }
.deal div.enterQual .inpText { width: 190px; }
.deal div.enterQual textarea { width: 190px; }

.deal .total { padding: 7px 0; color: #666; }
.deal .total strong { color: #333; }
.deal .grandTotal { padding: 6px 0; font-size: 110%; color: #666; font-weight: bold; }
.deal .grandTotal strong { color: #333; }
.deal .grandTotal input { float: right; margin-top: -3px; }
.deal .grandTotal div { float: left; }
.deal .address,
.deal .contact { line-height: 130%; }

.deal div.headerPO div.leftLabel { width: 180px; clear: left; float: left; line-height: 140%; }
.deal div.headerPO div.rightData { margin-left: 185px; }
.deal div.headerPO div.rightData .inpText { width: 125px }

.deal div.tabContent { margin: 24px 0 0; }
.deal div.tabContent div { margin-bottom: 4px; }
.deal div.tabContent div div { margin: 0; }
.deal div.tabContent div.leftLabel { width: 195px; float: left; font-weight: bold; }
.deal div.tabContent div.rightData { margin-left: 200px; }
.deal div.tabContent div.rightData span { font-weight: bold; text-transform:uppercase; }
.deal div.tabContent div.floatContainer { margin-left: 0px; }
.deal div.tabContent div.rightData a { display: block; margin-bottom: 6px; }
.deal div.tabContent select { width: 210px;}
.deal div.tabContent .inpText { width: 320px; }

/* Deal Summary -- Hidden by default */
.deal div.dealSum { margin: 4px 0 15px; background-color:#e9fdea; padding: 10px; border: 1px solid #e5e5e5; }
.deal div.dealSum p { margin-left: 8px; background: url('../i/icn/checkmark.gif') 0 30% no-repeat; padding: 2px 0 2px 25px; display: block; }
.deal div.dealSum h3 { font-size:100%; font-weight:bold; }
.deal div.dealSum p a { font-weight:bold }
.deal div.dealSum p label { font-weight: bold; margin-left: 8px;}
.deal div.dealSum span label { float:right; font-size: 85% }
.deal div.dealSum .warning { margin-left: 8px; background: url('../i/icn/warning.gif') 0 30% no-repeat; padding: 2px 0 2px 20px; display: inline; color: #ff6600; }

.deal div.dealSum div.quoteAlert { margin-left: 8px; padding: 12px 0 2px 25px; display: block; }
.deal div.dealSum div.quoteAlert label { font-weight:bold }

/* Deal Comments-- Hidden by default */
.deal div.comments { margin: 0; background-color:#e9fdea; padding: 0px; border: 1px solid #e5e5e5; }
.deal div.comments div.commentHeader { background-color:#daf8da; padding: 10px; }
.deal div.comments p { padding: 10px; }
.deal div.comments div.commentHeader label { float:right; font-size: 85%; }

.deal div.bottomLinks { padding-top: 12px; }

/* Modals -- Hidden by default */
#dealModalHideSelect { border: 0; margin: 0; padding: 0; z-index: 2639; top: 0; left: 0; position: absolute; filter: alpha(opacity=0); opacity: 0; }
#dealModalWashout { border: medium none; margin: 0; padding: 0; z-index: 3000; cursor: wait; top: 0; left: 0; position: fixed; background-image: url('../i/bg/washout.png'); } /* Using an alpha PNG instead of the opacity class to add support for Opera 8 and below. */
/* #changeNameModal, #componantSearchModal, #copyModal, #deleteModal, #exportModal, #printModal, #removeModal,
#routeModal, #uploadModal, #validationModal, #warningModal { position: absolute; top: -9999px; left: -9999px; } */
.deal .modal { z-index: 3764; position: fixed; display: none; left: 50%; top: 50%; }
.deal .toolTip { z-index: 2000; position: absolute; display: none; width: 350px; }
.deal .qtyModal { z-index: 3000; position: absolute; display: none; width: 175px; }

/* Drop shadows for modals */
.deal .shadowTopLeft { width: 5px; height: 10px; float: left; background: url('../i/bg/shadow_tl.png'); }
.deal .shadowTopRight { width: 5px; height: 10px; float: right; background: url('../i/bg/shadow_tr.png'); }
.deal .shadowLeft { padding-left: 5px; background: url('../i/bg/shadow_left.png') 0 0 no-repeat; }
.deal .shadowRight { padding-right: 5px; background: url('../i/bg/shadow_right.png') 100% 0 repeat-y; }
.deal .shadowModalContent { border: 1px solid #999; background-color: #FFF; width: auto; }
.deal .shadowTipContent { border: 1px solid #999; background-color: #FFC; width: auto; }
.deal .shadowBottomLeft { padding-left: 10px; background: url('../i/bg/shadow_bl.png') 0 0 no-repeat; }
.deal .shadowBottomRight { padding-right: 10px; background: url('../i/bg/shadow_br.png') 100% 0 no-repeat; }
.deal .shadowBottom { height: 10px; background: url('../i/bg/shadow_bottom.png') 0 0 repeat-x; }
.deal .shadowModalContent h4 { color: #FFF; background-color: #484848; margin: 0; padding: 6px; }

.deal .formQty { padding: 12px 10px 10px; }
.deal .formQty label { float: left; padding-right: 6px; }
.deal .formQty .submitButtons { margin-top: 6px; }

.deal .qtyModal .shadowModalContent { position: relative; }
.deal .qtyModal .shadowModalContent label { position: absolute; top: 10px; left: 10px; }
.deal .qtyModal .shadowModalContent .inpQty { position: absolute; top: 10px; right: 10px; }
.deal .qtyModal .shadowModalContent .submitButtons { margin-top: 24px; }

.deal .toolTipContent { padding: 5px; color: #333; text-align: left; }
.deal .toolTipContent p { margin: 0 0 5px; }
.deal .toolTipContent .btnClose { float: right; margin: 0; padding: 0 0 6px 6px; }

.deal .modalContent { padding: 10px 10px 10px 15px; }
.deal .modalContent input.inpText { width: 234px; }
.deal .modalContent .label { clear: left; float: left; width: 95px; margin-top: 10px; }
.deal .modalContent .leftpad { padding-left: 100px; padding-top: 10px; }
.deal .modalContent .modalSubmit { border-top: 1px solid #C7C7C7; text-align: right; padding-top: 10px; margin-top: 10px; }
.deal .modalContent .modalSubmit input { padding-left: 6px; outline: none; }
.deal .modalContent .optionsContainer { padding: 10px 0 10px 42px; }
.deal .modalContent .modalSubmitVertical { border-top: 1px solid #C7C7C7; text-align: left; padding-top: 4px; padding-right: 10px; margin-left: -5px; }
.deal .modalContent .modalSubmitVertical input { padding-top: 6px; outline: none; }
.deal .modalContent .modalSubmitVertical div { display: block; padding: 2px 2px 6px; }
.deal .modalContent textarea.medium { width: 325px; height: 75px; }
.deal .modalContent textarea.large { width: 325px; height: 125px; }

.deal .required { color: #F00 !important; }

.icw .icwOrder .icwShippingOptionsSummary h1 { font-size: 130%; font-weight: bold; }

.icw .icwViewActivity {width: 600px;}
.icw .icwViewActivity table {border: 1px solid #CCC;}
.icw .icwViewActivity th {border: 1px solid #FFF; }
.icw .icwViewActivity .tdFirst { background-color:#f2f2f2; font-weight:bold; width: 160px; border-bottom: 1px solid #CCC;}
.icw .icwViewActivity .tdHighlight { background-color:#facca7; border: 1px solid #FFF;}
.icw .icwViewActivity .alignR { text-align:right;}

.icw .icwViewActivity .icwTable .icwEmptyTable { height: 150px; }
.icw .icwViewActivity .icwTable { margin-bottom:15px; }
.icw .icwViewActivity .icwTable caption,
.icw .icwViewActivity .icwMessageHeader { font-size: 118.5%; font-weight: bold; padding-bottom: 5px; }
.icw .icwViewActivity .icwTable tfoot td { background: url(../i/bg/tfoot.gif) top repeat-x; }
.icw .icwViewActivity .icwTable .icwAlignCenter { text-align: center; }
.icw .icwViewActivity .icwTable tbody .icwAlignLeft { text-align: left; }

.icw .icwButtonCreateCustomer { width: 95px;  background-image: url(../i/btn/create_customer.gif); }
.icw .icwButtonCreateAnotherDeal { width: 127px;  background-image: url(../i/btn/create_another_deal.gif); }
.icw .icwButtonViewSubmittedDeal { width: 127px;  background-image: url(../i/btn/view_submitted_deal.gif); }
.icw .icwButtonRequestDealExtension { width: 135px;  background-image: url(../i/btn/request_deal_extension.gif); }
.icw .icwButtonFilterQuote { width: 68px;  background-image: url(../i/btn/filter_quote.gif); }
.icw .icwButtonConvertSelectedItemsToOrder { width: 169px;  background-image: url(../i/btn/convert_selected_items_to_order.gif); }
.icw .icwButtonConvertEntireQuoteToOrder { width: 179px;  background-image: url(../i/btn/convert_entire_quote_to_order.gif); }
.icw .icwButtonEditThisQuote { width: 100px;  background-image: url(../i/btn/edit_this_quote.gif); }
.icw .icwButtonUnlock { width: 45px;  background-image: url(../i/btn/unlock.gif); }

.icw .icwButtonAlert {
	width:135px;
	float: right;
	display: inline;
}

.icw .icwInnerModalContent .leftCol {
	width:48%;
	float: left;
}
.icw .icwInnerModalContent .rightCol { width:50%; float: right; }
.icw .alertButton {
	width: 200px;
	display: inline;
	color: #ff6600;
	font-weight: bold;
	float: right;
	margin-right: 345px;
	border: 1px solid #ff6600;
	padding: 5px;
	background-color: #FFFFCC;
}
.icw .alertButtonNoBorder {
	width: 800px;
	font-weight: bold;
	padding: 5px;
}
.icw .alertButtonNoBorder label {
	float:left;
	width: 175px;
}
.icw .alertButtonNoBorder .alertText {
	float:left;
	width: 175px;
	color: #ff6600;
	font-weight:bold;
}
.icw .icwFilterQuote {
	width:100%;
	float: left;
	background-color: #f2f2f2;
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	vertical-align: baseline;
	margin-bottom: 10px;
}
.icw .icwFilterQuote .filterDesc {
	float:left;
	margin-left:50px;
	width:400px;
	vertical-align: baseline;
	padding: 4px;
}
.icw .icwFilterQuote .filterBtn {
	float:right;
	width:280px;
	vertical-align: middle;
	margin-top: 4px;
}
.icw .icwPrimaryRow .icwBlueMess { color: #1F477D;}