/*	------------------------------------------ 
	Default formats for HTML tags 
	------------------------------------------ */
	body
	{
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 8pt;
		background: url('Images/left_bg.gif') repeat-y ;
	}

	p
	{
		margin: 0 0 6px 0;
	}

	select
	{
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 8pt;
	}
	
/*	------------------------------------------ 
	Skins for ASP.net controls 
	------------------------------------------ */
	.linkButton
	{
		color: #08216b;
		text-decoration: none;
	}

	.linkButton:hover
	{
		color: #0066ff;
		text-decoration: underline;
	}
	
	.button
	{
		font-size: 9pt;
		font-family: Verdana, Arial, Sans-Serif;
	}

	.textBox
	{
		font-size: 8pt;
		font-family: Verdana, Arial, Sans-Serif;
		border: solid 1px Silver;
	}


/*	------------------------------------------ 
	Containers 
	------------------------------------------ */
	#MainContainer
	{
		background-color: White;
		/*width: 986px;*/
		/* border-right: solid 1px Gray; */
	}

	#TopLeft
	{
		background: url('Images/top_left.gif') no-repeat ;
	}

	#TopRight
	{
		background: url('Images/top_right.gif') no-repeat;
		background-position: top right;
	}

	#StaticMenuContainer
	{
		margin: 0 6px 0 0;
		font-weight: normal;
	}

	#MainMenuContainer
	{
		border: 0;
		background-color: Transparent;
		width: 900px;
		padding-left: 4px;
	}
	
	#SidebarTable
	{
		/*background-image: url('Images/bg.png');
		background-repeat:repeat;*/
	}


/*	------------------------------------------ 
	Top & bottom panel background 
	------------------------------------------ */
	/*#TopLeft
	{
		float: left;
		background: url('Images/top_panel_left.png') no-repeat;
		height: 114px;
		width: 7px;
	}

	#TopMiddle
	{
		float: left;
		height: 114px;
		width: 972px;
		background: url('Images/top_panel_middle.png') repeat-x;
	}

	#TopRight
	{
		float: right;
		background: url('Images/top_panel_right.png') no-repeat;
		height: 114px;
		width: 7px;
		clear:right;
	}

	#BottomLeft
	{
		float: left;
		background: url('Images/bottom_panel_left.png') no-repeat;
		height: 44px;
		width: 5px;
		border-bottom: solid 1px Gray;
	}

	#BottomMiddle
	{
		float: left;
		height: 44px;
		width: 976px;
		background: url('Images/bottom_panel_middle.png') repeat-x;
		border-bottom: solid 1px Gray;
		text-align: center;
	}

	#BottomRight
	{
		float: right;
		background: url('Images/bottom_panel_right.png') no-repeat;
		height: 44px;
		width: 5px;
		border-bottom: solid 1px Gray;
	}*/


/*	------------------------------------------ 
	Main menu 
	------------------------------------------ */
	.mainMenuStaticMenuItem
	{
		font-family: Verdana;
		font-size: 8pt;
		font-weight: bold;
		color: White;
	}

	.mainMenuDynamicMenu
	{
		border: solid 1px #D6D6D7;
	}

	.mainMenuDynamicItem
	{
		font-family: Verdana;
		font-size: 8pt;
		padding: 4px 0 6px 0;
	}

	.mainMenuDynamicHover
	{
		background-color: #73a6d6;
		height: 10px; 
	}

	.mainMenuDynamicItemTemplate
	{
		vertical-align: middle; 
		cursor: pointer;
		border: 0;
	}

	.mainMenuDynamicItemLabel
	{
		font-family: Verdana;
		font-size: 8pt;
		padding-left: 8px;
	}


/*	------------------------------------------ 
	Static menu 
	------------------------------------------ */
	.staticMenuLinkButton
	{
		font-family: Verdana;
		font-size: 7pt;
		font-weight: bold;
		color: White;
		text-decoration: none;
		
	}

	.staticMenuLinkButton:hover
	{
		text-decoration: underline;
	}

	.userNameLabel
	{
		font-family: Verdana;
		font-size: 7pt;
		font-weight: bold;
		font-style: italic;
		color: White;
		text-align: right;
	}

