/* BEGIN: HTML style updates */
/* Purpose: undo some of the default styling of common (X)HTML browsers
   link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link, :visited, :hover { text-decoration:inherit; }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style: none }

/* avoid browser default inconsistent heading font-sizes and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }

/* Remove the inconsistent (among browsers) default ul,ol padding or margin
   the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it.
   zero out the spacing around pre, form, body, html, p, blockquote as well
   form elements are oddly inconsistent, and not quite CSS emulatable.
   nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }

a {outline: none;}
/* END: HTML style updates */

/* BEGIN: WS Master styles */
body {
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#pageWrapper {
    position: relative;
    margin: 0px auto;
    padding: 0px;
    width: 968px;
    text-align: left;
}
#header {
    width: 968px;
    height: 170px;
}
.headerImageTop {
	position:absolute;
	top:0px;
	left:0px;
	width:968px;
	height:102px;
}
.wsBorder {
	border:1px solid #D8D9D2;
}
.wsBorderHeader {
	border:1px solid #D8D9D2;
	background-color:#F3F3F3;
}
.wsBorderFooter {
    border: 1px solid #D8D9D2;
    background-color:#666666;
    font-family: Arial;
    font-size: 11px;
    font-weight:bold;
    color:#FFFFFF;
    white-space:nowrap;
    text-align:right;
}
.wsDivider {
	width:1px;
	height:100%;
	background-color:#D8D9D2;
	empty-cells:show;
}
.headerTopNav {
	position:absolute;
	top:90px;
	right:220px;
	text-align:right;
}
.topNav {
    font-family:Arial;
    font-size:9px;
    color:#555555;
    cursor:pointer;
    text-decoration:none;
}
.topNavSeparator {
    font-family:Arial;
    font-size:9px;
    color:#555555;
    padding-left:10px;
    padding-right:10px;
}
.topNavSelected {
    font-family:Arial;
    font-size:9px;
    font-weight: bold;
    color:#555555;
    text-decoration:none;
}
.topNavGreeting {
    font-family:Arial;
    font-size:9px;
    color:#D53E3D;
    padding-right:35px;    
}
#headerExpert {
	position:absolute;
	top:89px;
	right:15px;
	width:190px;
	height:45px;
	border:1px solid #D8D9D2;
    background-color:#FFFAD7;
    margin-bottom:-3px;
}
.headerExpertTextLarge {
	position:absolute;
	top:5px;
	left:60px;
    font-family:Arial;
    font-size:11px;
    font-weight: bold;
    color:#D53E3D;
}
.headerExpertTextSmall {
	position:absolute;
	top:20px;
	left:60px;
    font-family:Arial;
    font-size:10px;
    text-decoration:underline;
    color:#C29B64;
}
.headerExpertImage {
	position:relative;
	top:0px;
	left:0px;
	width:53px;
	height:45px;
	border-right:1px solid #D8D9D2;
}
#mainMenus {
    position:absolute;
    top:115px;
    left:0px;
    width:750px;
    height:21px;
    background-color:#EFEFEF;
    z-index:100;
}
.menu {
    position:absolute;
    top:0px;
}
.menuHeaderWrapper {
    position:relative;
    top:0px;
    left:0px;
    height:21px;
    cursor:default;
}
.menuHeaderLeftBorder {
    width:2px;
    height:100%;
    background-color:#EFEFEF;        
}
.menuHeaderLeftBorderSelected {
    width:2px;
    height:100%;
    background-color:#666666;       
}
.menuHeaderText {
    height:21px;
    padding-left:5px;
    padding-right:5px;
    font-family:Arial;
    font-size:9.5px;
    color:#555555;
    white-space:nowrap;
}
.menuHeaderTextSelected {
    height:21px;
    padding-left:5px;
    padding-right:5px;
    font-family:Arial;
    font-size:9.5px;
    color:#111111;
    white-space:nowrap;
}
.menuContentWrapper {
    position:relative;
    top:0px;
    left:0px;
}
.mainNavMenuBorder {
    width:2px;
    height:2px;
    background-color:#969696;          
}
.mainNavMenuLeftBorder {
    width:2px;
    height:100%;
    background-color:#666666;  
}
.mainNavMenuLeftBorderSelected {
    width:2px;
    height:2px;
    background-color:#D53E3D;          
}
.mainNavMenuContent {
    font-family:Arial;
    font-size:9px;
    font-weight: bold;
    color:#FFFFFF;
    background-color:#969696;
    height:15px;
    padding-left:5px;
    padding-right:5px;
    cursor:pointer;
}
.mainNavMenuContentSelected {
    font-family:Arial;
    font-size:9px;
    font-weight: bold;
    color:#666666;
    background-color:#DFDEDE;
    height:15px;
    padding-left:5px;
    padding-right:5px;
    cursor:pointer;
}
#footer {
	position:relative;
	top:0px;
	left:15px;
	width:938px;
	padding-top:3px;	
}
.footerLeft {
	position:absolute;
	top:0px;
	left:0px;
}
.footerRight {
	position:absolute;
	top:0px;
	right:0px;
}
.footerText {
	font-family:Arial;
    font-size:9px;
    font-weight:bold;
    color:#555555;
    text-decoration:none;
}
.footerCopyright {
	font-size:10px;
}

