
body, form { margin: 0px; padding: 0px; }
body { background: #DDDDDD; }
body, td, th { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: black; }

BODY.error { background: white; }

.hidden { display: none; }
TABLE.centerTable { width: auto; }
TABLE.layoutTable {}
.left { float: left !important; }
.right { float: right !important; }
.clear { clear: both !important; }
.clearThin { clear: both !important; font-size: 3px; }
.clearVeryThin { clear: both !important; font-size: 0px; }
.heightMinimum { height: 1%; }
.textCenter { text-align:center; }
.fontSmall {font-size: 10px;}
.pb10 { padding-bottom: 10px; }
.mt5 { margin-top: 5px; }
.fixPb { _padding-bottom: 0; }
.nowrap { white-space: nowrap; }
.overflowH { overflow: hidden; }

a:link, a:visited {
  color: #000000;
  text-decoration: none;
}

/* ========================================================================== */
/* MAIN LAYOUT */

#layoutC { top:10px; float: left; width: 895px; margin: 3px 0px;}
#topPanelC, #workAreaC, #footPanelC {
	float: left; clear: both; border-left: 3px solid #CCCCCC; border-right: 3px solid #CCCCCC; background: white;
	width: 899px; voice-family: "\"}\""; voice-family:inherit; width: 889px;		
}
#topPanelC { border-top: 3px solid #CCCCCC; }
#workAreaC { padding-bottom: 20px; }
#footPanelC { border-top: 3px solid #CCCCCC; border-bottom: 3px solid #CCCCCC; padding-bottom: 7px; }

#errorAreaC { float: left; clear: both; margin-top: 20px; width: 895px; padding-bottom: 14px; }

/* ========================================================================== */
/* TOP PANEL */

#vebsoC {
	float: left; height: 72px; border-right: 1px solid #5F86C8; background: #DCE8FB url(../images/topPanel_bg1_short.jpg) no-repeat;
	/*IE_BOX-MODEL_WORKAROUND*/width: 653px; voice-family: "\"}\""; voice-family: inherit; width: 652px;
}#IEFIX {}
	#vebso { float: left; padding: 6px 0px 0px 25px; }
	#vebso H1 { margin: 0px; width: 177px; height: 57px; background: url(../images/logo.png) no-repeat; cursor: hand; }
	#vebso SPAN { display: none; }

#userPanelC {
	float: right; overflow:hidden;
	/*IE_MIN-HEIGHT_WORKAROUND*/min-height: 72px; height: 72px !important;
	border-left: 1px solid #D2E2FA; background: #FEFEFF URL(../images/topPanel_bg2.jpg) repeat-x;
	/*IE_BOX-MODEL_WORKAROUND*/width: 235px; voice-family: "\"}\""; voice-family: inherit; width: 235px;
}#IEFIX {}
	#userNameC { float: left; width: 100%; min-height: 26px; border-bottom: 1px solid #D2E2FA; background: #7798CF; }
	#userNameC_minHeight { float: left; height: 26px; }
	#userNameC H2 { float: left; margin: 0px; width: 120px; padding: 6px 0px 0px 9px; font-weight: normal; font-size: 12px; color: white; overflow: hidden; white-space: pre; }
		#logoutButtonC { float: right; padding: 3px 8px 0px 0px; }

		.button_logout {
			float: left;
			font: normal normal normal 10px Verdana; color: white; text-decoration: none;
			background: URL(../images/button_logout_bg1.gif) no-repeat;
		}
		.button_logout SPAN {
			float: left; padding: 3px 6px 0px 6px; height: 18px;
			background: URL(../images/button_logout_bg2.gif) no-repeat 100% 0px;
			cursor: hand;
		}

	#userMenu { float: left; width: 100%; font-size: 10px; color: #00AEE7; }
	#userMenu DIV { float: left; clear: left; margin-left: 8px; padding-top: 6px; /*IE_BUGFIX*/display: inline; }
	#userMenu A { color: #004A84; text-decoration: none; }
	#userMenu A:hover { text-decoration: underline; }

	#visitorLoginC { float: left; margin: 1px 0px 0px 5px; /*IE_BUGFIX*/display: inline; }
	#visitorLoginC TABLE.container { width: 234px; }
	#visitorLoginC TD { font-size: 10px; }
	#visitorLoginC .c01 { padding: 0px 5px 0px 10px; height: 24px; white-space: pre; }
	#visitorLoginC .c01 SPAN { display: block; }
	#visitorLoginC .c02 { width: 115px; }
	#visitorLoginC .c03 { width: 100%; padding-left: 4px; }
	#visitorLoginC .c03 SPAN { display: block; }
	#visitorLoginC .button { white-space: pre; }

	#visitorLoginC DIV { margin: 2px 0px 0px 0px; color: #00AEE7; font-size: 10px; }
	#visitorLoginC DIV A { color: #004A84; text-decoration: none; }
	#visitorLoginC DIV A:hover { text-decoration: underline; }