/*	------------------------------------------ 
	Logotype 
	------------------------------------------ */
	.logotype
	{
		position: absolute;
		margin:0;
		left: 10px;
		top: 11px;
		height: 60px;
		width: 258px;
		z-index: 1;
	}


/*	------------------------------------------ 
	Shopping cart 
	------------------------------------------ */
	#ShoppingCart
	{
		/*width: 264px;*/
		/*background-color: #eeeeee;
		margin-top: 2px;
		border: solid 1px #eeeeee;*/
		margin: 4px 4px 0 0;
	}

	.shoppingCartDropDownList
	{
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 7.5pt;
		color: #404040;
		width: 160px;
	}

	.shoppingCartButton
	{
		font-weight: 700;
		font-size: 7pt;
		font-family: Verdana, Arial, Sans-Serif;
		width: 70px;
	}


/*	------------------------------------------ 
	Sidebar
	------------------------------------------ */
	.sidebarLeftColumn
	{
		width:  224px;
		padding: 2px 0 0 6px;
		float: left;
	}

	.sidebarRightColumn
	{
		background-color: Transparent;
	}


/*	------------------------------------------ 
	Search
	------------------------------------------ */
	#Search
	{
		padding: 13px 0 0 11px; 
		border-bottom: solid 1px #b5cfe6; 
		height: 47px;
	}

	.searchCriteria
	{
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 8pt;
		border: solid 1px Silver;
		width: 200px;
		margin: 0;
	}

	.searchType
	{
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 8pt;
		width: 140px;
	}

	.searchButton
	{
		font-size: 8pt;
		width: 50px;
	}
	
	.autoCompleteCompletionListElement 
	{  
		visibility: hidden;
		margin: 0px!important;
		padding: 0;
		background-color: white;
		color: Black;
		border: solid 1px Silver;
		cursor: pointer;
		overflow: auto;
		height: 105px;
		text-align: left; 
		list-style-type: none;
	}

	.autoCompleteHighlightedListItem
	{
		background-color: #D1E2F3;
		color: Black;
		padding: 1px;
	}

	.autoCompleteListItem 
	{
		background-color: White;
		color: black;
		padding: 1px;
	}
	


/*	------------------------------------------ 
	Info panel
	------------------------------------------ */
	.infoPanel
	{
		border-bottom: solid 1px #ECECEC; 
		width: 715px; 
		height: 21px; 
		padding: 10px 0 0 10px;	
		font-weight: 700;
	}


/*	------------------------------------------ 
	Treeview
	------------------------------------------ */
	.catalogTreeView
	{
		margin-top: 4px;
		font-family: Tahoma;
		font-size: 8pt;
	}

	.catalogTreeView td div 
	{   
		height: 20px !important;
	}

	.catalogTreeViewHover
	{
		background-color: #f4f5f6;
		padding-right: 4px;
	}
	

/*	------------------------------------------ 
	Banner
	------------------------------------------ */
	.banner
	{
		margin: 1px 0 0 8px;
	}
	

/*	------------------------------------------ 
	Breadcrumb
	------------------------------------------ */
	#Breadcrumb
	{
		border-bottom: solid 1px #b5cfe6; 
		width: 744px; 
		height: 21px; 
		padding: 10px 0 0 4px;	
	}

	#Breadcrumb table
	{
		font-weight: 700;
		margin-left: 5px;
	}

	#Breadcrumb .breadcrumbSeparator
	{
		font-family: Verdana, Arial, Helvetica, MS Sans Serif;
		font-weight: normal;
		color: #b0b0b0;
	}