#slideoutControls1 {
	position:absolute;
	top:-1px;
	right:-1px;
	z-index:150;
}


#slideoutControls {
	position:absolute;
	top:-1px;
	right:400px;
	z-index:150;
}
.slideoutControl1 {
border:1px solid #D8D9D2;background-image:url(../images/projectFolderTabClose.gif);height:121px;cursor:pointer;
}
.slideoutControl2 {
border:1px solid #D8D9D2;border-top:0px;border-bottom:0px;background-image:url(../images/sampleCartTabClose.gif);height:121px;cursor:pointer;
}
.slideoutControl3 {
border:1px solid #D8D9D2;background-image:url(../images/buildAQuoteTabClose.gif);height:121px;cursor:pointer;
}
.slideoutControl1Selected {
border:1px solid #FFFFFF;border-bottom:1px solid #D8D9D2;background-image:url(../images/hex_ffffff.jpg);height:121px;
}
.slideoutControl2Selected {
border:1px solid #FFFFFF;border-top:0px;border-bottom:0px;background-image:url(../images/hex_ffffff.jpg);height:121px;
}
.slideoutControl3Selected {
border:0px;border-top:1px solid #D8D9D2;background-image:url(../images/buildAQuoteTabControl.gif);height:121px;
}
.slideoutControl1Active {
border:1px solid #D8D9D2;background-image:url(../images/projectFolderTabActive.gif);height:121px;cursor:pointer;
}
.slideoutControl2Active {
border:1px solid #D8D9D2;border-top:0px;border-bottom:0px;background-image:url(../images/sampleCartTabActive.gif);height:121px;cursor:pointer;
}
.slideoutControl3Active {
border:1px solid #D8D9D2;background-image:url(../images/buildAQuoteTabActive.gif);height:121px;cursor:pointer;
}
#slideoutTabs {
    position:absolute;
    top:-1px;
    right:21px;
    z-index:100;
    width:260px;
}
#slideout1 {
	position:absolute;
	top:0px;
	right:0px;
	width:260px;
}
#slideout2 {
	position:absolute;
	top:0px;
	right:0px;
	width:260px;
}
#slideout3 {
	position:absolute;
	top:0px;
	right:0px;
	width:260px;
}
.slideoutTab123 {
	width:19px;
	height:124px;
	cursor:pointer;
	border-top:1px solid #D8D9D2;
	border-left:1px solid #D8D9D2;
	border-bottom:1px solid #D8D9D2;
	background-image:url(../images/hex_ededed.jpg);
}
.slideoutTab123Selected {
	width:19px;
	height:124px;
	cursor:pointer;
	border-top:1px solid #D8D9D2;
	border-left:1px solid #D8D9D2;
	border-bottom:1px solid #D8D9D2;
	background-image:url(../images/hex_ffffff.jpg);
}
.slideoutTabContent123 {
	width:230px;
	height:256px;
	border-top:1px solid #D8D9D2;
	border-bottom:1px solid #D8D9D2;
	background-image:url(../images/hex_ffffff.jpg);
	vertical-align:top;
	padding:8px;
}
.slideoutShadowSide123 {
	background-image:url(../images/slider123_shadow_tab_side.png);
	background-image:expression('none');
	width:13px;
	height:126px;
	background-repeat:no-repeat;
}
#slideoutShadowSide1 {
	background-image:url(../images/slider1_shadow_side.png);
	background-image:expression('none');
	width:32px;
	height:246px;
	background-repeat:no-repeat;
	border-right:1px solid #D8D9D2;
}
.slideoutShadowBottom12 {
	background-image:url(../images/slider12_shadow_bottom.png);
	background-image:expression('none');
	width:278px;
	height:14px;
	background-repeat:no-repeat;
}
#slideoutShadowTopSide2 {
	background-image:url(../images/slider2_shadow_side_top.png);
	background-image:expression('none');
	width:32px;
	height:123px;
	background-repeat:no-repeat;
}
#slideoutShadowBottomSide2 {
	background-image:url(../images/slider2_shadow_side_bottom.png);
	background-image:expression('none');
	width:32px;
	height:123px;
	background-repeat:no-repeat;
}
#slideoutShadowTopSide3 {
	background-image:url(../images/slider3_shadow_side.png);
	background-image:expression('none');
	width:32px;
	height:246px;
	background-repeat:no-repeat;
}
#slideoutShadowBottom3 {
	background-image:url(../images/slider3_shadow_bottom.png);
	background-image:expression('none');
	width:278px;
	height:14px;
	background-repeat:no-repeat;
}
.lightbox {
	position:absolute;
	top:0px;
	left:0px;
	z-index:199;
	background-color:black;
	opacity:0.05;
    -moz-opacity:0.05;    
	filter:alpha(opacity=5);
}
.disabled {
	position:absolute;
	top:0px;
	left:0px;
	z-index:198;
	background-color:white;
	opacity:.50;
    -moz-opacity:0.50;    
	filter:alpha(opacity=50);
}
/* END: WS Master styles */

