/*** HTML ELEMENTS **********************************************/
body
{
	margin: 0px;
	padding: 0px;
	background-image: url(../../Public/Images/backgrounds/body.gif);
	background-repeat: repeat-x;
	background-color: #DDDDDD;
}
form
{
	height: 100%;
}
a:link
{
	color: #000000;
	text-decoration: underline;
}
a:visited
{
	color: #000000;
}
a:hover
{
	color: #0038B0;
}
a:active
{
	color: #000000;
}
/****************************************************************/

/*** FONT *******************************************************/
body, table, tr, th, td, input, form, select, div, span, a, p
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
}
/****************************************************************/

/*** PAGE FLOW & PADDING & ALIGNMENT *****************************/
/** float **/
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.floatReset
{
	clear: both;
}
.floatResetLeft
{
	clear: left;
}
/** padding **/
.paddingTop
{
	padding-top: 5px;
}
.paddingRight
{
	padding-right: 5px;
}
.paddingBottom
{
	padding-bottom: 5px;
}
.paddingLeft
{
	padding-left: 5px;
}
.paddingLeft10
{
	padding-left:10px!important;
}
/** margin **/
.marginTop
{
	margin-top: 5px;
}
.marginRight
{
	margin-right: 5px;
}
.marginBottom
{
	margin-bottom: 5px;
}
.marginLeft
{
	margin-left: 5px;
}
/** alignment **/
.alignLeft
{
	text-align: left;
}
.alignCenter
{
	text-align: center;
}
.alignRight
{
	text-align: right;
}
.valignTop
{
	vertical-align: top;
}
.valignMiddle
{
	vertical-align: middle;
}
.valignBottom
{
	vertical-align: bottom;
}
/****************************************************************/

/*** WIDTHS *****************************************************/
.widthMaster
{
	width: 910px;
}
.widthFull
{
	width: 100%;
}
.widthMax
{
	width: 890px;
}
.widthHalf
{
	width: 430px;
}
.widthQuarter
{
	width: 210px;
}
.widthQuarterX3
{
	width: 700px;
}
.widthThird
{
	width: 300px;
}
.widthThirdX2
{
	width: 620px;
}
.widthSixth
{
	width: 130px;
}
/****************************************************************/

/*** ERRORS & WARNINGS ******************************************/
.errorText
{
	color: #FF0000;
}
.warningText
{
	color: #0000FF;
}
/****************************************************************/