/*	------------------------------------------ 
	Pager
	------------------------------------------ */
	.pagerTop
	{
		width: 740px;
		margin: 4px 0 2px 8px;
	}

	.pagerBottom
	{
		width: 740px;
		height: 19px;
		padding: 0;
		margin: 0 0 20px 8px;
		float: left;
	}

	.pagerButtonNumeric
	{
		text-align: center;
		color: White;
		text-decoration: none;
		font-size: 10pt;
		padding-top: 1px;
		float: left;
		background: url('Images/pager_num.png') no-repeat;
	}

	.pagerButtonNumeric:hover
	{
		float: left;
		background: url('Images/pager_num_ro.png') no-repeat;
	}

	.pagerButtonNumericSelected
	{
		float: left;
		background: url('Images/pager_num_ro.png') no-repeat;
		padding-top: 1px;
		color: White;
		font-size: 10pt;
		text-decoration: none;
	}

	.pagerButtonFirst
	{
		float: left;
		background: url('Images/pager_first.png') no-repeat;
	}

	.pagerButtonFirstDisabled
	{
		float: left;
		background: url('Images/pager_first_dis.png') no-repeat;
	}

	.pagerButtonFirst:hover
	{
		float: left;
		background: url('Images/pager_first_ro.png') no-repeat;
	}

	.pagerButtonPrev
	{
		float: left;
		background: url('Images/pager_prev.png') no-repeat;
	}

	.pagerButtonPrevDisabled
	{
		float: left;
		background: url('Images/pager_prev_dis.png') no-repeat;
	}

	.pagerButtonPrev:hover
	{
		float: left;
		background: url('Images/pager_prev_ro.png') no-repeat;
	}

	.pagerButtonNext
	{
		float: left;
		background: url('Images/pager_next.png') no-repeat;
	}

	.pagerButtonNextDisabled
	{
		float: left;
		background: url('Images/pager_next_dis.png') no-repeat;
	}

	.pagerButtonNext:hover
	{
		float: left;
		background: url('Images/pager_next_ro.png') no-repeat;
	}

	.pagerButtonSet
	{
		float: left;
		background: url('Images/pager_set.png') no-repeat;
	}

	.pagerButtonSetDisabled
	{
		float: left;
		background: url('Images/pager_set_dis.png') no-repeat;
	}

	.pagerButtonSet:hover
	{
		float: left;
		background: url('Images/pager_set_ro.png') no-repeat;
	}

	.pagerButtonLast
	{
		float: left;
		background: url('Images/pager_last.png') no-repeat;
	}

	.pagerButtonLastDisabled
	{
		float: left;
		background: url('Images/pager_last_dis.png') no-repeat;
	}

	.pagerButtonLast:hover
	{
		float: left;
		background: url('Images/pager_last_ro.png') no-repeat;
	}


/*	------------------------------------------ 
	Toolbar
	------------------------------------------ */
	.toolbarContainer
	{
		border-bottom: solid 1px #b5cfe6; 
		width: 738px; 
		height: 24px; 
		padding: 0 0 0 10px;
	}
	

/*	------------------------------------------ 
	Document overview
	------------------------------------------ */
	.documentBox
	{
		padding: 0;
		margin: 0 0 0 4px;
	}

	.documentBox li
	{
		display: inline;
		float: left;
	}

	.documentBox table
	{
		background-color: White;
		border: solid 1px silver;
		margin: 2px 0 2px 4px;
		width: 244px; 
	}

	.documentBox div
	{
		padding: 4px;
	}

	.price
	{
		font-weight: bold;
		font-size: 9pt;
		color: #003366;
		margin-right: 4px;
	}


/*	------------------------------------------ 
	Document presentation: title and bodytext
	------------------------------------------ */
	.document
	{
		background-color: Transparent;
		margin-top: 4px;
		/*width: 758px;*/
	}
		
	.documentTitle
	{
		font-size: 19px;
		color: #505050;
	}

	.documentBodytext
	{
		margin-top: 10px;
	}

	.documentBodytext ul
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}


/*	------------------------------------------ 
	Document presentation: images
	------------------------------------------ */
	.documentImageText
	{
		font-size: 10px;
		color: Black;
		font-style: italic;
	}

	.documentImageCounter
	{
		font-size: 10px;
		color: Black;
		padding: 2px 8px 0 8px;
	}