/* BEGIN: WS Content styles */
#content {
	position:relative;
	top:0px;
	left:15px;
	width:936px;
	border:1px solid #D8D9D2;
	z-index:50;
	overflow:hidden;
	padding-bottom:30px;
}
.contentHeader {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:21px;
	border-bottom:1px solid #D8D9D2;
}
.contentDescription {
    font-family: Arial;
    font-size: 11px;
    color: #777777;
    text-align: left;
}
.contentHeaderText {
	font-family:Arial;
    font-size:13px;
    font-weight: bold;
    color:#777777;
    padding-left:10px;
}
.contentHeaderTextWhite {
	font-family:Arial;
    font-size:13px;
    font-weight: bold;
    color:#FFFFFF;
    padding-left:10px;
}
.subContentHeaderText {
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    color: #777777;
    text-align: left;
    padding-left:5px;
    white-space:nowrap;
}
.contentFooter {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:8px;
	border-top:1px solid #D8D9D2;
}
/* END: WS Content styles */

/* BEGIN: Content Header/Footer backgrounds */
.contentAuthBackground {
	background-color:#FFF397;
}
.contentProductBackground {
	background-color:#FF3333;
}
.contentPulseBackground 
{
    background-color:#D1E0FF;
}
.contentMyAccountBackground {
	background-color:#D5F2E5;
}
.contentMyProjectsBackground {
	background-color:#D5F2E5;
}
.contentTechnicalBackground {
	background-color:#E1CDAB;
}
.contentOrderBackground {
	background-color:#FFF397;
}
.contentWhiteGreenBackground 
{
	background-color:#CEEDA8;
}
.contentMiscBackground {
	background-color:#ECDDBC;
}
.contentHelpDeskBackground {
	background-color:#DFDFDF;
}
.subContentBackground {
	background-color:#F3F3F3;
}
/* END: Content Header/Footer backgrounds */

