@import "../jquery-ui.css";
@import "../bootstrap.css";
/*@import "../bootstrap-responsive.min.css";*/
/*@import "bootstrap.custom.css";*/
@import "jquery-ui.custom.css";


BODY , p , table, textarea, pre, code , label, button,input,select {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; line-height:160%; text-rendering: optimizeLegibility; }

#eWebForm {display:inline;}
.CalendarEventTitleStyle {font-size:7pt;}
.CalendarEventDayStyle{color:red;}
.DashboardHyperLinkSelected{font-weight:bold;}
.DashboardLabelHeader{font-weight:bold;}
.DashboardTD{font-size:8pt;}
.DashboardTH{font-size:8pt;font-weight:bold;}
.DataFormAuditCaption{font-size:7pt;}
.DataFormAuditValue{font-size:7pt;}
.DataFormButton{font-size:11pt;}
.DataFormCaptionFONT { border-width:0; border-style:solid;} 
.DataFormCaptionInvalidTD {font-size:8pt;color:red;} 
.DataFormCaptionTD {width: 20%; text-align: right;} 

.DataFormTitleIcon { text-align: left; border: none; }
.DataFormChildTitleIcon { text-align: left; border: none }
.DataFormChildGridDiv{overflow:auto;height:180px;width:100%}
.DataFormChildTABLE{width:800px;}
.DataFormChildHeader, DataFormChildHeaderRHS, .DataFormChildHeaderIndent, .DataFormChildHeaderNoFilter {text-indent:2px;font-size:13pt;color:#b30000; padding:6px 4px; font-style: italic;  width:100%;  background-color:#f4f4f4}
.DataFormChildHeader INPUT {MARGIN: 2px 4px 0px; DISPLAY: inline-block}
.DataFormChildHeader { display:block}
.DataFormChildHeader IMG {MARGIN: 2px 4px 0px; DISPLAY: inline-block}
.DataFormChildHeader SPAN { LINE-HEIGHT: 14px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; DISPLAY: inline-block; VERTICAL-ALIGN: top;}
.DataFormChildHeader DIV {DISPLAY: inline-block; FLOAT: left}

.DataFormChildDataGridAlternatingItem{ background-color:#f4f4f4;}
.DataFormChildDataGridOverflow{overflow:auto;}
.DataFormChildDataGridAlternatingItemLink{font-weight:bold;}
.DataFormChildDataGridFooter{  font-weight: bold;}
.DataFormChildDataGridHeader{  font-weight: bold;background-color:#eee;}
.DataFormChildDataGridHeader1{ font-weight: bold;background-color:#eee;}
.DataFormChildDataGridHeaderLink{text-decoration:none; font-weight:normal;}
.DataFormChildDataGridItemLink{font-weight:bold;}
.DataFormChildDataGridPager{ font-size:10pt;color:#000000;}
.DataFormChildDataGridPagerLink, .pager a:hover {color:#fff; font-size: 9pt; padding:1px 8px; display:inline-block; border:1px solid #aaa; background-color:#b30000;  margin-bottom:10px;}
a.DataFormChildDataGridPagerLink, .pager a {color:#000000; font-size: 9pt; padding:1px 8px; display:inline-block; border:1px solid #aaa; background:#fff; margin-bottom:10px; margin-left:2px}
.DataFormChildDataGridSelectedItem{font-weight: bold;color:#ffffff;background-color:#663399;}
.DataFormChildDataGridSelectedItemLink{color:#000000;}
.DataFormCompareValidator{color:red;}
.DataFormDivDefault{ border: 1px dotted #ddd; padding:10px; margin-bottom:10px }
.DataFormDivFormBackground{border-width:1px; border-style:solid;background-color:ghostwhite;border-color:Silver;}
.DataFormDivHiddenDiv{opacity: 0.00}
.DataFormDivLabelBackground{background-color:ghostwhite}
.DataFormDivNoBorder { border-style:none;}
.DataFormDivNoBorderGray { border-style:none; background-color:Gray;}
.DataFormDivNoBorderLightGray { border-style:none; background-color:#F3F0F6;}
.DataFormDivNoBorderBlue { border-style:none; background-color:Blue;}
.DataFormDivNoBorderGreen { border-style:none; background-color:Green;}
.DataFormDivNoBorderRed { border-style:none; background-color:Red;}
.DataFormDivNoBorderWhite { border-style:none; background-color:White;}
table.DataFormDropDownList{ width:99%}
.DataFormFooterTitleTD { padding-left:4px; padding-right:4px; font-weight:bold; color:#663399;  background-color:White;}
.DataFormHeaderLabel{font-weight:bold;}
.DataFormHeaderTD{font-weight:bold;} 
.DataFormHyperLink{text-decoration:none;}
.DataFormHyperLinkHighlight{font-size:10pt;}
.DataFormLabel{ color:#666; font-size:11pt;}
.DataFormLabelErrorMessage, span.DataFormLabelErrorMessage{background-color:red; color:#fff; padding:0px 5px; display:block}
.DataFormLabelHeader{font-weight:bold;background-color:#efefef;}
.DataFormLabelHeaderBG{font-weight:bold;background-color:#f3f3f3;}
.DataFormLabelSubHeaderBG{font-weight:bold;background-color:#f3f3f3;}
.DataFormLabelInvalidMessage{color:red;font-weight:bold;}
.DataFormLabelProgress{}
.DataFormLabelReadOnly{}
.DataFormLabelRecordCount{ font-weight:normal;}
.DataFormLabelRecordNumber{}
.DataFormLabelRequired{font-weight:bold; }
.DataFormLabelSubHeader{font-weight:bold;}
.DataFormLabelTitle{font-weight:bold;}
.DataFormLabelValidMessage{background-color: #ccc;font-weight:bold; color:white; padding:2px 6px; display:block}
.DataFormLabelWarning{color:red;}
.DataFormLabelWizardHeader{font-size:9pt;font-weight:bold;}
.DataFormLinkButton{}
.DataFormListBox{}
.DataFormListDataGrid{}
.DataFormListDiv{overflow:auto;height:469px;width:800px;}
.DataFormListTD{}
.DataFormListTDDataGrid{behavior: url(../style/behavior/TableRowOver.htc); font-size:8pt;width:100%;}
.DataFormListTDDataGridAlternatingItem{ font-size: 8pt;color:#000000;background-color:#F3F0F6;}
.DataFormListTDDataGridAlternatingItemLink{color:#000000;font-weight:bold;}
.DataFormListTDDataGridCell{color:#000000;background-color:#efefef; border-color:#d9cfc0; border-style: solid; border-width: 0 0 1px 0;}
.DataFormListTDDataGridFooter{ font-weight: bold;color:#ffffff;}
.DataFormListTDDataGridHeader{  font-weight: bold;color:#ffffff;background-color:#663399;}
.DataFormListTDDataGridHeaderLink{color:#ffffff;text-decoration:none;}
.DataFormListTDDataGridItem{ color:#000000;background-color:#F3F0F6;}
.DataFormListTDDataGridItemLink{color:#000000;font-weight:bold;}
.DataFormListTDDataGridPager{ font-size: 9pt;color:#000000;}w
.DataFormListTDDataGridPagerLink{color:#000000;}
.DataFormListTDDataGridSelectedItem{  font-weight: bold;color:#ffffff;background-color:#993399;}
.DataFormListTDDataGridSelectedItemLink{color:#000000;}
.DataFormRangeValidator{color:red;}
.DataFormRegularExpressionValidator{color:red}
.DataFormRequiredFieldValidator{color:red}
.DataFormTH{font-weight:bold}
.DataFormNestedTableTD{ border-style: solid; border: 1px solid #ddd;}
.DataFormNestedTableTH{  font-weight: bold;background-color:#CCCCCC;color:#000000;}
.DataFormNestedTableHeaderTR {  font-weight: bold;background-color:#CCCCCC;color:#000000;}
.DataFormValidationSummary{color:red}
.DataFormValidationTD {color:red}
.DataGridHeader{font-style:italic;color:#888;}
.DataGridItem{border: solid 1px #ffffff}
.DataGridPager{}
A.DataGridPagerLink:visited{color:Black;text-decoration:underline;font-size:8pt}
A.DataGridPagerLink:link{color:Black;text-decoration:underline;font-size:8pt}
A.DataGridPagerLink:active{color:White;background-color:Black;font-size:8pt}
A.DataGridPagerLink:hover{color:White;background-color:Black;font-size:8pt}

.ProfileTabTable .ProfileTitleContainer {PADDING-BOTTOM: 0px; MARGIN: 0px 4px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-TOP: 0px}
.ProfileTabTable DIV.ProfileTitle {	POSITION: relative; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #cddbec; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; HEIGHT: 18px; COLOR: #2a618c; TOP: 2px; PADDING-TOP: 2px}
.DesignedTABLE{width:100%; }
.ErrorPageTD{font-size:8pt;color:red}
.ErrorPageTitle{font-size:9pt;font-weight:bold;color:red}
.ItemLinksTable{border-style: none}
A.FormLinksHyperLink:visited{color:Blue; background-color:White; text-decoration:none;font-size:8pt}
A.FormLinksHyperLink:link{color:Blue; background-color:White; text-decoration:none;font-size:8pt}
A.FormLinksHyperLink:active{color:White; background-color:Blue; text-decoration:none;font-size:8pt}
A.FormLinksHyperLink:hover{color:White; background-color:Blue; text-decoration:none;font-size:8pt}
A.RecentContactsHyperLink:visited{color:Blue; background-color:White; text-decoration:none;font-size:8pt}
A.RecentContactsHyperLink:link{color:Blue; background-color:White; text-decoration:none;font-size:8pt}
A.RecentContactsHyperLink:active{color:White; background-color:Blue; text-decoration:none;font-size:8pt}
A.RecentContactsHyperLink:hover{color:White; background-color:Blue; text-decoration:none;font-size:8pt}
A.ItemLinksHyperLink:visited{color:Black;text-decoration:none;font-size:8pt}
A.ItemLinksHyperLink:link{color:Black;text-decoration:none;font-size:8pt}
A.ItemLinksHyperLink:active{color:White; text-decoration:none; background-color:Black;font-size:8pt}
A.ItemLinksHyperLink:hover{color:White; text-decoration:none; background-color:Black;font-size:8pt}
A.ItemLinksHyperLinkSelected:visited{color:Black;text-decoration:none;font-size:8pt; font-weight:bold}
A.ItemLinksHyperLinkSelected:link{color:Black;text-decoration:none;font-size:8pt; font-weight:bold}
A.ItemLinksHyperLinkSelected:active{color:White; text-decoration:none; background-color:Black;font-size:8pt; font-weight:bold}
A.ItemLinksHyperLinkSelected:hover{color:White; text-decoration:none; background-color:Black;font-size:8pt; font-weight:bold}
.LeftUIOuterTable{width:160px; border:none}
.LeftUITable{width:100%; border: solid 1px #C5B5D4;}
.LeftUIInnerTable{width:100%;}
.LeftUIInnerTableTD{width:100%; background-color: White; border-color: black black #C5B5D4;  font-size: 8pt; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;padding-left: 12px}
.LeftUISectionTitle{ font-size:8pt; font-weight:bold;line-height:18px}
.LeftUISectionTitleNotBold{ font-size:8pt;}
.LeftUITableHeaderTD{font-size:9pt;font-weight:bold;background-color:#999;color:#ffffff; padding-left:3px;height:11px; }
.LeftUITableHeaderTDRHS{font-size:9pt;font-weight:bold;background-color:#663399;color:#ffffff; height:11px; }
.LeftUIDropDownListFind{font-size:8pt;width:160px ;background-color:#F3F0F6}
.LeftUIDropDownListAccessed{font-size:8pt;width:160px;background-color:#F3F0F6}

.PageFrameworkBODY{ background:#eee }
.PageFrameworkBODYModal{background-color:#FFFFFF;color:#000000;margin:0;}
.ProfileHeaderP{font-size:9pt;font-weight:bold}
.ProfileHeaderTD{font-size:9pt;font-weight:bold}
.ProfileP{font-size:8pt}
.ProfileTD{font-size:8pt;width:100%}
.ProfileTH{font-size:9pt;font-weight:bold}

.ProfileRecordNavTD{font-size:8pt}
.ProfileRecordNavTR{font-size:8pt}
.ProfileTabStripDiv{ border-style:none;}
.ProfileTabStripTD{ text-align:center; background-color:#d9cfc0; border-bottom: solid 1px White;}
.ProfileTabStripTDSelected{ text-align:center; background-color:#663399; border-bottom: solid 1px #663399;}
.ProfileTabStripLinksTD{ text-align:right; background-color:#663399; border-bottom: solid 1px #663399; color: White; font-size:7pt;}
.ProfileTabStripChildLinksTD{ text-align:center; background-color:#663399; color: White; font-size:7pt;}
A.ProfileTabStripLink:visited{ color:Black; font-size:8pt; text-decoration:none;}
A.ProfileTabStripLink:link{ color:Black; font-size:8pt; text-decoration:none;}
A.ProfileTabStripLink:active{ color:White; background-color: Black; font-size:8pt; text-decoration:none;}
A.ProfileTabStripLink:hover{ color:White; background-color: Black; font-size:8pt; text-decoration:none;}
A.ProfileTabStripLinkSelected:visited{color:White; font-size:8pt; text-decoration:none;}
A.ProfileTabStripLinkSelected:link{color:White; font-size:8pt; text-decoration:none;}
A.ProfileTabStripLinkSelected:active{color:White; font-size:8pt; text-decoration:none;}
A.ProfileTabStripLinkSelected:hover{color:White; font-size:8pt; text-decoration:none;}
A.ProfileTabStripLinks:visited{color:White; font-size:7pt; text-decoration:none;}
A.ProfileTabStripLinks:link{color:White; font-size:7pt; text-decoration:none;}
A.ProfileTabStripLinks:active{color:White; font-size:7pt; text-decoration:none;}
A.ProfileTabStripLinks:hover{color:White; background-color: Black; font-size:7pt; text-decoration:none;}
.QueryFormTABLE{border-style:inset; border-width:thin;width:100%}
.QueryTable{border-style:outset;border-width:thin;}
.QueryTD{font-size:8pt}
.QueryTH{font-size:8pt;font-weight:bold}
.QuickReportHyperLink{font-size:8pt;color:#000000}
.ReportTD{font-size:8pt}
.ReportTR{}

#SystemTextBox {border:transparent;}
.TabOrderLabel{font-size:8pt; color:White; background-color:Red;}
.UILabel{font-size:8pt}
.DemoMultiPage{border-width:1px;border-top:none;padding:1px;width:600px;height:600px;}
.DemoTabStripTabSelectedStyle{border-style:solid;font-weight:bold;font-size: 8pt;background-color:White;}
.DemoTabStripTabDefaultStyle{border-color:Black;border-width:1px;border-style:solid;width:100px;text-align:center; background-color:White; font-size:8pt}

.WizardOuterTable{border-style:none;}
.WizardInnerTable{border-style:none;}
.WizardMultiPage{border-style:solid;border-width:1px;border-top:none;padding:1px;}
.wizardstep { font-size: 12pt; font-weight: bold ; color: #990000}
.WizardTabStripSepDefaultStyle{border-color:Black;border-width:1px; border-style:solid;border-top:none; border-left:none; border-right:none;}
.WizardTabStripSepHoverStyle{}
.WizardTabStripSepSelectedStyle{}
.WizardTabStripTabDefaultStyle{border-color:Black;border-width:1px;border-style:solid;width:100px;text-align:center; background-color:White;}
.WizardTabStripTabDefaultStyleError{border-color:Black;border-width:1px;border-style:solid;width:100px;text-align:center; background-color:Red;}
.WizardTabStripTabHoverStyle{background-color:#eeeeee}
.WizardTabStripTabSelectedStyle{border-style:solid;font-weight:bold;border-bottom:none}
.WizardTitle {font-size:2.3em; padding: 10px 0px 20px 0}
.WizardTitleSeparator { font-size: 10pt}
.WizardFormTitle { font-size: 8pt; font-weight:bold}
.WizardHeader { font-size: 14pt; color:#b30000; font-weight:bold}
.WizardProgressTable {width: 150px; border: solid 1px #663399;}
.WizardProgressHeaderTD{font-size:9pt;font-weight:bold;background-color:#663399;color:#ffffff; height:11px; }
.WizardProgressTableTR {}
.WizardProgressTableTD { border-top: solid 1px #663399;}
.WizardProgressStepTable {width: 150px;}
.WizardProgressStepTableActive{width: 150px;}
.WizardProgressStepNumberCell {width: 30px; text-align: right;}
.WizardProgressStepNumber { font-size: 16pt; font-weight: bold; font-style:italic;}
.WizardProgressStepNumberActive {}
.WizardProgressImageCell{width: 120px; text-align: center;}
.WizardProgressHyperLinkCell{width:120px; text-align: center;}
.WizardProgressHyperLinkCellSubItem{width:120px; text-align: left;}
A.WizardProgressHyperLink:visited{color:Black; font-size: 7pt;text-decoration:none;}
A.WizardProgressHyperLink:link{color:Black; font-size: 7pt;text-decoration:none;}
A.WizardProgressHyperLink:active{color:Black; background-color:White;  font-size: 7pt;text-decoration:none;}
A.WizardProgressHyperLink:hover{color:Black; background-color:White;  font-size: 7pt;text-decoration:none;}
.WizardProgressHyperLinkCurrent {color:Black; font-size: 7pt; font-weight: bold;}
.wizardbutton {font-size:11pt; vertical-align:top;}

/* DISCUSSION GROUPS */
.DGBox3{width:100%;}
.DGDataFormChildDataGridHeader{background-color:#999999; color:#fff; font-size:7pt; font-weight:bold; padding:2px;}
.DGDataFormChildDataGridHeaderLink{background-color:#999999; color:#fff; font-size:7pt; font-weight:bold; padding:2px;}
.DGTopicGroupRow { font-size:8pt; color:#333; background-color:#ddd; font-weight:bold; padding:2px; }
.DGDataFormChildDataGridItem{padding:3px;}
.DGDataFormChildDataGridAlternatingItem{padding:3px; color:#000000;background-color:white}
.DGTopicGroup{ font-size: 8pt;color:#000000;}
.DGDataFormListTDDataGridCell{border-bottom: 1px solid #CCCCCC; padding:2px; font-size:8pt; }
.DGTitle { border-bottom: 1px solid #CCCCCC; padding:2px; font-weight:bold; font-size:8pt; }
.DGSmall { border-bottom: 1px solid #CCCCCC; padding:2px; font-size:7pt; color:#666666;}
#DiscussionThreadsTable .DGTitle {padding:2px; font-weight:normal;}
#DiscussionTopicGroupsTable .DGTitle {padding:2px 2px 2px 12px; font-weight:normal;}

/* SHOPPING CART */
#UPDATEGRIDCONTROL_DOD_Invoice_Detail_AllowRemoveAll { text-indent:-99999px; height:20px; width:20px; display:inline-block; background:url(images/delete.png) no-repeat 50% 50%;}
#UPDATEGRIDCONTROL_DOD_Invoice_Detail_AllowAdd { text-indent:-99999px; height:20px; width:20px; display:inline-block; background:url(images/grey_cart.png) no-repeat 50% 50%;}
#onlineStoreProductBox {width:100%}
#onlineStoreImageBox {width:100px;}
#onlineStoreImageBox a {color:#b0b0b0;text-decoration:none;font-size:7pt;display:block;}
.onlineStoreItemImage {width:90px;height:90px;margin-bottom:3px;display:block;}
.onlineStoreZoomImage {background:url(../images/icon_magnifyingglass.gif) no-repeat;margin-right:3px;width:10px;height:10px;vertical-align:text-top;}
.onlineStoreZoomlink {display:block;}
#onlineStoreDescription {padding-right:12px; max-width:500px; min-width:400px; overflow: hidden}
#onlineStoreDescription h3 {font-weight:bold; font-size: 1.2em;margin:0;padding:0;display:inline;}
#onlineStoreDescription p {margin:1em 0 0 0;}
.onlineStoreNewIcon {vertical-align:middle;}
.onlineStoreHr {background-color:#fff;color:#fff;border-bottom:1px dotted #aaa;border-style:none none dashed none;clear:both;margin:5px 12px 5px 0;}
.onlineStoreMemberPrice {font-weight:bold;}
.DataFormButtonRight { font-size:8pt; font-family: Tahoma,Arial,Verdana,Helvetica;float:right; }

.DataFormButtonSmall {display: inline-block;border:1px solid #ccc; display: inline;padding:  3px 10px; text-decoration:none; margin-bottom: 0;vertical-align:middle;font-size: 7pt;line-height: normal; color: #eee;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);vertical-align: middle;cursor: pointer;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); border-collapse: separate; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);* }

.DataFormButtonSmall:hover,.DataFormButtonSmall:active,.DataFormButtonSmall.active,.DataFormButtonSmall.disabled,.DataFormButtonSmall[disabled] {  background-color: #e6e6e6;*background-color: #d9d9d9;}
.DataFormButtonSmall:first-child {  *margin-left: 0;}
.DataFormButtonSmall:hover {  color: #333333;  text-decoration: none;  background-color: #e6e6e6;  *background-color: #d9d9d9;  background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;-moz-transition: background-position 0.1s linear;-ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear;   transition: background-position 0.1s linear;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);}
.DataFormButtonSmall:focus {  outline: thin dotted #333;  outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}
.DataFormButtonSmall.active,.DataFormButtonSmall:active {  background-color: #e6e6e6;  background-image: none;  outline: 0;  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);   box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}

#onlineStoreFeatureBox {border:1px solid #ddd;font-size:8pt;background-color:#f3f3f3;padding:5px 8px 8px 8px; margin-bottom:22px;text-align:center; border-radius: 6px; -webkit-border-radius: 6px;	-moz-border-radius: 6px;}
#onlineStoreFeatureBox h3 {font-weight:bold;font-size:9pt;margin:0 0 1em 0;padding:0;}
#onlineStoreFeatureBox p {margin:.5em 0 0 0;padding:0;}

#onlineStoreSCBox {margin-bottom:22px; width:235px; }
.wishListBox h2 { background:url('images/grey_heart.png') no-repeat right;}
#onlineStoreSCBox p {margin:.5em 0 0 0;padding:0;}

.wishListBox ul { margin:0; padding:0; list-style-type:none;}
.wishListBox ul li { margin: 0 0 6px 0; padding:3px; clear:both; position:relative; }
.wishListBox ul li h5 { margin:0 0 6PX 0; line-height:120%; text-transform:none; font-size:1.0em; clear:both}
.wishListBox ul li .tumb2 { display:inline-block; width:120px; height:120px; overflow:hidden; margin:4px auto }
.wishListBox ul li .price {font-weight:bold; color:#666;}

.pricet {padding:2px 3px; border:1px solid #eee}
.priceb {padding:2px 3px; border:1px solid #444; margin-right:2px}
.ProductList .pricet { font-size:12px; margin-bottom:2px; display:block; color:#222; border:0; padding:0}

#onlineStoreSearchBoxStart {font-size:8pt;padding:5px 8px 0 8px;  }
#onlineStoreSearchBoxEnd {border-bottom:1px solid #ddd;}
#onlineStoreSearchBoxStart h3 {font-weight:bold; font-size: 9pt;margin:0;padding:0;}
.onlineStoreSelectButton {}
.onlineStoreOutOfStock{color:red;font-size:0.9em; }

#SuperSearchNoLabelTop_SearchTableNoLabelTop {margin:5px 0; border:4px solid #eee; background-color:#eee; padding:2px 3px; width:100%;margin-bottom:12px; }
#SuperSearchNoLabelTop_SearchTableNoLabelTop td {}
#SuperSearchNoLabelTop_SearchGoButtonNoLabelTop {margin-left:2px;  text-indent:-999px; display:inline-block}
#SuperSearchNoLabelTop_TextboxSearchNoLabelTop {width:90%; min-width:180px; padding:4px}

#onlineStoreSearchBoxStart h3 {font-size:9pt;}
#onlineStoreSCBox h2 {font-size:10pt;padding-right:16px;background:url(images/grey_cart.png) right no-repeat; color:#666}
#relatedItemsBox h3 {}


/* MISCELLANEOUS */
.bottomline {  border: 1px solid #b30000; border-width: 0 0 1px 0;font-size:12pt;margin-bottom:13px;margin-top:17px; text-transform: uppercase; font-weight:700;}
.bottomline1 { border: 1px dotted #b30000;  font-size: 8pt;  }
.bottomline2 { border: 1px dotted #b30000;  font-size: 8pt; background-color:#ffffff}
.bottomline_eweb {  border: 1px dotted #b30000;  font-size: 8pt;}

#ivd_cxa_key {}
#inv_cxa_key {}
.name {   font-size: 12pt; font-weight: bold}
.SectionBar {  font-size: 9pt; font-weight: bold; text-indent: 12px; color: #FFFFFF; background-color:#999; } 
.ShoppingCartLink {   font-size: 8pt}
.SidePanelDividerdots {background-image: url(../images/img_divider_dots1.gif); background-repeat: no-repeat; background-position: center 21px; padding-left: 6px;padding-right: 6px}
.SidePanelUnderline { border-color: black black #d9cfc0;  font-size: 8pt; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px ; line-height: 12pt}
.spacer {  font-size: 4pt; line-height: 2px}
.TableHeaderTXT{  font-size: 12pt; font-weight: bold ; color: #330066} 
.TableCaptionTD{}
.TableCaptionTXT{  font-size: 10pt; font-weight: bold ; color: #330066}
.TableCaptionTD{ width:130px;}
.TableTextTXT{  font-size: 9pt}
.TableTextTD{}
.transactions { border-bottom: 1px dotted #ddd; padding:3px 0 3px 0px; font-size:10pt; }
.transactions_title {  font-size: 9pt; padding:3px 2px; color:#888; font-style: italic; border-bottom:1px dashed #b30000;}

/* MAIN MENUS */

.TopUIHyperLink{ white-space:nowrap; padding: 4px 10px !important; margin:0px 0;  border-radius: 4px; -webkit-border-radius: 4px;	-moz-border-radius: 4px; text-align: center; color:#222; font-family: arial; font-size: 14px; display: inline-block; position: relative; z-index: 98;     }

A.TopUIHyperLink:visited{ color:#ddd;text-decoration:none; background-color: transparent; top:}
A.TopUIHyperLink:link{  color:#ddd;text-decoration:none;background-color: transparent}
A.TopUIHyperLink:active{  color:#ddd; text-decoration:none;background-color: transparent}
A.TopUIHyperLink:hover{ color:#666; text-decoration:none; background-color:#eee;}

A.TopUIHyperLinkSelected:visited{color:White; font-size: 8pt; font-weight: bold;text-decoration:none;}
A.TopUIHyperLinkSelected:link{color:White;text-decoration:none;}
A.TopUIHyperLinkSelected:active{color:White; text-decoration:none;}
A.TopUIHyperLinkSelected:hover{color:White; text-decoration:none;}

A.TopUIItemHyperLink:visited{color:White; font-size: 7pt;text-decoration:none;}
A.TopUIItemHyperLink:link{color:White; text-decoration:none;}
A.TopUIItemHyperLink:active{color:Black; background-color:White; text-decoration:none;}
A.TopUIItemHyperLink:hover{color:Black; background-color:White;  text-decoration:none;}

A.TopUIItemHyperLinkSelected:visited{color:White;font-weight: bold;text-decoration:none;}
A.TopUIItemHyperLinkSelected:link{color:White; font-weight: bold;text-decoration:none;}
A.TopUIItemHyperLinkSelected:active{color:White; font-weight: bold;text-decoration:none;}
A.TopUIItemHyperLinkSelected:hover{color:White;  font-weight: bold;text-decoration:none;}

.TopUIItemSeparator{color:White;  font-size: 8pt;}
.TopUIItemHyperLinkNav{ font-size: 8pt; font-weight: bold;text-decoration:none;color:white}
#eWebContentPaneTopLinksCellTable .TopUIHyperLink {font-size:7.5pt;font-weight:normal; width:auto; padding:2px 2px; background-color: transparent}

#eWebLeftPaneLeftLinksCellTable .TopUIHyperLink { background: #b30000; padding: 3px 8px !important; border-radius: 3px; -webkit-border-radius: 3px;	-moz-border-radius: 3px;text-align: left; color: #fff; font-family: arial; font-size: 12px; display: inline-block; position: relative; z-index: 98; width:120px;background-color: transparent }

#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:visited{ color:#b30000;text-decoration:none; background-color: transparent}
#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:link{  color:#b30000;text-decoration:none;background-color: transparent}
#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:active{  color:#b30000; text-decoration:none;background-color: transparent}
#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:hover{ color:#fff; text-decoration:none;background-color: #b30000}

.PopMenuSubMenuTable { background: #222; margin:0; padding:0;  border-radius: 0px 0 8px 8px; -webkit-border-radius:  0px 0 8px 8px;	-moz-border-radius:  0px 0 8px 8px; -o-border-radius:  0px 0 8px 8px;
 -moz-box-shadow: 0px 2px 8px #666666;-webkit-box-shadow:  0px 2px 8px #666666; box-shadow: 0px 2px 8px #666666; border-collapse: separate;
	 }
.PopMenuSubMenuTable .TopUIHyperLink { padding: 6px 12px !important; border-radius: 0px; -webkit-border-radius: 0px;	-moz-border-radius: 0px;text-align: left; color: #fff; font-family: arial; font-size: 12px; display: inline-block; position: relative; z-index: 98; width:160px; margin:0}
.PopMenuSubMenuTable A.TopUIHyperLink:visited{ color:#ddd;text-decoration:none;}
.PopMenuSubMenuTable A.TopUIHyperLink:link {  color:#ddd;text-decoration:none;}
.PopMenuSubMenuTable A.TopUIHyperLink:active {  color:#ddd; text-decoration:none;}
.PopMenuSubMenuTable A.TopUIHyperLink:hover { color:#fff; text-decoration:none; background-color: transparent}

.PopupMenuSubMenuTable .TopUIHyperLink { padding: 6px 12px !important; border-radius: 0px; -webkit-border-radius: 0px;	-moz-border-radius: 0px;text-align: left; color: #fff; font-family: arial; font-size: 12px; display: inline-block; position: relative; z-index: 98; width:160px; margin:0}
.PopupMenuSubMenuTable A.TopUIHyperLink:visited{ color:#ddd;text-decoration:none;}
.PopupMenuSubMenuTable A.TopUIHyperLink:link {  color:#ddd;text-decoration:none;}
.PopupMenuSubMenuTable A.TopUIHyperLink:active {  color:#ddd; text-decoration:none;}
.PopupMenuSubMenuTable A.TopUIHyperLink:hover { color:#fff; text-decoration:none; background-color: transparent}

ul#eWebTopPaneBottomLinksCellTable li ul.PopMenuSubMenuTable li { display:block; margin:0 0 0 0;  }
ul#eWebTopPaneBottomLinksCellTable li ul.PopMenuSubMenuTable li a , ul#eWebTopPaneBottomLinksCellTable li ul.PopMenuSubMenuTable li span { text-align:left}

/* BODY TEXT */
#PageFrameWorkTable {width:100% !important; margin:0px auto; padding:0px 10px 20px 0; max-width:1180px !important; display:block;}
.PageFrameworkBODYModal #PageFrameWorkTable {width: auto; margin:1px auto}
.PageFrameworkBODYModal .PageFrameworkContentTD {width:auto}
#TopPane , #BottomPane , #eWebBottomPaneTable, header{ margin:0px auto; width:100%;  max-width:1200px !important; }
#eWebFrameWorkMiddleRow {}  
table td{ }

#eWebRightPaneTableCell {display:none;}
#ContentPane { background-color:#fff;  margin:10px auto; padding:15px 20px 20px 20px; min-height:400px !important; display:block; -moz-box-shadow: 0px 1px 10px #888;-webkit-box-shadow: 0px 1px 10px #888; box-shadow: 0px 1px 10px #888; border-collapse: separate;border-radius: 8px; -webkit-border-radius: 8px;	-moz-border-radius: 8px; width:96% }
.PageFrameworkBODYModal #ContentPane { background-color:#fff; margin:2px auto; padding:3px;   -moz-box-shadow: none;-webkit-box-shadow: none; box-shadow: none; border-radius: 0px; -webkit-border-radius: 0px;	-moz-border-radius: 0px; }
#eWebContentPaneTableCell { width:100%}
#eWebContentPaneTable { min-width:300px; max-width:1200px !important; margin:20px auto; width:100%}
#eWebLeftPaneTable {}
#eWebLeftPaneTopLinksCellTable {width:180px; padding:10px; margin:20px 10px 0 0; background:#888; -moz-box-shadow: 0px 1px 10px #888;-webkit-box-shadow: 0px 1px 10px #888; box-shadow: 0px 1px 10px #888; border-collapse: separate;border-radius: 8px; -webkit-border-radius: 8px;	-moz-border-radius: 8px; }
#eWebLeftPaneTable {}
#eWebLeftPaneTableCell  { }
#eWebTopPaneTable {margin:0; padding:0;}
#eWebTopPaneBottomLinksCell {}
#eWebTopPaneBottomLinksCellTable { }
.PopupMenuSubMenuTable {margin-left:20px; margin-top:-10px; background:#222; -moz-box-shadow: 0px 1px 10px #888;-webkit-box-shadow: 0px 1px 10px #888; box-shadow: 0px 1px 10px #888; border-collapse: separate;border-radius: 4px; -webkit-border-radius: 4px;	-moz-border-radius: 4px; padding:10px 0 }
ul#eWebTopPaneBottomLinksCellTable { list-style-type:none; margin:0 auto; padding:0px 10px;max-width:1180px !important;  clear:both;
background-color: #666666;  *background-color: #e6e6e6; 
background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#666666)); background: -moz-linear-gradient(top,  #aaaaaa,  #666666); background-image: -o-linear-gradient(#aaaaaa,#666666);   background-image: linear-gradient(top, #ffffff, #e6e6e6);   background-repeat: repeat-x;
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#444444', endColorstr='#6666666', GradientType=0);background-image: -ms-linear-gradient(-90deg, #aaaaaa, #888888 50%, #666666); 
border-color: #444444 #444444 #aaaaaa; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;  -moz-box-shadow: 0px 1px 10px #888;-webkit-box-shadow: 0px 1px 10px #888; box-shadow: 0px 1px 10px #888; border-collapse: separate;}
ul#eWebTopPaneBottomLinksCellTable li { display:inline-block; margin:8px 0 8px 0 }
#BottomPane {  }
.PageFrameworkBODYModal  #BottomPane { border-bottom:0}
.SearchFormTABLE .SearchFormTD { padding:0px 16px 4px 16px }
.SearchFormTABLE .SearchFormTD .DataFormLabel { white-space: nowrap; margin-top:6px; display:block}

.SearchFormTABLE .SearchFormTABLE { background:#f4f4f4; padding:10px 10px; border:3px solid #eee; font-size:11pt; min-width:280px;}
.SearchFormTR{}
.SearchFormTABLE {min-width:280px; margin:auto}
.SearchFormTD{font-size:8pt}
.SearchFormTABLE input[type="text"], .SearchFormTABLE input[type="email"], .SearchFormTABLE input[type="number"], .SearchFormTABLE input[type="tel"] {width:97%}
.SearchFormTABLE span.DataFormLabelHeader { display:block; background-color:#eee; padding:7px 10px; font-size:1.1em;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#bbbbbb); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb)); background: -moz-linear-gradient(top,  #eee,  #bbb); background-image: -o-linear-gradient(#eeeeee,#bbbbbb);}

/* Communication Pref */
.CommPrPageForm {}
.PageTitleTXT {border-style:solid;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px ;border-color: black black #663399;color:#663399;font-size:11pt;font-weight:bold; text-indent: 3pt}
.SectionHeadTXT {  font-size: 12pt; font-weight: bold ; text-indent: 12px}
.heading {  font-size: 13pt; font-weight: bold}
.heading1TXT {  font-size: 12pt}
.bodyTXT {}
.tinyTXT { font-size: 9pt}
span[id~="CommUserInfo"] { font-size:11pt}
.body1bold { font-size: 10pt; font-weight: bold;  text-indent:12px;}
.tabTXT { font-weight: bold}
.tabTXT2 {  font-weight: bold;background-color:#d9cfc0}
.linkTXT { font-size: 9pt; font-weight: bold ; text-indent: 12px ; color: #FFFFFF; text-decoration: underline}
.boxedTXT { font-size: 12pt; font-weight: bold ; border: #000066; border-style: groove; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.heading2TXT { font-size: 16pt; font-weight: bold }
.heading1spaceTXT { font-size: 10pt; letter-spacing: 2.5px; font-weight: bold}
.date1 {color:#999999}

.logo { text-indent:-99999px; display:inline-block; width:230px; height:65px; margin-left:20px; background:url('images/logo.png') no-repeat left; }

@media print{
	#eWebLeftPaneTableCell {display:none;}
	#LeftPane {display:none;}
	.DataFormLabel{font-size:7pt !important; font-size:8pt} /* fix for firefox label wrap */
	.DataFormLabelRequired{font-size:7pt !important; font-size:8pt} /* fix for firefox label wrap */
}


.DataGridItem .DataFormHyperLink img { position: relative; top:3px}
.LookUpHyperLink, .LookUpClearHyperLink { top:4px; position:relative;}
.LookUp  {}
.DataGridItem .LookUp  {  position: static;}
.DataGridItem .DatePicker { position: relative; bottom:2px}

.SpinnerSpan { height: 30px; display:block }
.SpinnerSpan div { display:block; width:16px; float:right; margin-top:-4px }
.AddEditLinkDiv { float:right}
select.AddEdit { float:left;}
td.LayoutCell .AddEditLinkDiv { float:none}
.DataFormDivDefault input[type=text], input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel]   {padding:2px 3px; font-size:11pt;  }
select, textarea { padding:2px 3px;  font-size:11pt; }

/*CUTOM DEMO STYLE */

footer {display: block;}
header {display: block;}
hgroup {display: block;}
nav {display: block;}
section {	display: block;}

html {	font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
a:focus {	outline: 0px; text-decoration:none}
a:hover {	outline: 0px;}
a:active {	outline: 0px;}
sub {	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;}
sup {	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;}
sup {	top: -0.5em;}
sub {	bottom: -0.25em;}
img {	border: 0px currentColor; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic;}
button {margin: 0px; font-size: 100%; vertical-align: middle;}
input {	margin: 0px; font-size: 100%; vertical-align: middle;}
select {margin: 0px; font-size: 100%; vertical-align: middle; font-size:11pt}
textarea {	margin: 0px; font-size: 100%; vertical-align: middle;}
button {	line-height: normal;}
input {	line-height: normal;}
button {cursor: pointer; -webkit-appearance: button;}
input[type='button'] {	cursor: pointer; -webkit-appearance: button;}
input[type='reset'] {	cursor: pointer; -webkit-appearance: button;}
input[type='submit'] {	cursor: pointer; -webkit-appearance: button;}
input[type='search'] {	box-sizing: content-box; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;}
textarea {	overflow: auto; vertical-align: top;}
.clearfix {	}
.clearfix::before {	display: table; content: "";}
.clearfix::after {	display: table; content: "";}
.clearfix::after {	clear: both;}
.hide-text {	text-indent: 100%; overflow: hidden; white-space: nowrap;}
.input-block-level {	width: 100%; display: block; min-height: 28px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}

body { margin:0; padding:0; color: #222; line-height: 1.6em !important; position: relative; background-repeat: repeat; background-color: #fff;	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear;  -webkit-transition:all .2s linear; }
.header_social {font-size: 1.0em; margin:0px 0px; color:#ddd; background-color:#444; padding:8px 16px;  -moz-box-shadow: 0px 1px 8px #888888;-webkit-box-shadow: 0px 1px 8px #888888; box-shadow: 0px 1px 8px #888888; border-collapse: separate; text-align:right;  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666,endColorstr=#222222); background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#222)); background: -moz-linear-gradient(top,  #666,  #222); background-image: -o-linear-gradient(#666666,#222222);  }
.MyAccountTop { background: url(images/regIndWhite.png) no-repeat left; padding-left:25px; position:relative }
.MyAccountTop div#PopBarTop { display:inline-block}
#PopLinksTop { margin-left:-118px; margin-top:20px; font-size:12px;}
#PopLinksTop a {color:#222}
.header_social a {color:#fff} .header_social a:hover {color: #f00}
::selection {background: #b30000; color: #fff;}
img::selection {}
img {max-width: 100%; transition:all .2s linear;  -o-transition:all .2s linear;   -moz-transition:all .2s linear;  -webkit-transition:all .2s linear;}
h1, .PageTitle, .pageTitle, .pagetitle,h2,h3,h4 { }
h1, .PageTitle, .pageTitle, .pagetitle {color: #222; margin: 0px 0px 13px 0; font-size: 30px; font-weight: 300; padding:10px 0  }
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
h1,h2,h3,h4,h5,h6 { text-rendering: optimizelegibility; }
h3.pagetitle { background:none;  font-size:22px; line-height:30px; text-transform:none; margin:10px 0; border:0; padding:0    }
p {	font-size: 12px; margin-bottom: 20px;}
a {	color: #b30000; text-decoration:none}
a:hover {color:#000; text-decoration: underline;}
a:focus {}

.generalTable {}
.generalTable th { font-style: italic; text-align:left; color:#222; border-bottom:1px solid #ddd; padding:2px 3px; font-size:0.9em}
.vertical {border:0;  border-left:1px solid #ddd; height:100px; margin-left:10px; margin-right:3px; padding-left:10px;}
.generalTable td {border-bottom:1px solid #eee; padding:2px 3px;}
.edit { background:url(images/edit.png) left top no-repeat; color:#000; height:22px; width:22px; display:inline-block; text-indent:-99999px}
.options { background:url(images/options.png) left top no-repeat; color:#000; height:22px; width:22px; display:inline-block; text-indent:-99999px}
.add {background:url(images/add.png) left no-repeat;   text-decoration:none; height:22px; width:22px; display:inline-block; text-indent:-99999px  }
.tothetop  {background:url(images/back_to_top.png) left no-repeat;   text-decoration:none; height:22px; width:22px; display:inline-block; text-indent:-99999px }
.editImage { background:url(images/edit.png) left top no-repeat; display:inline-block; height:22px; width:22px; text-indent:-99999px}
.editIndInfo{ float:right; display:inline-block; width:20Px;}
.Demographics, .editIndOrg{ display:inline-block; }
.editIndOrg, .Demographics{ display:block; text-indent:-9999px; width:22px; height:22px;  border:1px solid #fff;}
.editIndOrg {background:url(images/organization.png) center no-repeat #fff;  }
.Demographics {background:url(images/demographics.png) center no-repeat #fff ;}
.editIndOrg:hover, .Demographics:hover{ border:1px solid rgb(125,175,39);}
.pager { margin:4px 0 10px 0}
.toolbar { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#cccccc); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); background: -moz-linear-gradient(top,  #fff,  #ccc); background-image: -o-linear-gradient(#ffffff,#cccccc);  padding:2px 10px;  margin-bottom:14px; border:1px solid #ddd }
.toolbar .sorter { float:right;font-size:0.9em;}
.toolbar .pager { width:105px; float:left;font-size:0.9em; margin-bottom:2px }
.view-mode { float:left; line-height:22px; margin-top:2px}
.view-mode a.grid , .view-mode a.list { display:inline-block; width:22px; height:22px; text-indent:-9999px; background:url(images/list.png) 0 0  no-repeat; border:1px solid #eee } 
.view-mode a.grid { background-position: 3px 3px}
.view-mode a.list { background-position:-16px 3px}
a.fullProfile { display:inline-block; width:20px; height:20px; text-indent:-9999px; background:url(images/profileCompact.png) 2px 4px  no-repeat; border:1px solid #eee}
a.compactProfile { display:inline-block; width:20px; height:20px; text-indent:-9999px; background:url(images/profileFull.png) 2px 2px  no-repeat; border:1px solid #eee}
.view-mode a.active, .view-mode a:hover ,a.fullProfile.active, a.compactProfile.active { border:1px solid #b30000; }

.PopLink { display:inline-block;  border:1px solid #eee; cursor:pointer; }
#PopLinks { margin-left:-148px; margin-top:24px; font-size:12px;}
.PopLinks {font-size:12px;  background:#fff; border:1px solid #ddd; padding:10px;  -webkit-border-radius: 8px  ; -moz-border-radius: 8px ; border-radius: 8px; -moz-box-shadow: 0px 0px 5px #444;-webkit-box-shadow: 0px 0px 5px #444; box-shadow: 0px 3px 5px rgba(0,0,0,0.05); list-style-type:none; width:160px;  -moz-box-shadow: 0px 2px 8px #888;-webkit-box-shadow:  0px 2px 8px #888; box-shadow: 0px 2px 8px #888; border-collapse: separate;  }
.PopLinks li {border:0; padding:4px 0px; font-size:1em}
.PopLinks li:hover, .PopLinks li a:hover {border:0; }

.arrowp {  width: 60px; height: 14px; overflow: hidden; position: absolute;   left: 90%;  margin-left: -35px;  top:-1px; bottom: auto}    
.arrowp:after { content: "";  position: absolute; left: 20px; top:6px; width: 20px; height: 20px; -webkit-transform: rotate(45deg);  -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); tranform: rotate(-45deg); background:#fff; border:1px solid #ddd}    

.arrowd {  width: 60px; height: 17px; overflow: hidden; position: absolute;   left: 50%;  margin-left: -25px;  top:auto; bottom:-10px}    
.arrowd:after { content: "";  position: absolute; left: 20px; bottom:0px; width: 14px; height: 14px; -webkit-transform: rotate(45deg);  -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); tranform: rotate(-45deg); background:#444; }    

.twitter-block { padding: 20px 0px; color:#444; margin:0 auto;}
.twitter-block h4 {	color: #666;}
.twitter-block .btn-success {	border-color: #444 !important; border-radius: 5px;}
#jstwitter .tweet {	color: rgb(153, 153, 153); padding-right: 5px; font-size: 13px; margin-right: 20px;}
#jstwitter {}
:first-child#jstwitter {border-top-color: currentColor; border-top-width: medium; border-top-style: none;}
#jstwitter .tweet a {color: inherit; text-decoration: none; border-bottom-color: #b30000; border-bottom-width: 1px; border-bottom-style: solid;}
fEventSessionListMain #jstwitter .tweet a:hover {color: #b30000;}
#jstwitter .tweet .time {	color: rgb(102, 102, 102); font-size: 10px; font-style: italic;}
.twitter-block .well {	padding: 15px; border-radius: 4px; border: 1px solid #ccc; margin-bottom: 0px !important; min-height: 20px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;   box-shadow: inset 0 0px 8px #aaaaaa; -webkit-box-shadow: inset 0 0px 8px #aaa; -moz-box-shadow: inset 0 0px 8px #aaa;  border-collapse: separate; }

.container {padding: 0px; width:98% !important; margin:0 auto;}
.twitter-block, footer, footer h5 {color:#666}
.twitter-block h5 { margin-bottom:3px; margin-top:0px}
.colored {color:#b30000;}
.undercolored {border-bottom-color: #b30000; border-bottom-width: 1px; border-bottom-style: solid;}
[class*='span'] {}
.fotterLogo { display:inline-block; background:url(images/wb_logo.png) no-repeat left; width:177px; height:165px;}
#BottomPane p, #BottomPane span, footer p, footer span  { color:#888; font-size:0.8em; line-height:120% }
footer {padding: 4px 0px; color:#666; border-top-color:#ccc; border-bottom-color: #ccc; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;}
footer span { white-space:pre-wrap}
.bottom-block { padding: 10px 20px; color: #666;  display:block; min-height:30px; margin-left:auto; margin-right:auto}
footer hr {border-width: 1px 0px; border-style: solid none; border-color:#ddd currentColor #eee; margin: 5px 0px;}
.LogoPhotoMain {  background:url(images/profile.jpg) no-repeat; width:150px; height:150px;overflow:hidden; float:left; margin-right:10px }
.orgLogo {width:150px; height:150px;overflow:hidden; }
.editPhoto { position:absolute; top:4px; right:4px;}
.Profileimage { background-image:url(images/profile.jpg); background-repeat: no-repeat; background-position:50% 50%; background-size:160px 160px; width:160px; height:auto; overflow:hidden;  }
.Profileimage img { width:100%; border:0}
.Profileimage1 { width:100%; height: auto; overflow:hidden }
.ProfilePhotoMain { width:160px; text-align:center; margin-top:0px;}
.ProfilePhotoMain.indserch { margin-top:0px}
.ProfileBlock .email { text-space-collapse:collapse; text-overflow: ellipsis; white-space:nowrap; width:140px; overflow:hidden; display:inline-block  }
.box {border:1px solid #ddd; padding:3px}
.box1  { border:1px solid #ddd; background-color:#fff;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px;  height: 100% !important; min-height : 100%; -moz-box-shadow: 0px 1px 10px #aaa;-webkit-box-shadow: 0px 1px 10px #aaa; box-shadow: 0px 1px 10px #aaa; border-collapse: separate;   }
.box2 { border:1px solid #f8f8f8; background-color:#f8f8f8;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius:2px;  height: 100% !important; min-height : 100%;  -moz-box-shadow: 0px 1px 10px #aaa;-webkit-box-shadow: 0px 1px 10px #aaa; box-shadow: 0px 1px 10px #aaa; border-collapse: separate;   }
.ProFileMainTopInfo p { margin:3px 0; color:#444} 
.ProFileMainTopInfo span { color:#888}
.memnum { font-style: italic; color:#888; }
.ProFileMainTopInfo p.indname {font-size:1.6em; color: #000; font-weight:700 }
.IndProducts { padding:10px; margin-left:10px; border:1px solid #ddd;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px}
.IndProducts h3, .box2 h3{ margin:4px 0}
.IndProducts h3 a, .box2 h3 a  { text-decoration:none}
.CompAffili  { margin-top:3px;}
.DemoList td {border-bottom:1px solid #eee}
.DemoListBox { list-style-type: none; margin:10px 0 8px 0px; padding:0}
.DemoListBox li { margin:4px 0 4px 0px; display:inline-block; width: 49%; padding:0}

.openInvoices { margin-right:20px;}
.wizardbutton, .DataFormButton {border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(179, 179, 179); padding: 4px 10px; border-radius: 4px; text-align: center; line-height: 18px; font-size: 13px; margin-bottom: 0px; vertical-align: middle; display: inline-block; 	cursor: pointer; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); background-repeat: repeat-x; background-color:#ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); color:#222;text-decoration:none;}
.hasDatepicker { position:relative; bottom:0;  }
.nound { text-decoration:none}
.AddEditDiv { display:block; height:32px;}
.memDirResults ul { list-style-type: none; margin:10px 0; padding:0}
.memDirResults ul li { margin-bottom:10px; min-height:220px; border:1px solid #ddd; overflow:hidden;}

/*FONT SIZE*/
.size10{ font-size: 10px; }
.size11{ font-size: 11px; }
.size12{ font-size: 12px; }
.size13{ font-size: 13px; }
.size14{ font-size: 14px; }
.size16{ font-size: 16px; }
.size18{ font-size: 18px; }
.size20{ font-size: 20px; }
.size24{ font-size: 24px; }
.size30{ font-size: 30px; }
.size36{ font-size: 36px; }
.size48{ font-size: 48px; }
.size60{ font-size: 60px; }
.size72{ font-size: 72px; }
.size90{ font-size: 90px; }
.size100{ font-size: 100px; }
.size120{ font-size: 120px; }
/* FONT SIZE ENDS */

pre, code, kbd, samp { 	font-family: monospace, sans-serif;} /* normalize monospace sizing *//* 
	Base styles */

/* Width help classes*/
.w20 {width:20px;}
.w50 { width:50px}
.w60 { width:60px}
.w100 {width:100px}
.w130 {width:130px}
.w150 {width:150px}
.w160 {width:160px}
.w180 {width:180px}
.w200 {width:200px}
.w220 {width:220px}
.w260 {width:260px}
.w300 {width:300px}
.w320 {width:320px}
.w310 {width:310px}
.w330 {width:330px}
.w360 {width:360px}
.w400 {width:400px}
.w500 {width:500px}
.w600 {width:600px}
.w680 {width:680px}
.w700 {width:700px}

/* Height help classes */
.h10{height:10px}
.h20{height:20px}
.h24 {height:24px;}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h70{height:70px}
.h80{height:80px}
.h100{height:100px}
.h110{height:110px}
.h120{height:120px}
.h130{height: 130px}
.h140{height: 140px}
.h150{height: 150px}
.h200{height:200px}
.h220{height:220px}
.h250{height:250px}
.h300{height:300px}
.h350{height:350px}
.h400{height:400px}
.h440 {height: 440px}
.h500 {height: 500px}
.h550 {height: 550px}
.h600 {height: 600px}
.h640 {height: 640px}
.h800 {height: 800px} 

/* Help Classes*/
.center { text-align:center;}
.right { text-align:right}
.left { text-align:left}
.left-float {FLOAT: left}
.right-float {FLOAT: right}

.margl4 { margin-left:4px }
.margl10 { margin-left:10px;}
.margl20 { margin-left:20px;}
.margl70  {margin-left:20px;}
.margr4 {margin-right:4px;}
.margr10 { margin-right:10px;}
.margr20 { margin-right:20px;}
.margt10 { margin-top:10px;}
.margt8 {margin-top:8px;}
.margt10 {margin-top:10px;}
.margb8 { margin-bottom:8px;}
.margb10 { margin-bottom:10px;}
.marga{ margin:auto}

.pad10 {padding:10px}
.pad6 {padding:6px}

.block {  display:block}
.iblock { display:inline-block}

.radius2 {border-radius: 2px; -webkit-border-radius: 2px;	-moz-border-radius: 2px;}
.radius6 {border-radius: 6px; -webkit-border-radius: 6px;	-moz-border-radius: 6px;}
.radius10 {border-radius: 10px; -webkit-border-radius: 10px;	-moz-border-radius: 10px;}

.upper { text-transform:uppercase}
.bold { font-weight:700}
.italic {font-style:italic}

.borderTop { border:0; border-top:1px solid #bbd7ee; }
.borderRight { border:0; border-right:1px dashed #bbd7ee;}
.borderGrey3 { border:3px solid #ccc; padding:10px 12px}
.sep { display:block; border-bottom:1px solid #ccc ; margin-bottom:0px; height:2px; }
.imgScale { width:100%; height:auto}
.desc { font-style:italic; color:#666}
.download {display:inline-block; background:url(images/30-download.png) no-repeat center; width:24px; height:24px; text-indent:-9999px }

.hidden { overflow:hidden}
.wrap {white-space:pre-wrap}
.ellipses {  text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display:inline-block}


.blue { color: #1b5585; }
.red { color: red; }
.greyBG { background-color:#eee;}
.reverseGreen { background-color: #b30000; color:#fff; padding:4px 8px}
.black { color:#000}
.white {color:#fff}
.green {color: #b30000;}

.pointer { cursor:pointer }
.relative { position:relative }
.absolute { position:absolute}

.top10 {top:10px; }
.top30 {top:30px; }
.top100 {top:100px }
.top-100 {top:-100px}
.top-110 {top:-110px;}
.left10 {left:10px}
.left20 {left:20px}


.opacity05 {opacity:0.5 }
.opacity08 { opacity:0.8 }



/* Layout
---------------------------------------------- */
.col-1-3, .col-2-3, .col-1-2, .col-1-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5 {float: left;
	margin-right: 1%;
}
.full {width:99% !important}
.col-1-1 {float: none;}
.col-1-2 {width: 47.0%;}	
.col-1-3 {width: 31.3%;}
.col-2-3 {width: 65.6%;}	
.col-1-4 {width: 23.9%;}	
.col-3-4 {width: 74.2%;}
.col-1-5 {width: 17.6%;}	
.col-2-5 {width: 38.2%;}	
.col-3-5 {width: 58.8%;}	
.col-4-5 {width: 79.4%;}	
.last {margin-right: 0 !important;}
.col-1-2:last-child, .col-1-3:last-child, .col-2-3:last-child, .col-1-4:last-child, .col-3-4:last-child, .col-1-5:last-child, .col-2-5:last-child, .col-3-5:last-child, .col-4-5:last-child {margin-right: 0;}


.wizardbutton:hover {background-color: rgb(230, 230, 230); text-decoration:none; -moz-box-shadow: 0px 0px 5px #444; -webkit-box-shadow: 0px 0px 5px #444; box-shadow: 0px 0px 10px #444; }
.LayoutMainTable { background-color:#fff; padding:4px}
.LayoutMainTable td { font-size:11pt; overflow:hidden; padding:1px 0 }
.WizardContentTable { width:100%; max-width:1000px; margin: 0 auto }
.DemoAddNewButton  { margin-top:16px; border-top:1px dotted #ddd; padding-top:10px; text-align: right}
.IndAddresses {}
.DataFormHeaderTD .PageTitle { background: transparent; padding:3px 0; border:0 ; font-size:16px}
.EvntmainInfo { padding-bottom:20px; border-bottom: 1px dotted #ddd; margin-bottom:20px}
.EventSessionListMain, .evtSponsorsList, .evtTracks   { padding:10px; background:#f4f4f4; margin-right:20px}
.evtTracks {margin-top:20px}
.date, .sessDate { font-style: italic; color:#888;}
.evtSessname { margin:3px 0 14px 0; font-size:1.2em; font-weight:700}
.evtSpDet { margin-bottom:10px; border-bottom:1px solid #fff}
.evtSpName { font-size:1.1em; font-weight:700}
.trName { font-size:1.2em; font-weight:700;  margin:14px 0 3px 0;}
.evtSpType {color: #b30000; font-style:italic}
.evtSpSession label{color:#888}
.reviewtable { width:98%; margin-right:20px;}
.slider { display:inline-block; width: 623px; height:360px;background:url(images/slider.jpg) left no-repeat; margin-top:20px}
.googleMap  { margin:auto; width:360px; border:2px solid #ddd }
.CalendarLink {}
.unlisted, .listed, .primary, .owner, .linked, .edit2, .billing, .more {display:inline-block; width:22px; height:22px; text-indent:-9999px; cursor:pointer}
.edit2 {background:url('images/editlisting.png') 50% 50% no-repeat; }
.primary {background:url('images/primary.png') 50% 50% no-repeat; }
.edit2 {background:url('images/editlisting.png') 50% 50% no-repeat; }
.listed {background:url('images/listed.png') 50% 50% no-repeat; }
.unlisted {background:url('images/unlisted.png') 50% 50% no-repeat; }
.discuss {background:url('images/joinmorediscussion.png') left no-repeat; padding-left:28px; line-height:30px; display:inline-block }
.linked {background:url('images/linked.png') 50% 50% no-repeat; }
.billing {background:url('images/billing.png') 50% 50% no-repeat; }
.more {background:url('images/more.png') 50% 50% no-repeat; }
.refresh a, a.refresh {display:inline-block; width: 22px; height:22px; background:url(images/refresh.png) center center no-repeat;  text-indent:-99999px; line-height:22px; padding:0; }
.fundraising { color:#888; font-style:italic}
.free { font-weight:700; color: #069}

.IndPrPhone , .IndAddresses, .IndFaxes, .IndEmails { min-height:160px;}

.grid1 {width:100%;}
.mfLink, .myProfileLink {display:inline-block; width: 22px; height:22px; background:url(images/compactview.png) center center no-repeat;  text-indent:-99999px; line-height:22px; padding:0;   }
.ProFileMainTopInfo .mfLink { margin-top:20px}
#eWebLoginControl_LoginFacebookButton { margin:3px 6px}

.gray_bg {background-color: #eee; border: #ccc 1px solid; width:100%;  }
.gray_bg h1 { background:none; border:0; font-size:38px; padding:19px 0 3px 0; font-weight:700   }
.gray_bg .container { padding:0; width:100%}
.gray_bg p { text-align:center; font-size:1.2em }

.label {padding: 4px 12px; border-radius: 3px; line-height:160%; font-size: 20px; font-weight: bold; vertical-align: middle; white-space: pre-wrap; background-color: #b30000; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);color:#fff}
.label:hover {color: rgb(255, 255, 255); text-decoration: none;}
hr {border-width: 1px 0px; border-style: solid none; border-color: #ddd currentColor #fff; margin: 8px 0px;}
.visible-desktop  { display:block}
ul.unstyled {list-style: none; margin-left: 0px; margin:10px 0; padding:0}
ol.unstyled {list-style: none; margin-left: 0px;margin:10px 0; padding:0}
ul.unstyled li {list-style: none;margin:2px 0; padding:0} 


.module-header, #eWebLoginControl_LoginTable .LeftUITableHeaderTD  { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#bbbbbb); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb)); background: -moz-linear-gradient(top,  #eee,  #bbb); background-image: -o-linear-gradient(#eeeeee,#bbbbbb); 
background-image: -ms-linear-gradient(-90deg, #eeeeee, #cccccc 50%, #aaaaaa);
  border-bottom:1px solid #ccc; padding:0.4em 0.8em; -webkit-border-radius: 2px 2px 0 0  ; -moz-border-radius: 2px 2px 0 0 ; border-radius:2px 2px 0 0; color:#000; font-weight:700; font-size:1.1em }
.module-header a {color:#000}
.module-body {padding:10px}
.module-body ul { margin:0; padding:0 0 10px 0; list-style-type:none;}
.module-body li {  padding:3px 0px; position:relative;  }
.module-body .edit3 {   display:inline-block; height:22px; width:22px; right:20px; top:14px; position: absolute}
.module-body-border { border:1px solid #ddd; padding:2px; }


.m25 .span4 {margin-top: 15px;}
img.pull-left {	margin-top: 7px !important; margin-right: 5px !important; float:left}
.m25 p { font-size:12px; line-height:14px; text-align:left; }
.m25 h3 {color:#222; font-size:18px;margin-bottom:6px}
#eWebLoginControl_TextBoxLoginName, #eWebLoginControl_TextBoxPassword { padding:4px 0px; font-size:1.1em; width:99%;  }
#eWebLoginControl_LoginTable { width:98%; margin:0px auto;  border:0px solid #ddd}
#eWebLoginControl_LoginTable td { padding:6px 0px 0px 0px; text-transform:capitalize; }
#eWebLoginControl_LoginTable .LeftUITableHeaderTD {}
#eWebLoginControl_LoginTable .DataFormLabel {}
#eWebLoginControl_LoginTable a.bodyTXT { float:left}
#eWebLoginControl_LoginGoButton { margin-right:2px}
#ForgotPwdControl_ForgotPasswordTable {width:100%; margin:0px auto;}
#ForgotPwdControl_TextBoxEmailAddress { width:100%;}

.homePr {}
.homePr #onlineStoreDescription { }
.homePr #onlineStoreDescription p { font-size:11px; line-height:14px; margin:2px 0}
.homePr #onlineStoreDescription img { float:right}
.prList, .ProductList ul, .ProductList1 ul { margin:0 0 3px 0; padding:0 0 5px 0; list-style-type:none; border-bottom:1px dotted #ccc }
.homePr  h2, .HomeEvents h2,.RelatedProductsList h2 { padding:0}
.homePr  h3, .RelatedProductsList h3 {margin:8px 0 0 0; height:44px; overflow:hidden; text-align:center; text-transform: none;  line-height:100%; overflow:hidden; font-size:16px}
.homePr  h3 a, .RelatedProductsList h3 a { text-decoration:none; color:#888}
.productThumb { position:relative; width:306px; overflow:hidden; float:left}
.productThumb img { max-width:300px; height:auto; overflow:hidden; border:3px solid #aaa; margin-right:0px; background-color:#eee}
.product-right-side { width:auto;  margin-left:318px; margin-right:10px;}
.product-right-side h2 {margin:0px; padding:0; text-transform:none; }
.product-right-side ul { margin:6px 0px; padding:0; list-style-type:none;  }
.product-right-side ul li { display:inline-block; margin: 0 0 0 0px; padding: 0 0 0 0;}
.product-right-side  .std { line-height:130%; font-size:0.9em}
.add_this { background-color:#eee; margin:10px 0 10px 0; padding:4px 8px; border-radius: 6px; -webkit-border-radius: 6px;	-moz-border-radius: 6px;height:20px}
.addthis_toolbox {margin-top:2px; margin-left:3px }
.productDescriptionFull { margin-top:20px;}
.productDescriptionFull p { margin:0px; padding:10px 12px; border:3px solid #ddd}
.rating-box { margin-top:8px; font-size:0.8; color:#ff4400}
.rating-links { margin:6px 0 6px 0}
.productTopRight {padding:10px; border:1px dotted #ddd}
.prDesc2 { margin:3px 0; line-height:130%}
.inStock {color:#b30000; padding-left:19px; background: url(images/16-symbol.png) no-repeat 0px -49px;}
.extraList { list-style-type: none; margin:0; padding:0}
.indMembTitle { line-height:30px; font-size:1.2em; font-weight:400; display:inline-block}

.ProductList li { display:block; border-bottom:1px dotted #ccc;  overflow:hidden; margin-bottom:8px; clear: both; min-height:170px; position:relative}
.ProductList1 li { display:block; border-bottom:1px dotted #ccc;  overflow:hidden; margin-bottom:8px; clear: both; min-height:120px; position:relative; height:100%}
.ProductList h3 , .ProductList1 h3{margin:0; height:24px; overflow:hidden;text-transform: none; line-height:100%; overflow:hidden; font-size:16px}
.listReviews { font-size: 0.9em; text-align:right}
.listReviews a { background-color:#eee; border-radius:2px; padding:2px 4px; text-decoration:none; margin-left:5px}

.prList li { display:inline-block; position:relative; border:3px solid #ccc; height:288px; overflow:hidden; margin-bottom:12px; margin-left:10px; width:200px;}
.RelatedProductsList .prList li  {height:248px; }
.prList li:hover, .prList li:focus { -moz-box-shadow: 0px 0px 8px #444; -webkit-box-shadow: 0px 0px 8px #444; box-shadow: 0px 0px 8px #444;  border:3px solid #666 ; border-collapse: separate; }
.prList li a { text-decoration:none}
.prList #onlineStoreDescription h3 { font-size:13px; line-height:100%; margin:0px 0 4px 0 }
.prList #onlineStoreDescription a {color:#333; text-decoration:none;}
.prPrices { margin:4px 0; line-height:100%; font-style:inherit; color:#000}
.bullet{ background:url(images/bullet.png)0px 50% no-repeat; padding-left: 36px}
.DataFormDivDefault span { }
.homePr .prPrices,  .prPrices { margin:8px; float:left; width:110px; color:#fff}
a.addToCartButton:hover, a.addWishListButton:hover, a.groupRegButton:hover, a.IndRegButton:hover {box-shadow:inset 0 0 10px #000000; -moz-box-shadow:inset 0 0 10px #000000; }
.transactions a.addToCartButton, .homePr .prExtras a.addToCartButton, .homePr .prExtras a.addWishListButton , .prExtras a.addToCartButton, .prExtras a.addWishListButton, .prExtras a.deleteWishList { background-color:#222; margin-left:1px; margin-top:1px; display:inline-block; width:32px; text-indent:-9999px; height:32px} 

.cart {background:url("images/grey_cart.png") no-repeat center; text-indent:-9999px; display:inline-block; height:22px; width:22px}
.addToCartButton { background-image:url('images/white_cart.png'); background-repeat:no-repeat; background-position:50% 50%;}
.groupRegButton {background-image:url('images/regGroupWhite.png'); background-repeat:no-repeat; background-position:50% 50%;}
.IndRegButton  {background-image:url('images/regIndWhite.png'); background-repeat:no-repeat; background-position:50% 50%;}
a.addWishListButton {background-image:url('images/white_heart.png'); background-repeat:no-repeat; background-position:50% 50%;}
a.deleteWishList {background-image:url('images/white_heart_cross.png'); background-repeat:no-repeat; background-position:50% 50%; background-color: Maroon}
.prExtras { background-color:#222; opacity:0.8;  bottom:0px; width:98%; color:#eee; padding:3px; height:30px;}
.prExtras a { display:inline-block; width:32px; text-indent:-9999px; height:32px}

.prImage { overflow:hidden; display:inline-block } 
.ProductList .prImage { height:150px; background-color:#eee; overflow:hidden; display:inline-block; width:150px; float:left; margin-right:14px; }
.ProductList .prImage img { width:100%; height:auto; }
.ProductList  .prExtras, .ProductList1  .prExtras  { background-color:#fff; opacity:1;  bottom:0px; width:80%; color:#666; padding:3px; height:30px;}
.ProductList1 .prExtras  { background-color:#fff; opacity:1;  bottom:0px; width:100%; color:#666; padding:3px; height:30px; float:right }
.ProductList  .prExtras .prPrices, .ProductList1  .prExtras .prPrices { color:#666; font-weight:bold; font-size:1.2em; width:200px;}

.ProductList .prExtras a.addToCartButton, .ProductList .prExtras a.addWishListButton, .transactions a.addToCartButton, .ProductList1 a.addToCartButton, .ProductList1  a.addWishListButton, a.groupRegButton, a.IndRegButton  { background-color:#aaa; margin-left:1px;} 
.moreLink { margin-left:10px; padding:0px 3px; text-decoration:none }
.cartItemsCount { font-size:0.9em}
.rating { color:Maroon}

.RelatedProductsList { margin-bottom:20px}
.RelatedProductsList .prImage { height:200px; background-color:#eee; overflow:hidden; display:inline-block; width:100%}
.RelatedProductsList .prImage img { min-width:200px; width:100%; height:auto; }
.RelatedProductsList a.prImage:hover img, .RelatedProductsList a.prImage:focus img{outline: 3px solid #ccc;}
.prDesc1 { display:none}
.onlineStoreOutOfStock{ position:absolute; top:188px; right:0px; background-color:#222; color:#fff; padding:0px 3px; opacity:0.7 }
.ProductList .onlineStoreOutOfStock{ color:#ff8800; padding:0px; opacity:1; background-color: transparent;  left:6px; top:126px }
.cartActionButtons { height:28px; clear:both}
#onlineStoreSCBox .checkout { float: right}
.viewcart { background:url(images/16-media.png) 0 -191px no-repeat;  padding-left:20px; height:18px; line-height:18px;  display:inline-block; margin-top:4px}
.view { background:url(images/16-media.png) 0 -191px no-repeat;  padding-left:20px; height:18px; line-height:18px;  display:inline-block;}
.cartSubTotal { text-align:center; padding:2px 4px; border:1px solid #ccc; webkit-border-radius:4px; -moz-border-radius: 4px; border-radius: 4px; margin:0.8em 0; background-color:#fff; font-size:1.1em}

.prGallery { margin:auto}
.homePr .prImage, .prGallery .prImage{ height:200px; background-color:#eee; overflow:hidden; display:block; width:200px}
.homePr .prImage img, .prGallery .prImage img { min-width:200px; width:100%; }
.homePr a.prImage:hover img, .homePr a.prImage:focus img, .prGallery a.prImage:hover img{outline: 3px solid #ccc;}
.homePr .prDesc1 , .prGallery .prDesc1{ display:none}
.homePr .onlineStoreOutOfStock, .prGallery .onlineStoreOutOfStock{ position:absolute; top:188px; right:0px; background-color:#222; color:#fff; padding:0px 3px; opacity:0.7 }

.mf_basic { padding:0; margin:10px 0px; list-style-type:none; text-align:center}
.mf_basic li { color:#eee; display:inline-block; webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px; padding:5px 15px; text-align:center; font-size:12px; width:40px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88b74d,endColorstr=#466c17); background: -webkit-gradient(linear, left top, left bottom, from(#88b74d), to(#466c17)); background: -moz-linear-gradient(top,  #88b74d,  #466c17);    background-image: -o-linear-gradient(#88b74d,#466c17); margin-left:2px;}
.mf_basic li  .total { display: block; font-weight:700; color:#fff; font-size:1.3em}

/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */
.ratingblock {	width: 50%; padding-bottom: 8px; margin-bottom: 8px; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid; display: block;}
.unit-rating {	background: url("images/starrating.gif") repeat-x left top; list-style: none; margin: 0px; padding: 0px; height: 30px; position: relative; width:150px; }
.unit-rating li {	margin: 0px; padding: 0px; text-indent: -90000px; float: left; }
.unit-rating li a {	padding: 0px; width: 30px; height: 30px; text-indent: -9000px; text-decoration: none; display: block; position: absolute; z-index: 20;}
/*.unit-rating li a:hover {	background: url("images/starrating.gif") left; left: 0px; z-index: 2;
}*/
.unit-rating a.r1-unit {left: 0px;}
.unit-rating a.r1-unit:hover {	width:30px;}
.unit-rating a.r2-unit {left: 30px;}
.unit-rating a.r2-unit:hover {	width:60px;}
.unit-rating a.r3-unit {left: 60px;}
.unit-rating a.r3-unit:hover {	width:90px;}
.unit-rating a.r4-unit {left: 90px;}
.unit-rating a.r4-unit:hover {	width:120px;}
.unit-rating a.r5-unit {left: 120px;}
.unit-rating a.r5-unit:hover {	width:150px;}
.unit-rating a.r6-unit {left: 150px;}
.unit-rating a.r6-unit:hover {	width:180px;}
.unit-rating a.r7-unit {left: 180px;}
.unit-rating a.r7-unit:hover {width:210px;}
.unit-rating a.r8-unit {left:210px;}
.unit-rating a.r8-unit:hover {width:240px;}
.unit-rating a.r9-unit {left: 240px;}
.unit-rating a.r9-unit:hover {width:270px;}
.unit-rating a.r10-unit{left:270px;}
.unit-rating a.r10-unit:hover {	width:300px;}
.unit-rating li.current-rating {background: url("images/starrating.gif") left bottom; height: 30px; text-indent: -9000px; display: block; position: absolute; z-index: 1;}

.link-wishlist { padding-left:18px; background: url("images/16-symbol.png") 0px -144px no-repeat; }
.email-friend {padding-left:18px; background: url("images/16-symbol.png") 0px -177px no-repeat;}

.chaptersList {margin:10px 0; padding:0px; list-style-type:none}
.chaptersList  li { min-height:160px; background-color:#eee; margin-bottom:10px; border-radius: 6px; -webkit-border-radius: 6px;	-moz-border-radius: 6px;}

.HomeEvents ul { margin:0 10px 0 0; padding:0; list-style-type:none}
.HomeEvents ul li { padding:0; clear:both; margin-bottom:10px; border-bottom:1px dotted #ccc;}
.HomeEvents h4 { float:left; width:49%; margin:0; text-transform: none; }
.evtDate  { background: url(images/calendar.png) no-repeat left; padding-left:26px;  font-style:italic }
.evtLocation { background: url(images/mappin.png) no-repeat 0 0px; padding-left:26px;  font-style:italic; line-height:22px; min-height:22px }
.HomeEvents .evtDesc { margin:12px 0 6px 0; line-height:120%; font-size:0.9em; }
.bullet2 ul.unstyled li, .bullet2 {background:url(images/bullet2.png)0px 50% no-repeat; padding-left: 18px}
.facebookLink a , .twitterLink a, .linkedinLink a { display:inline-block; text-indent:-9999px;  margin:0px 3px 0px 0}

.soc_icons a {margin-top: 5px; margin-right: 10px; float: left;}
.icon_t, .twitterLink a {background: url("images/icons_twitter_hover.png"); width: 24px; height: 24px;}
.icon_t:hover {	background: url("images/icons_twitter_hover.png");}
.icon_facebook, .facebookLink a {background: url("images/icons_facebook_hover.png"); width: 24px; height: 24px;}
.icon_facebook:hover {	background: url("images/icons_facebook_hover.png");}
.icon_dribbble {background: url("images/icons_dribbble_hover.png"); width: 24px; height: 24px;}
.icon_dribbble:hover {	background: url("images/icons_dribbble_hover.png");}
.icon_google {background: url("images/icons_google_hover.png"); width: 24px; height: 24px;}
.icon_google:hover {background: url("images/icons_google_hover.png");}
.icon_in, .linkedinLink a  {background: url("images/icons_in_hover.png"); width: 24px; height: 24px;}
.icon_in:hover {background: url("images/icons_in_hover.png");}
.icon_flickr {background: url("images/icons_flickr_hover.png"); width: 24px; height: 24px;}
.icon_flickr:hover {background: url("images/icons_flickr_hover.png");}
.icon32 { width:32px; height:32px; display:inline-block; margin:2px; text-indent:-99999px}
.email32 { background:url(images/32-mail.png) no-repeat 50% 50%;}
.email {padding-left:16px;  background:url("images/email.png") no-repeat left; line-height:16px  }
.address {padding-left:16px;  background:url("images/home.png") no-repeat left 4px; min-height:20px  }
.phone {padding-left:16px;  background:url("images/phone.png") no-repeat left;  }
.fax {padding-left:16px;  background:url("images/fax.png") no-repeat left;  }
.website {padding-left:16px;  background:url("images/website.png") no-repeat left;  }

#DemographicsTable span.DataFormLabel {white-space: nowrap}
#XXXXXXXX__UP INPUT, #XXXXXXXX {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: transparent; BORDER-TOP: 0px; BORDER-RIGHT: 0px}
.print { background:url(images/16-file.png) no-repeat 0px 0px; padding-left:20px; line-height:20px}

.menuDropStore { float:right; margin-top:2px; margin-right:0px; background-color:#aaa; padding:6px 10px; min-width:218px; -webkit-border-radius: 8px; -moz-border-radius:  8px; border-radius: 8px;
border-collapse: separate;-moz-box-shadow: 0px 0px 9px #444;-webkit-box-shadow: 0px 0px 9px #444;box-shadow: 0px 0px 9px #444;  }
.menuDropStore  select { padding:3px 8px; font-size:1.2em; max-width:230px; width:100%;  -webkit-border-radius: 8px; -moz-border-radius:  8px; border-radius: 8px; border:1px solid #b30000;}
.demoAlert { background: #c00;  width:99%; padding:3px 10px; color:#fff; text-align:center; position: absolute; top:-20px; left:0; font-weight:700; height:20px; min-height:20px;}

/*SLIDER*/
.flexsliderHome {width:650px; overflow:hidden; margin:0px auto 0px auto; padding:8px 14px 20px 14px;}

/* Browser Resets */
.flex-container a,
.flexslider a,
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.slides { margin:0px}
.flexslider .onlineStoreNewIconNoIm, .onlineStoreNewIconNoIm { background-color:#ffaa00; color:#fff; font-size:10px; text-transform:uppercase; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height:30px; width:30px; text-align:center; 
-moz-box-shadow: 0px 0px 5px #444;-webkit-box-shadow: 0px 0px 5px #444;box-shadow: 0px 0px 5px #444;}
.flexslider .onlineStoreNewIconNoIm, .onlineStoreNewIconNoIm  { position: absolute; top:8px; left:8px;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; width: auto; max-height: 370px; height:370px}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; border: 4px solid #eee; position: relative;  }
.flexslider .slides {}
.flexslider .slides > li {position: relative; background-color:#eee }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}
.flex-caption .prdDesc { margin-bottom:10px}
.flexslider .btn { position: absolute; bottom:20px; right:14px}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 39%; height:345px; padding: 2%; margin: 0; position: absolute; right: 0; top: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
.flex-caption h5 { color:#eee; margin:2px 0 10px 0; font-size:1.2em; }
/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav .flex-next {background-position: -52px 0; right: -21px;}
.flex-direction-nav .flex-prev {left: -20px;}
.flex-direction-nav .flex-disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav a {width: 13px; height: 13px; display: block; background: url(images/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
.flex-control-nav a:hover {background-position: 0 -13px;}
.flex-control-nav a.flex-active {background-position: 0 -26px; cursor: default;}

/*Calendar */
.EvCalTable { border-color:#ddd; line-height:110%; width:100%}
.EvCalTable td { padding:0}
.EvCalHeader {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#cccccc); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background: -moz-linear-gradient(top,  #eee,  #ccc); background-image: -o-linear-gradient(#eeeeee,#cccccc); padding:4px 4px; border-color:#bbb }
.EvCalTitle {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#dddddd); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background: -moz-linear-gradient(top,  #fff,  #ddd); background-image: -o-linear-gradient(#fff,#ddd); color:#666; font-size:1.4em; font-weight:700; height:26px; line-height:26px;  border-color:#ddd}
.EvCalTitle td { border-color:#ddd}
.EvCalOtherMonthDays { background-color:#ddd; border-color:#ccc; color:#888 }
.EvCalDay {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#eeeeee); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background: -moz-linear-gradient(top,  #fff,  #eee); background-image: -o-linear-gradient(#ffffff,#eeeeee); border-color:#ddd;}
.EvCalWeekendDay { background-color:#CDE9F1; border-color:#cff; color:#39C}
.EvCalTodayDay {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#444444,endColorstr=#000000); background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000000)); background: -moz-linear-gradient(top,  #444,  #000); background-image: -o-linear-gradient(#444444,#000000); border-color:#444; color:#fff}
.EvCalDay a,.EvCalWeekendDay a, .EvCalOtherMonthDays  a { background-color: #fff; color:#222; display:inline-block; padding:4px 3px; border-radius: 3px; -webkit-border-radius: 3px;	-moz-border-radius: 3px; font-size:0.8em; line-height:110%}
.EvCalTodayDay a{background-color:#b30000; color:#fff; display:inline-block; padding:4px 3px; border-radius: 3px; -webkit-border-radius: 3px;	-moz-border-radius: 3px;}
.EvCalOtherMonthDays, .EvCalWeekendDay, .EvCalDay { min-height:24px}

/*RESPONSIVE*/
 /* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns, 
    or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
/* You can also use a <br class="clear" /> to clear columns */
    .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.cityDrop { background:url(assets/Images/sprite.png) no-repeat 200px 0px; padding-top:4px }
.cityDrop select { font-size:14px; border:2px solid #aaa; padding:3px 6px }

 @media only screen and ( max-width: 480px) {

	#ContentPane { padding:10px 10px;}
.googleMap  {  width:280px; height:300px; }
.menuDropMenu {  top:12px; right:10px; font-size:0.9em}
.pageTitle, h1, .WizardTitle {  margin:10px 0; font-size:1.5em; padding:0;}
	.WizardTitle { background:#ddd; }
	.WizardHeader { font-size:1.2em; }
.memsearchres ul li { min-height:10px;} 
.invSep { display: inline  }
img.scale-with-grid, img.scale {width:98%;height:auto}
#logo { width:100px; height:30px; background-size:100% auto }
.product-right-side  { float:left; margin-left:10px;  margin-top:10px}
.right-float, .left-float { float:none}
	#ContentPane table td,	.DataFormTABLEModal td, #DataFormTable td {  ddisplay:block }
	#ContentPane table td { dpadding-bottom:4px; dmin-width:420px !important; }
	.margl10, 	.margr10 {  margin-left:0; margin-right:0}
		#ContentPane .generalTable table td, 		#ContentPane .generalTable table th, td[id~="UPDATEGRIDCONTROL"], 	#ContentPane table tr[id~="UPDATEGRIDCONTROL"] td, #ContentPane table.table td { displays: table-cell; min-width: inherit !important;   }
	.LayoutCell {  text-align:left !important}
	.hideMedia {  display:none;}


.WizardTitleSeparator span { display:none}

/* Headings and Titles
---------------------------------------------- */
h1, h2, h3, h4, h5, h6 {}
	/* heading specific */
h1 {}
	
/* Layout
---------------------------------------------- */
.col-1-3, .col-2-3, .col-1-2, .col-1-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5 {
float: none;margin-right: 0%;}
/* column widths */	

	.col-1-2 {width: 100%;
}
 .col-1-3 {width: 100%;}
 .col-2-3 {width: 98%;}
 .col-1-4 {width: 98%;}
 .col-3-4 {width: 98%;}
 .col-1-5 {width: 98%;}
 .col-2-5 {width: 98%;}
 .col-3-5 {width: 98%;}
 .col-4-5 {width: 98%;}
	
/*----INPUTS--*/
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="input"], input[type="time"], input[type="url"], input[type="week"] {
outline: 0;*padding-top: 2px;*padding-bottom: 1px;*height: auto; max-width:98% !important; }
}


@media only screen and (min-width: 480px) and (max-width: 640px) {
.memsearchres ul li { min-height:10px;} 
/* Layout
---------------------------------------------- */
.col-1-3, .col-2-3, .col-1-2, .col-1-4, .col-3-4, .col-1-5, .col-2-5, .col-3-5, .col-4-5 {float: none;margin: 0%;}

/* column widths */	

.col-1-2 {width: 100%;}
.col-1-3 {width: 100%;}
.col-2-3 {width: 99%;}
.col-1-4 {width: 98%;}
.col-3-4 {width: 98%;}
.col-1-5 {width: 98%;}
.col-2-5 {width: 98%;}
.col-3-5 {width: 98%;}
.col-4-5 {width: 98%;}
 
.pageTitle, h1 {}
.invSep { display:inline}
img.scale-with-grid, img.scale {width:98%;height:auto}
.right-float { }
#logo { width:180px; height:50px; background-size:100% auto }
.product-right-side  { width:99%; margin-left:10px; margin-top:10px}
.socialLinks {display:none}
.WizardContentTable { max-width:470px;  }


}
@media (max-width: 767px)
 {
}
@media only screen and (min-width: 768px) and (max-width: 1000px) { 
#logo {}
	.DesignedTable { }
.WizardContentTable { max-width:740px;  }

}
	
	/* `UI Consistency
----------------------------------------------------------------------------------------------------*/

/*----INPUTS--*/
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="input"], input[type="time"], input[type="url"], input[type="week"] { outline: 0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
max-width:98% !important;
}

::-moz-focus-inner {border: 0;padding: 0;}
 input[type="search"]::-webkit-search-decoration {display: none;}
input, button, select, textarea { vertical-align: middle; }
/*input[type="radio"], input[type="checkbox"] { position: relative; vertical-align: top; top: 3px;	 top: 0\0;   *top: -3px;}  */