/*	------------------------------------------ 
	Document presentation: tab control
	------------------------------------------ */
	.tabHilited
	{
		background-color: #d9d9da;
		/*border: solid 1px Silver; */
		padding: 0 8px 0 8px; 
		height: 24px
	}
	
	.tabUnselected
	{
		background-color: #eaeaea;
		/*border: solid 1px Silver; */
		padding: 0 8px 0 8px; 
		height: 24px
	}
	
	.tabSelected
	{
		font-weight: bold;
		background-color: #b5cfe6;
		/*border: solid 1px Silver;*/ 
		border-bottom: 0; 
		padding: 0 8px 0 8px; 
		height: 24px
	}
	
	.tabLink
	{
		text-decoration: none;
        color: Black;
	}
	
	.tabBorder
	{
		/*border-bottom: solid 1px Silver; */
	}
	
	.tabBody
	{
		 /*border: solid 1px Silver;*/ 
		 border-top: 0; 
		 /*padding: 9px; */
		background-color: #b5cfe6;
	}
	

/*	------------------------------------------ 
	Document presentation: articles
	------------------------------------------ */
	.articleTable
	{
		font-family: Tahoma, Arial, Helvetica, MS Sans Serif;
		border: Solid 1px #c0c0c0;
		background-color: White;
	}

	.articleTable caption
	{
		color: Black;
		text-align: left;
		padding: 8px 0 4px 4px;
		font-style: italic;
		font-weight: bold;
		background-color: White;
	}

	.articleTableRowOdd
	{
		/*background-color: #D1E2F3;*/
	}

	.articleTableRowEven
	{
		/*background-color: White;*/
	}

	.articleTable td
	{
		padding: 3px;
		font-size: 7pt;
		white-space: nowrap;
		border-bottom: Solid 1px Gray;
		border-right: Solid 1px Gray;
	}

	.articleTable thead
	{
		margin: 0;
		font-weight: bold;
		font-size: 8pt;
	}

	.articleTable thead td
	{
		border-bottom: Solid 1px Gray;
		padding-right: 4px;
		white-space: normal;
	}

	.articleTable td a
	{
		color: Black;
		font-weight: bold;
		text-decoration: none;
	}

	.articleTablePrice
	{
		color: #003366;
		font-weight: bold;
		text-align: right;
		font-size: 7pt;
	}
	
	.articleTable td .buy
	{
		cursor: pointer;
		color: #d63543;
		background-color: White;
		border: Solid 1px Silver;
		font-size: 7pt;
	}
	
	.articleTable td .artno
	{
		font-weight: bold;
		font-size: 7pt;
	}


/*	------------------------------------------ 
	Document presentation: technical data
	------------------------------------------ */
	.techDataTable
	{
		width: 532px;
		font-size: 11px;
	}

	.techData caption
	{
		text-align: left;
		font-weight: bold;
	}

	.techDataRowOdd
	{
		background-color: #eaeaea;
	}

	.techDataRowEven
	{
		background-color: White;
	}

	.techData td
	{
		padding: 2px;
	}

	.techData thead
	{
		margin: 0;
	}

	.techData thead td
	{
		border-bottom: Solid 1px Gray;
	}

	.techData td a
	{
		color: Black;
		font-weight: bold;
		text-decoration: none;
	}

	.techData td a:hover
	{
		text-decoration: underline;
	}


/*	------------------------------------------ 
	Related documents 
	------------------------------------------ */
	.relatedDocumentBox
	{
		padding: 0;
		margin: 0;
	}

	.relatedDocumentBox li
	{
		display: inline;
		float: left;
	}

	.relatedDocumentBox table
	{
		background-color: White;
		border: solid 1px silver;
		margin: 0;
		width: 184px; 
		height: 130px;
	}

	.relatedDocumentTable
	{
		font-family: Tahoma, Arial, Helvetica, MS Sans Serif;
		background-color: White;
		border: Solid 1px #b5cfe6;
	}

	.relatedDocumentTable #Container
	{
		border-bottom: solid 1px #808080; 
		border-right:solid 1px #808080;
	}


/*	------------------------------------------ 
	Campaigns
	------------------------------------------ */
	.campaignList
	{
		position: absolute;
		left: 834px;
		top: 112px;
		width: 144px;
	}


/*	------------------------------------------ 
	Sorting 
	------------------------------------------ */
	.sortingPanel
	{
		border-bottom: solid 1px #b5cfe6; 
		width: 738px; 
		height: 24px; 
		margin-bottom: 6px;
		padding: 4px 0 0 10px;
	}
	
	.sortingDropDownList
	{
		width: 110px;
	}