/* BEGIN: WS Form styles */
.formBox {
	border:1px solid #CCCCCC;
    background-color:#FFFFFF;
    opacity:92;
    -moz-opacity:0.92;    
	filter:alpha(opacity=92);
	z-index:200;
}
.formBoxShaded {
    border:1px solid #CCCCCC;
    background-color:#F3F3F3;
}
.formTitle {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #555555;
    text-align: left;
    white-space:nowrap;
}
.formTitleLink {
    font-family: Arial;
    font-size: 10px;
    color: #555555;
    text-decoration: underline;
    text-align: left;
    white-space:nowrap;
}  
.formLabel {
    font-family: Arial;
    font-size: 10px;
    color: #555555;
    text-align: left;
    white-space:nowrap;
}
.formLabelBold {
    font-family: Arial;
    font-size: 10px;
    font-weight:bold;
    color: #555555;
    text-align: left;
    white-space:nowrap;
}
.formLabelLarge {
    font-family: Arial;
    font-size: 12px;
    color: #555555;
    text-align: left;
    white-space:nowrap;
}
.formLabelLargeBold {
    font-family: Arial;
    font-size: 12px;
    font-weight:bold;
    color: #555555;
    text-align: left;
    white-space:nowrap;
}
.formLabelError {
    font-family: Arial;
    font-size: 10px;
    color: #D53E3D;
    text-align: left;
}
.formLabelItalic {
    font-family: Arial;
    font-size: 10px;
    font-style:italic;
    color: #555555;
    text-align: left;
}
.formLink {
    font-family: Arial;
    font-size: 10px;
    font-style:normal;
    text-decoration: underline;
    color: #C78931;
    text-align: left;
    white-space:nowrap;
}
.formLinkLarge {
    font-family: Arial;
    font-size: 12px;
    font-style:normal;
    text-decoration: underline;
    color: #C78931;
    text-align: left;
    white-space:nowrap;
}
.formErrorGeneral {
    font-family: Arial;
    font-size: 9px;
    color: #D53E3D;
    text-align: left;
}
.formMessaging {
	font-family:Arial;
    font-size: 9px;     
    color:#555555;
}
.formTextBoxSmall {
	width:130px;
	height:16px;
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size: 11px;     
    color:#555555;
    background-color:#FFFFFF;
    padding-top:2px;
}
.formDropDownList {
	width:160px;
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size: 11px;     
    color:#555555;
    background-color:#FFFFFF;
}
.formDropDownListNoWidth {
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size: 11px;     
    color:#555555;
    background-color:#FFFFFF;
}
.formDropDownListExtraLarge {
    width:500px;
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size: 11px;     
    color:#555555;
    background-color:#FFFFFF;
}
.formDropDownListSmall {
	width:100px;
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size: 11px;     
    color:#555555;
    background-color:#FFFFFF;
}
.formTextArea {
	width:400px;
	height:40px;
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size: 11px;     
    color:#555555;
    background-color:#FFFFFF;
}
.formTextAreaSmall {
	width:225px;
	height:40px;
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size: 11px;     
    color:#555555;
    background-color:#FFFFFF;
}
.formTextBox {
	width:160px;
	height:16px;
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size: 11px;     
    color:#555555;
    background-color:#FFFFFF;
    padding-top:2px;
}
.formTextBoxLarge {
	width:225px;
	height:16px;
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size: 11px;     
    color:#555555;
    background-color:#FFFFFF;
    padding-top:2px;
}
.formDropDownListLarge {
	width:227px;
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size: 11px;     
    color:#555555;
    background-color:#FFFFFF;
}
.formTextBoxDisabled {
	width:160px;
	height:16px;
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size: 11px;     
    color:#555555;
    background-color:#F3F3F3;
    padding-top:2px;
}
.formTextBoxLargeDisabled {
	width:225px;
	height:16px;
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size: 11px;     
    color:#555555;
    background-color:#F3F3F3;
    padding-top:2px;
}
.formSuccess {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #777777;
    text-align: left;
}
/* END: WS Form styles */