/*** GENERAL ****************************************************/
.title
{
	font-weight: bold;
}
.pageHeader
{
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 2px 10px;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	border: none 0px;
	border-bottom: solid 1px #000000;
	text-align: left;
}
.groupPanelBig
{
	border: none 0px;
}
.groupPanelBig fieldset
{
	border: solid 1px #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}
.groupPanelBig legend
{
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 0px 2px;
	border: none 0px;
}
.groupPanelSmall
{
	border: none 0px;
}
.groupPanelSmall fieldset
{
	border: solid 1px #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}
.groupPanelSmall legend
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 2px;
	border: none 0px;
}
.contentTopDown
{
	display: inline-block;
}
.contentTopDownTitle
{
	display: block;
	font-weight: bold;
	vertical-align: middle;
	margin: 5px 5px 0px 0px;
	padding: 0px 2px 0px 2px;
}
.contentTopDownValue
{
	display: block;
	vertical-align: middle;
	margin: 5px 5px 0px 0px;
	padding: 0px 2px 0px 2px;
}
.contentLeftRight
{
	vertical-align: bottom;
}
.contentLeftRightTitle
{
	display: inline-block;
	font-weight: bold;
	vertical-align: middle;
	margin: 5px 5px 0px 0px;
	padding: 0px 2px 0px 2px;
}
.contentLeftRightValue
{
	display: inline-block;
	vertical-align: middle;
	margin: 5px 5px 0px 0px;
	padding: 0px 2px 0px 2px;
}
.iconAlert
{
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
	border: none 0px;
}
.iconInline
{
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 4px;
	border: none 0px;
}
/****************************************************************/

/*** WELCOME & LOGIN ********************************************/
#WelcomeSplash
{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
#WelcomeTextHeightImg
{
	float: right;
	width: 1px;
	height: 260px;
}
#LoginSplash
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.welcomeText
{
}
.welcomeImagePart
{
	height: 75px;
	margin: 50px 30px 30px 30px;
	padding: 0px 0px 0px 0px;
}
/****************************************************************/

/*** MASTER PAGES ***********************************************/
#MasterContainer
{
	text-align: center;
}
.masterContainerMinHeightImg
{
	float: right;
	width: 1px;
	height: 430px;
	border: none 0px;
}
#MasterHeader
{
	height: 79px;
	background-color: #002575;
}
#MasterHeader a:link
{
	color: #FFFFFF;
}
#MasterHeader a:visited
{
	color: #FFFFFF;
}
#MasterHeader a:hover
{
	color: #F3DFC4;
}
#MasterHeader a:active
{
	color: #FFFFFF;
}
.fontMasterHeader
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	color: #FFFFFF;
}
#MasterHeaderLogo
{
	float: left;
	width: 175px;
	height: 39px;
	background-image: url(../../Public/Images/logotypes/bufab.png);
	background-repeat: repeat-x;
	margin: 20px 30px 20px 30px;
	padding: 0px;
}

#MasterHeaderInfo
{
	float: left;
	width: 645px;
	height: 79px;
	background-image: url(../../Public/Images/logotypes/etrade.png);
	background-repeat: no-repeat;
	background-position: right;
}
#MasterMenuContainer
{
	clear: both;
	height: 20px;
	background-color: #97BEE7;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#MasterContent
{
	clear: both;
	background-color: #FFFFFF;
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#MasterContentContainer
{
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 9px 5px 10px;
	/*overflow: auto;*/
}
#OrderBasketSummary
{
	float: left;
	width: 300px;
	height: 60px;
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#UserSummary
{
	float: right;
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#LogoutContainer
{
	color: #FFFFFF;
	float: right;
	margin-top: 3px;
	margin-right: 10px;
}
#LogoutContainer a
{
	color: #FFFFFF;
}
.masterFadedBackground0
{
	background-image: url(../../Public/Images/faded_backgrounds/faded0.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.masterFadedBackground1
{
	background-image: url(../../Public/Images/faded_backgrounds/faded1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.masterFadedBackground2
{
	background-image: url(../../Public/Images/faded_backgrounds/faded2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.masterFadedBackground3
{
	background-image: url(../../Public/Images/faded_backgrounds/faded3.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.masterFadedBackground4
{
	background-image: url(../../Public/Images/faded_backgrounds/faded4.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.masterFadedBackground5
{
	background-image: url(../../Public/Images/faded_backgrounds/faded5.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.masterFadedBackground6
{
	background-image: url(../../Public/Images/faded_backgrounds/faded6.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.masterFadedBackground7
{
	background-image: url(../../Public/Images/faded_backgrounds/faded7.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.masterFadedBackground8
{
	background-image: url(../../Public/Images/faded_backgrounds/faded8.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.masterFadedBackground9
{
	background-image: url(../../Public/Images/faded_backgrounds/faded9.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
/****************************************************************/


/*** MENU & BREAD CRUMB *****************************************/
.menu a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:visited
{
	color: #FFFFFF;
}
.menu a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.menu a:active
{
	color: #FFFFFF;
}
.menu
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menuStatic
{
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menuDynamic
{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: solid 1px #BAD3FF;
}
.menuItem
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 2px 5px 2px 5px;
	text-align: left;
	background-color: #97BEE7;
	border: none 0px;
	border-right: solid 1px #BAD3FF;
}
.menuItemDynamic
{
	border: none 0px;
	border-top: solid 1px #BAD3FF;
}
.menuBreadCrumb
{
	font-size: 8pt;
	color: Black;
	text-decoration: none;
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
/****************************************************************/

/*** LIST (GRIDVIEW, LISTVIEW) **********************************/
.list
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: solid 1px #E0E0E0;
	border-right: solid 1px #A0A0A0;
	border-bottom: solid 1px #A0A0A0;
	border-left: solid 1px #E0E0E0;
}
.list th
{
	padding-left: 3px;
	border: none 0px;
}
.list td
{
	padding-left: 3px;
	border: none 0px;
}
.listHeader
{
	font-weight: bold;
	background-color: #86B3E3;
}
.listItem
{
	background-color: #FFFFFF;
}
.listAlternateItem
{
	background-color: #C1D8F0;
}
/****************************************************************/

/*** CATALOGUE **************************************************/

/** navigation **/
.levelNavigation
{
	vertical-align: top;
	background-color: #DDDDDD;
	padding: 5px 5px 5px 5px;
	border-right: 5px;
}
.levelEnteredNavigation
{
	vertical-align: top;
	background-color: #C1D8F0;
	padding: 5px 5px 5px 5px;
	border-right: 5px;
}
.levelNavigationImage
{
	float: right;
	background-color: #FFFFFF;
	border: solid 1px #2575A0;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
}
.levelNavigationIndex
{
	width: 270px;
}
.levelNavigationChapter
{
	width: 290px;
}
.levelNavigationSubChapter
{
	/*width: auto;*/
}
.levelNavigationSpacer
{
	width: 5px;
}

/** chapters **/
.catalogueChapters
{
	float: left;
	width: 85px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.catalogueChapterTab
{
	background-color: #86B3E3;
	width: 73px;
	background-image: url(../../Public/Images/catalogue/tabs/chapter_tab.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 2px 6px 2px 6px;
}
.catalogueChapterTabSelected
{
	background-color: #C1D8F0;
	width: 73px;
	background-image: url(../../Public/Images/catalogue/tabs/chapter_tab.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 2px 6px 2px 6px;
}
.catalogueChapters a
{
	font-size: 14px;
	font-weight: bold;
	width: 73px;
	height: 17px;
	display: block;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.catalogueChapters a:link
{
	color: #000000;
	text-decoration: none;
}
.catalogueChapters a:visited
{
	color: #000000;
}
.catalogueChapters a:hover
{
	color: #000000;
	text-decoration: underline;
}
.catalogueChapters a:active
{
	color: #000000;
}
/** subchapters **/
.catalogueSubChapters
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 280px;
}
.catalogueSubChaptersDescriptionLeft
{
	float: left;
	display: block;
	background-color: #C1D8F0;
	width: 5px;
	height: 21px;
	background-image: url(../../Public/Images/catalogue/tabs/sub_chapter_tab_header_left.png);
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
}
.catalogueSubChaptersDescriptionRight
{
	float: left;
	display: block;
	background-color: #C1D8F0;
	width: 5px;
	height: 21px;
	background-image: url(../../Public/Images/catalogue/tabs/sub_chapter_tab_header_right.png);
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.catalogueSubChaptersDescription
{
	font-size: 11px;
	font-weight: bold;
	float: left;
	display: block;
	background-color: #C1D8F0;
	height: 17px;
	background-image: url(../../Public/Images/catalogue/tabs/sub_chapter_tab_header_mid.png);
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 4px 5px 0px 5px;
}
.catalogueSubChaptersContent
{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: none 0px;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
}
.catalogueImagesChapters
{
	float: left;
	width: 800px;
}
.catalogueImagesSubChapters
{
	float: left;
	width: 605px;
}
.catalogueSubChapter
{
	clear: both;
	display: block;
	background-color: #c1d8f0;
	border-top: solid 1px #000000;
	margin: 0px 0px 0px 0px;
	padding: 3px 2px 4px 2px;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
}
.catalogueSubChapterSelected
{
	background-color: #C1D8F0;
	clear: both;
	display: block;
	border-top: solid 1px #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 2px 1px 2px;
	font-weight: bold;
}
.catalogueSubChaptersContent a
{
	font-size: 10px;
}
.catalogueSubChapters a:link
{
	color: #000000;
	text-decoration: none;
}
.catalogueSubChapters a:visited
{
	color: #000000;
}
.catalogueSubChapters a:hover
{
	color: #000000;
	text-decoration: underline;
}
.catalogueSubChapters a:active
{
	color: #000000;
}
.catalogueSubChapterContent
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none 0px;
}
/** chapter image tab **/
.catalogueChapterGroupPanel
{
	float: left;
	font-size: 10px;
	font-weight: normal;
	display: block;
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 0px;
}
.catalogueChapterGroupPanelHeader
{
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 55px;
	height: 17px;
	background-image: url(../../Public/Images/catalogue/tabs/catalogue_chapter_group_panel_header.png);
	background-repeat: no-repeat;
	background-color: #C1D8F0;
	margin: 0px 0px 0px 2px;
	padding: 4px 5px 0px 5px;
}
.catalogueChapterGroupPanelContent
{
	overflow: hidden;
	width: 110px;
	height: 98px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	border: solid 1px #000000;
}
.catalogueChapterGroupPanelImageContainer
{
	background-color: #FFFFFF;
	width: 100px;
	height: 30px;
	line-height: 30px;
	margin: 6px 6px 6px 6px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.catalogueChapterGroupPanelImage
{
	border: none 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.catalogueChapterGroupPanelLabel
{
	font-size: 10px;
	font-weight: normal;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/** chapter tabs **/
.catalogueChapters a.catalogueChapterTabNumber2
{
	height: 18px;
}
.catalogueChapterTabNumber1
{
	background-image: url(../../Public/Images/catalogue/items/i001000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber2
{
	background-image: url(../../Public/Images/catalogue/items/i002000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber3
{
	background-image: url(../../Public/Images/catalogue/items/i003000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber4
{
	background-image: url(../../Public/Images/catalogue/items/i004000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber5
{
	background-image: url(../../Public/Images/catalogue/items/i005000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber6
{
	background-image: url(../../Public/Images/catalogue/items/i006000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber7
{
	background-image: url(../../Public/Images/catalogue/items/i007000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber8
{
	background-image: url(../../Public/Images/catalogue/items/i008000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber9
{
	background-image: url(../../Public/Images/catalogue/items/i009000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber10
{
	background-image: url(../../Public/Images/catalogue/items/i010000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber11
{
	background-image: url(../../Public/Images/catalogue/items/i011000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber12
{
	background-image: url(../../Public/Images/catalogue/items/i012000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber13
{
	background-image: url(../../Public/Images/catalogue/items/i013000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber14
{
	background-image: url(../../Public/Images/catalogue/items/i014000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber15
{
	background-image: url(../../Public/Images/catalogue/items/i015000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber16
{
	background-image: url(../../Public/Images/catalogue/items/i016000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber17
{
	background-image: url(../../Public/Images/catalogue/items/i017000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber18
{
	background-image: url(../../Public/Images/catalogue/items/i018000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
.catalogueChapterTabNumber19
{
	background-image: url(../../Public/Images/catalogue/items/i019000.png);
	background-position: left center;
	background-repeat: no-repeat;
}
/****************************************************************/

/*** ORDERBASKET ************************************************/

.StatusLegendImage
{
	margin-top: 5px;
}
.DeleteColumn
{
	text-align: center;
	
}
.QuantityColumn
{
	width: 85px;
}
.ArticleNumberColumn
{
	width: 85px;
}
.ReplyStatusColumn
{
	width: 70px;
	text-align: center;
}
.YourDescription
{
	width: 145px;
}
.InsertItemCell
{
	border-top: solid 1px black;
	padding-top: 10px;
}
/****************************************************************/

/*** TEMPORARY STYLES REMOVE LATER ******************************/
.CatalogueSectionButton
{
	display: block;
	clear: both;
	height: 18px;
	margin-top: 5px;
	padding: 2px 5px 2px 5px;
}
.ChapterButton
{
	background-color: #dddddd;
}
.SelectedChapterButton
{
	background-color: #FCF6ED;
	color: black;
}
.SubChapterButton
{
	background-color: #dddddd;
}
.SelectedSubChapterButton
{
	background-color: #FCF6ED;
	color: black;
}
.CatalogSectionMenuPanel
{
	margin: 5px 10px 5px 5px;
}
.CatalogueSectionImage
{
	width: 120px;
	height: auto;
}
/****************************************************************/