/*	------------------------------------------ 
	Footer 
	------------------------------------------ */
	#Footer
	{
		height: 44px;
	}

	#Footer #Inner
	{
		margin-top: 13px;
	}	


/*	------------------------------------------ 
	Font formatting 
	------------------------------------------ */
	.fontBold
	{
		font-weight: bold;
	}

	.fontSmaller
	{
		font-size: smaller;
	}

	.fontXxSmall
	{
		font-size: 7px;
	}

	.disabled
	{
		color: Gray;
	}


/*	------------------------------------------ 
	Popups 
	------------------------------------------ */
	.popup
	{
		position: absolute;
		left: 340px;
		top: 180px;
		height: 40px;
		background-color: #F5F5F5;
		border: solid 1px #D6D6D7;
		padding: 4px;
		display: none;
	}
	
	.popup .directLink
	{
		background-color: #F5F5F5;
		border: 0;
		width: 270px;
		margin-top: 2px;	
	}


/*	------------------------------------------ 
	Modal popups 
	------------------------------------------ */
	
	.modalBackground
	{
		background-color: Gray;
		filter: alpha(opacity=70);
		opacity: 0.7;
	}


/*	------------------------------------------ 
	Image zoom
	------------------------------------------ */
	.thumbnail
	{
		margin: 5px 0 10px 0;
		cursor: pointer;
		border: solid 2px White;
	}

	.thumbnailSelected
	{
		margin: 5px 0 10px 0;
		cursor: default;
		border: solid 2px Black;
	}


/*	------------------------------------------ 
	Tip dialog window
	------------------------------------------ */
	.tipDialog
	{
		background-color:White;
		border: solid 1px Gray;
	}
	
	.tipDialog #Title
	{
		font-weight: bold;
		padding: 0 0 12px 8px ;
	}

	.tipDialog .label
	{
		padding: 0 0 8px 8px;
	}

	.tipDialog #Buttons
	{
		padding: 20px 24px 20px 0;
	}


/*	------------------------------------------ 
	Account application dialog window
	------------------------------------------ */
	.accountApplication
	{
		background-color:White;
		border: solid 1px Gray;
	}
	
	.accountApplication #ApplicationTitle
	{
		font-weight: bold;
		padding: 0 0 12px 8px ;
	}

	.accountApplication .label
	{
		padding: 0 0 8px 8px;
	}

	.accountApplication #ApplicationButtons
	{
		padding: 20px 30px 20px 0;
	}


/*	------------------------------------------ 
	My account application dialog window
	------------------------------------------ */
	.myAccountApplication
	{
		background-color:White;
		border: solid 1px Gray;
	}
	
	.myAccountApplication #MyAccountTitle
	{
		font-weight: bold;
		padding: 0 0 12px 8px ;
	}

	.myAccountApplication .label
	{
		padding: 0 8px 8px 8px;
	}

	.myAccountApplication #MyAccountButtons
	{
		padding: 20px 45px 20px 0;
	}


/*	------------------------------------------ 
	Settings dialog window
	------------------------------------------ */
	.settings
	{
		background-color:White;
		border: solid 1px Gray;
	}
	
	.settings #SettingsTitle
	{
		font-weight: bold;
		padding: 0 0 12px 8px ;
	}

	.settings .label
	{
		padding: 0 0 8px 8px;
	}

	.settings #SettingsButtons
	{
		padding: 20px 45px 20px 0;
	}


/*	------------------------------------------ 
	Login dialog window
	------------------------------------------ */
	.loginDialog
	{
		background-color:White;
		border: solid 1px Gray;
	}
	
	.loginDialog #Title
	{
		font-weight: bold;
		padding: 0 0 12px 8px ;
	}

	.loginDialog .label
	{
		padding: 0 0 8px 8px;
	}

	.loginDialog #Buttons
	{
		padding: 20px 54px 20px 0;
	}
	

/*	------------------------------------------ 
	Article info dialog window
	------------------------------------------ */
	.articleInfoDialog
	{
		background-color: White;
		border: solid 1px Gray;
	}
	
	.articleInfoDialog #Title
	{
		font-weight: bold;
		padding: 0 0 12px 8px ;
	}

	.articleInfoDialog .label
	{
		padding: 0 0 8px 8px;
	}

	.articleInfoDialog #Buttons
	{
		padding: 10px 66px 20px 0;
	}
	