/* BEGIN: WS List styles - This is the alphabet list */
.wsListLink {
	font-family:Arial;
    font-size:10px;     
    color:#555555;
    border:1px solid #FFFFFF;
    padding-left:2px;
    padding-right:2px;
    text-decoration:none;
}
.wsListLinkSelected {
	font-family:Arial;
    font-size:10px;     
    color:#555555;
    border:1px solid #E6372E;
    padding-left:2px;
    padding-right:2px;
    text-decoration:none;
}
.wsList {
	width:347px;
	height:118px;
    border:1px solid #D8D9D2;
    overflow-y:scroll;
}
.wsListItem {
    padding:5px 5px 5px 5px;   
    border-bottom:1px solid #D8D9D2;
}
.wsListItemSelected {
    background-color:#F3F3F3;
    padding:5px 5px 5px 5px;
    border-bottom:1px solid #D8D9D2;
}
.wsListItem a {
	font-family:Arial;
    font-size:10px;
    color:#555555;
    text-decoration:none;
}
.wsListItemSelected a {
	font-family:Arial;
    font-size:10px;     
    color:#555555;
    text-decoration:none;
}
/* END: WS List styles */

/* BEGIN: WS Select list styles */
.wsSelectList {
	font-family:Arial;
    font-size:10px;     
    color:#555555;
    padding:5px 5px 5px 5px;   
    border-bottom:1px solid #D8D9D2;
    cursor:pointer;
}
.wsSelectListSelected {
	font-family:Arial;
    font-size:10px;     
    color:#555555;
    padding:5px 5px 5px 5px;   
    border-bottom:1px solid #D8D9D2;
    background-color:#F3F3F3;
}
/* END: WS Select list styles */