#menu_global {
	float: left; clear: both; width: 100%; overflow: hidden;
	border-bottom: 1px solid white;
	background: #1D3E86 URL(../images/menu_global_bg.gif) repeat-x;
}
	#menu_global_left  { float: left; padding-left: 4px; }
	#menu_global_right { float: right; padding-left: 4px; }

	#menu_global UL.level1 { margin: 0px; padding: 0px; list-style-type: none; }	
	#menu_global UL LI.level1 { float: left; }
	#menu_global UL LI A.level1 {
		float: left; padding: 5px 6px 7px 6px;
		background: URL(../images/menu_global_item_bg.gif) no-repeat 0% 50%;
		color: white; text-decoration: none;
	}
	#menu_global ul li a.level1:active {background-color: #FFFFFF; color: #000000;}
	
	#menu_global UL.level2 { margin: 0px; padding: 0px; list-style-type: none; }	
	#menu_global UL LI.level2 { float: left; }
	#menu_global UL LI A.level2 {
		float: left; padding: 5px 6px 7px 6px;
		color: white; text-decoration: none;
	}
	#menu_global ul li a.level2:active {background-color: #FFFFFF; color: #000000;}		

#menu_global IFRAME {
	position: absolute;
}

/* ========================================================================== */
/* FOOTER */

#footPanelC {}
#footPanelC A { color: #9D9D9D; text-decoration: none; }
#footPanelC A:hover { text-decoration: underline; }
#footPanelC span { color: #9D9D9D;}

#menu_importantCorporateLinks { float: left; margin: 0px 10px; color: #CCCCCC; }
#menu_importantCorporateLinks P { margin: 14px 0px 0px 0px; }
#menu_bottom { border-bottom: 1px solid #ccc; text-align:center; margin: 0px 0px 5px 0px; color: #CCCCCC; }
#menu_bottom P { margin: 8px 0px; }
#footPanelC .menu_help_terms { color:#ccc; font-size:11px; margin:10px 0px 0px 0px; text-align:center;}
#epoint { float: left; clear:left; margin: 5px 0px 0px 10px; /*IE_BUGFIX*/display: inline; }
#copyright { float: left; margin: 0px 10px; color: #9D9D9D; /*IE_BUGFIX*/display: inline; }
#copyright P { margin: 3px 0px 0px 0px; line-height: 14px; }

/* ========================================================================== */
/* layout containers */

.layoutC { width: 880px; }
	.panel1 { float: left; width: 167px; margin: 0px 10px; /*IE_BUGFIX*/display: inline; }
	.panel2 { float: right; width: 563px; padding-right: 10px; /*IE_BUGFIX*/display: inline; }
	.panel_wide { float: left; width: 740px; margin: 0px 10px; /*IE_BUGFIX*/display: inline; }
	.panel1_quickOrder { float: left; width: 431px; margin-left: 10px; /*IE_BUGFIX*/display: inline; }
	.panel2_quickOrder { float: right; width: 290px; margin-right: 10px; /*IE_BUGFIX*/display: inline; }
	.panel1_half { float: left; width: 360px; margin-left: 10px; /*IE_BUGFIX*/display: inline; }
	.panel2_half { float: right; width: 360px; margin-right: 10px; /*IE_BUGFIX*/display: inline; }
	.panel1_visitor { float: left; width: 454px; margin-left: 10px; /*IE_BUGFIX*/display: inline; }
	.panel2_visitor { float: right; width: 276px; margin-right: 10px; /*IE_BUGFIX*/display: inline; }
	.panel1b { float: left; width: 563px; margin: 0px 10px; /*IE_BUGFIX*/display: inline; }
	.panel2b { float: right; width: 167px; margin-right: 10px; /*IE_BUGFIX*/display: inline; }

/* ========================================================================== */
/* common elements */