/*	------------------------------------------ 
	Checkout dialog window
	------------------------------------------ */
	#CheckoutDialog
	{
		background-color: White;
		border: solid 1px Gray;
	}

	#CheckoutDialog #Title
	{
		font-size: 12pt;
		font-weight: bold;
		color: Gray;
		padding: 20px 0 0 10px;
	}

	#CheckoutDialog .info
	{
		font-size: 9pt;
		padding: 10px 10px 0 10px;
	}
	
	#CheckoutDialog #Sum
	{
		font-weight: bold;
		padding: 20px 46px 0 0;
	}


	table.checkout
	{
		border: solid 1px White;
		margin-left: 10px;
	}

	.checkout th
	{
		border-style: hidden;
	}

	.checkout tr td
	{
		border-bottom: solid 1px #eeeeee;
		padding: 0;
		height: 20px;
	}

	.checkout .header-row
	 {
	 	background-color:#eeeeee; 
	 }
	

/*	------------------------------------------ 
	Print window
	------------------------------------------ */
	.print
	{
		background-color: White;
		background-image: none;
	}
	
	.print #Title
	{
		font-size: 18px;
		font-weight: bold;
		border-bottom: solid 1px Silver;
		padding-bottom: 14px;
	}
	
	.print #Image
	{
		margin: 24px 0 16px 0;
	}
	
	
	.print #Bodytext
	{
		margin: 0 0 40px 0;
	}

	.print #TechTable
	{
		margin: 40px 0 0 0;
	}

	.print #ArticleTable
	{
		margin: 40px 0 0 0;
	}
	
	.print #Logo
	{
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	
	.print #Header
	{
		font-size: 6pt;
	}
	
	.print #Header td
	{
		padding-right: 8px;
	}


/*	------------------------------------------ 
	Error message style 
	------------------------------------------ */

	.error 
	{
		color: Red;
	}	


/*	------------------------------------------ 
	Admin - document 
	------------------------------------------ */
	#AdminBody
	{
		margin: 0;
		padding: 0;
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 8pt;
		background: none;
	}


/*	------------------------------------------ 
	CMS
	------------------------------------------ */
	
        #PageHeading
        {
            background-color: #b5cfe6;
            margin: 0px;
            width: 600px;
            border: thin solid #000000;
            font-family: Tahoma;
            font-size: 14px;
            font-style: normal;
            line-height: normal;
            font-weight: bold;
            font-variant: normal;
            text-transform: none;
            color: #000000;
            text-align: left;
            padding-top: 6px;
            padding-right: 6px;
            padding-bottom: 6px;
            padding-left: 10px;
            margin-bottom: 16px;
        }
        #Cms
        {
            font-family: Verdana;
            font-size: 12px;
        }
        #Cms p
        {
            font-style: normal;
            line-height: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            color: #000000;
            margin: 8px 0 14px 0;
        }
        #Cms h1
        {
            font-size: 18px;
        }
        #Cms h2
        {
            font-size: 14px;
            font-style: italic;
            margin: 20px 0 4px 0;
        }
        #Cms ul
        {
        	margin-left:0;
        }
        #Cms .bold
        {
            font-weight: bold;
        }
        #Cms #policy
        {
            border: solid 2px black;
            border-collapse: collapse;
        }
        #Cms #policy th
        {
        	border-right: solid 1px black;
            border-bottom: solid 2px black;
            padding: 4px;
            border-collapse: collapse;
        }
        #Cms #policy td
        {
            padding: 4px;
            border-right: solid 1px black;
            border-collapse: collapse;
        }
        #Cms #infotbl
        {
            border: solid 2px black;
            border-collapse: collapse;
        }
        #Cms #infotbl th
        {
            border-right: solid 1px black;
            border-bottom: solid 2px black;
            padding: 4px;
            border-collapse: collapse;
        }
        #Cms #infotbl td
        {
            padding: 8px;
            border: solid 1px black;
            border-collapse: collapse;
            vertical-align: top;
        }