/* BEGIN: Content Nav Tabs */
.contentDivider {
	position:relative;
	height:1px;
	background-color:#E5E5E3;
}
.contentBorder {
	position:relative;
	bottom:10px;
	left:11px;
	right:11px;
	width:889px;
	height:450px;
	border:1px solid #D8D9D2;
}
#contentTopNav {
	position:absolute;
	width:889px;
	left:11px;
	right:11px;
	top:28px;
	height:20px;
	z-index:1;
}	
.contentTopNavSelTab {
	position:absolute;
	height:19px;
	top:0px;
    padding-left:22px;
    padding-right:22px;
	padding-top:3px;
	border-top: 1px solid #D8D9D2;
	border-left: 1px solid #D8D9D2;
	border-right: 1px solid #D8D9D2;
	border-bottom: 1px solid white;
	font-family:Arial;
    font-size:12px;
    font-weight: bold;
    color:#555555;
	background-color: White;    
	text-align: center;
	z-index:2;
}
.contentTopNavLinkTab {
	position:absolute;
	top:4px;
	height:18px;
    padding-left:24px;
    padding-right:24px;
	border: 1px solid #D8D9D2;
	font-family:Arial;
    font-size:11px;
    font-weight: bold;
    color:#555555;
	text-align: center;
	z-index:2;
}
.contentTopNavLinkTab a { color:#555555; text-decoration:none; }
.contentTopNavLinkTab a:link { color:#555555; text-decoration:none;}
.contentTopNavLinkTab a:visited { color:#555555; text-decoration:none;}
.contentTopNavLinkTab a:hover { color:#555555; text-decoration:none;}
/* END: Content Nav Tabs */

/* BEGIN: WS Pager */
.wsPagerText {
    font-family: Arial;
    font-size: 10px;
    color: #555555;
    text-align: left;
    white-space:nowrap;
}  
.wsPagerLink {
    font-family: Arial;
    font-size: 10px;
    color: #555555;
    text-decoration: underline;
    text-align: left;
    white-space:nowrap;
    padding-left:5px;
    padding-right:5px;
}
/* END: WS Pager */

/* BEGIN Project Image Overlay Styles */
.wsOverlayHeader
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#555555;
}
.wsOverlaySubheader
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#555555;
}

/* END Project Image Overlay Styles */

/* BEGIN: WS Pager */
.wsPagerText {
    font-family: Arial;
    font-size: 10px;
    color: #555555;
    text-align: left;
}  
.wsPagerLink {
    font-family: Arial;
    font-size: 10px;
    color: #555555;
    text-decoration: underline;
    text-align: left;
    padding-left:5px;
    padding-right:5px;
}
/* END: WS Pager */

/* BEGIN Paging List Styles */
.wsPagingListFilterTitle {
	font-family: Arial;
    font-size: 10px;
    color: #555555;
}
.wsPagingListHeader {
	border-right:1px solid #D8D9D2;
	background-color:#F7F7F7;
}
.wsPagingListHeaderLast {
    background-color:#F7F7F7;
}
.wsPagingListHeaderText {
	font-family: Arial;
    font-size: 11px;
    font-weight:bold;
    color: #666666;
    text-decoration:none;
}
.wsPagingListItem {
	border-left:1px solid #D8D9D2;
	border-right:1px solid #D8D9D2;
	border-bottom:1px solid #D8D9D2;
    background-color:#FFFFFF;
}
.wsPagingListItemSelected {
    border-bottom:1px solid #D8D9D2;
    background-color:#F7F7F7;
}
.wsPagingListItemText {
	font-family: Arial;
    font-size: 11px;
    color: #555555;
}
.wsPagingListSubHeaderText {
	font-family: Arial;
    font-size: 11px;
    color: #666666;
}
.wsPagingListItemLink {
	font-family: Arial;
    font-size: 11px;
    color: #C78931;
    text-decoration:underline;
    cursor:pointer;
}
/* BEGIN Paging List Styles */
.tooltip {
    position:absolute;
    border:1px solid #D8D9D2;
    background-color:#FFFFFF;
    font-family: Arial;
    font-size: 9px;
    color: #555555;
    text-align: left;
    padding:10px;
    z-index:1000;
}
.tooltipContent {
    width:130px;
}
.legalTitle {
    font-family: Arial;
    font-size: 14px;
    font-weight:bold;
    color: #555555;
    text-align: left;
}
.legalText {
    font-family: Arial;
    font-size: 12px;
    color: #555555;
    text-align: left;
}
.printFriendlyLink {
    font-family: Arial;
    font-size: 10px;
    color: #555555;
    text-align: left;
    white-space:nowrap;
    cursor:pointer;
}
.quickSearchTextBox {
	width:135px;
	height:14px;
	border:1px solid #D8D9D2;
	font-family:Arial;
    font-size:10px;     
    color:#555555;
    background-color:#FFFFFF;
    text-indent:1px;
    padding-top:2px
}
.quickSearchText {
	font-family:Arial;
	font-size:10px;
	color:#C78931;
}
.customProjectFolderMarker
{
	position:absolute;top:41px;left:48px;padding:0px;margin:0px;
}
.confirmationLargeBold
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:12px;
	color:#555555;
	font-weight:bold;
}
.confirmationText
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:11px;
	color: #555555;
}