.contentArea {}
.contentArea a { color: #004A84; text-decoration: none; }
.contentArea a:hover { text-decoration: underline; }
.contentArea a.link_1 { color: black; text-decoration: underline; }
.contentArea a IMG { border: none; }
.contentArea p { margin: 10px 0px; }
.contentArea h2 { margin: 14px 0px; font-size: 16px; color: #FF9F15; }
.contentArea h3 { margin: 14px 0px; font-size: 12px; color: #00AEE7; }
.contentArea h3 A { font-size: 12px; color: #7798CF; font-weight: bold; }
.contentArea h4 { margin: 10px 0; font-size: 11px; color: #7798cf; } 
.contentArea h4 A { font-size: 11px; color: #7798cf; font-weight: bold; }
.contentArea h3 a:hover,
.contentArea h4 a:hover { text-decoration: underline; }
.contentArea span.more { background: URL(../images/link_more.gif) no-repeat 1px 50%; }
.contentArea span.more B { visibility: hidden; }
.contentArea ul { margin: 7px 0px; padding: 0px 0px 0px 30px; list-style-image: URL(../images/li.gif); }
.contentArea hr { border: none; border-top: 1px solid #ccc; height: 1px; }
.contentArea .note { color: #787878; }
.contentArea .important { color: #00AEE7; }
.contentArea .cDarkBlue { color: #1a51b0; font-size: 14px; }
.contentArea .problem { color: red; }
.contentArea .question_important { color: red; }

.contentArea TABLE.table1 { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.contentArea TABLE.table1 TR.r01 TD, .contentArea TABLE.table1 TR TD.r01 { padding: 4px; background: #EBEBEB; }
.contentArea TABLE.table1 TR.r02 TD, .contentArea TABLE.table1 TR TD.r02 { padding: 4px; background: white; }

.contentArea .fileicon { margin-right: 5px; }

.contentArea TABLE.table_important { background: #f9f9f9; border: 1px solid #CCCCCC; }
.contentArea TABLE.table_important TD { padding: 5px 10px; }

.contentArea TABLE.table_border_grey { border: 1px solid #CCCCCC; }
.contentArea TABLE.table_border_grey TD { padding: 5px 10px; }

.contentArea TABLE.table_amagram { width: 100%; }
.contentArea TABLE.table_amagram TD { padding: 3px; vertical-align: top; }
.contentArea TABLE.table_amagram TD.c01 { width: 110px; }
.contentArea TABLE.table_amagram TD.c02 { width: 215px; }
.contentArea TABLE.table_amagram TD.c03 { width: auto; }

.contentArea .cms_auto_first_child { margin-top: 0px !important; }
.contentArea .cms_auto_last_child  { margin-bottom: 0px !important; }

.contentArea .brokenLink { border-bottom: 3px dotted red; background: yellow; font-size: 11px; line-height: 18px; }

/* ========================================================================== */
/* common buttons */

.button, .button_slim, .button_wide, .button_cart, .button_cartPlain, .button_delete, .button_disabled, .button_webmailDraft {
	float: left; padding: 1px 6px 0px 6px;
	border: 1px solid #405FA4; background: #DDEAF4 URL(../images/button_bg.gif) repeat-x;
	font-size: 10px; color: #004A84; text-decoration: none;
	text-align: center; vertical-align: middle;
	/*IE_BOX-MODEL_WORKAROUND*/height: 21px; voice-family: "\"}\""; voice-family: inherit; height: 18px;
}#IEFIX {}

.button SPAN, .button_slim SPAN, .button_wide SPAN, .button_cartPlain SPAN, .button_delete SPAN, .button_disabled SPAN, .button_webmailDraft SPAN {
	float: left;
	FILTER: progid:DXImageTransform.Microsoft.dropShadow(Color=#EEEEEE,offX=1,offY=1,positive=true);
	cursor: hand;
	white-space: nowrap;
}
.customButtons .button SPAN, .customButtons .button_delete SPAN { float: none; }

/* ========================================================================== */
/* form fields */

INPUT.searchPanelField, INPUT.loginInputText, INPUT.passwordInputText { font: normal normal normal 10px Tahoma; }
INPUT.loginInputText { width: 110px; }
INPUT.passwordInputText { width: 110px; }

.adcmd   {width:200px; float:left; margin-left:20px; border: 1px solid #CCCCCC; overflow:hidden;}
.adcnt   {width:620px; float:right; margin-right:20px; border: 1px solid #CCCCCC; overflow:hidden;}
.adcmd1  {background:#EBEBEB; font-weight:bold; overflow:hidden;}
.adcmd1 h1 {margin: 0px; height:auto; font-size: medium;}
.adcmd11 {background:#EBEBEB; border-top: 1px solid #CCCCCC; text-align:right; overflow:hidden;}
.adcmd2  {padding-left:10px;  overflow:hidden;}
.adcmd3  {background:#EBEBEB; font-weight:bold; margin-top:-10px; margin-right:5px; overflow:hidden;}
.adcmd4  {margin-top:-10px; margin-right:5px;}
