﻿body 
{
	font-family: Arial;
	font-size: 12px;
	margin-top: 0px;
}
img
{
	border-width: 0px;	
}
h3
{	
	font-weight: bold;
	font-size: 1em;
	margin: auto auto auto auto;
	float: right;	
	text-align: right;
}
.H1
{
	color: #024773;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.H2
{
	font-size: 2em;
	font-weight: bold;
	text-decoration: none;
	color: #024773;
}
.H3
{
	color: Black;
	font-size: 2em;
	font-weight: bold;
}
.H4
{
	font-size: 1.2em;	
	text-decoration: none;
	color: #024773;
}
.H5
{
	color: Black;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.H6
{
	color: Black;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
}
.A_Bold
{
	color: #024773;
	font-weight: bold;	
	text-decoration: none;
	cursor: pointer;
}
.A, a
{
	color: #024773;
	text-decoration: none;
	cursor: pointer;
}
.A:hover, a:hover
{		
	text-decoration: underline;
}
/*class for hiding the content*/
.Main_Hidden
{
	display: none;		
}
.Main_NotHidden
{
	display: inline;	
}
.Main_Padding_Left
{
	padding-left: 12px;	
}
.Main_Padding_Right
{
	padding-right: 12px;	
}
.Main_Padding_Top
{
	padding-top: 12px;	
}
.Main_Padding_Bottom
{
	padding-bottom: 12px;	
}
/*The main page characteristics*/
.Main_PageBackground
{
	width: 1002px;
	background-color: #DBDBDB;
}
/*The logo image of the website*/
.Main_Logo
{
	background-image: url(Images/BuyFocusLogo3.png);
	#background-image: url(Images/BuyFocusLogo4.jpg);
	background-position: left;
	background-color: Transparent;
	background-repeat: no-repeat;
	height: 112px;
	margin-top: -142px;
	margin-left: -1px;
}
.Main_Logo_Workshop
{
	background-image: url(Images/BuyFocusLogoW3.gif);
	#background-image: url(Images/BuyFocusLogoWBF.gif);
	background-position: left;
	background-color: Transparent;
	background-repeat: no-repeat;
	height: 112px;
	margin-top: -142px;
	margin-left: -1px;
}
/*The logo image for the gadget website on the right of the header*/
.Main_HeaderGadgetLogo
{
	display: none;
}
/*The header section of the pages*/
.Main_Header
{
	width: 100%;
	background-color:  #FFFFFF;
	height: 140px;	
	background-image: url(Images/HeaderLine3.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 0px;
}
.Main_Header_SsmallerText
{
	font-size: 0.8em;
}
.Main_HeaderInformation
{
	float: right;
	color: #dfdfdf;
	font-style: italic;	
	font-weight: bold;
	font-size: 0.9em;
}
/*The links from the header section of the pages*/
.Main_HeaderLinks
{
	float: right;
	#position: relative; 
	margin-top: 75px;
	text-align: right;
}
/*The navigation links style of the header section*/
.Main_HeaderNavigation
{
	margin-top: 15px;
	color: #FFFFFF;
}
/*The links of the bottom part of the header section*/
.Main_BottomHeaderNavigation
{
	float: left; 
	font-weight: bold; 
	margin-top: 2px;	
	color: #FFFFFF;
}
/*The style of the content in the pages*/
.Main_ContentStyle
{
	padding: 25px 12px 12px 12px;	
	#padding: 12px 12px 12px 12px;
	text-align: left;
	min-height: 400px;
	vertical-align: top;
}

/*********************************************************************************/
/***************************WINDOWS LAYOUT STYLE**********************************/
/*********************************************************************************/

/*The width of 1 window box*/
.Main_OneWindowWidth
{
	width: 318px;
}
/*The width of two windows merged together*/
.Main_TwoWindowsWidth
{
	width: 648px;
}
.Main_ThreeWindowsWidth
{
	width: 978px;
}
/*The default background of the header in the window*/
.Main_RoundedHeaderDefault
{
	background-color: #000000;
	background-image: url(Images/WhiteGradient.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 35px;
}
/*The background of the header in the window that shows important news*/
.Main_RoundedHeaderImportant
{
	background-color: #000000;
	background-image: url(Images/OrangeGradient.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 35px;
}
/*The DEFAULT STYLE of the text in the rounded corner window header*/
.Main_RoundedHeaderTextDefault
{
	height: 31px; 
	width: 100%; 
	margin: 0px 0px 0px 0px; 
	float:left;
	color: #024773;
	font-size: 16px;
	font-weight: bold;
	line-height: 31px;
}
/*The style of the text in the rounded corner window header when the window shows IMPORTANT CONTENT*/
.Main_RoundedHeaderTextImportant
{
	height: 31px; 
	width: 100%; 
	margin: 0px 0px 0px 0px; 
	float:left;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 31px;
}
/*The DEFAULT style of the content of the rounded corners window*/
.Main_ContentHolderStyleDefault
{
	background-color: #FFFFFF;
}
/*The IMPORTANT style of the content of the rounded corners window*/
.Main_ContentHolderStyleImportant
{
	background-color: #FFECDF;
}
.Main_RoundTopLeft
{
	background: Transparent url(Images/up-left-grey.gif) no-repeat top left;
	width: 2px;
	height: 2px;	
	float: left;
	margin: 0px 0px 0px 0px;
	line-height: 2px;
}
.Main_RoundTopRight
{
	background: Transparent url(Images/up-right-grey.gif) no-repeat top right;
	width: 2px;
	height: 2px;
	float: right;
	margin: 0px 0px 0px 0px;
	line-height: 2px;
}
/*The bottom rounded corners of the header*/
.Main_RoundBottomLeft 
{
	background: Transparent url(Images/down-left-white.gif) no-repeat bottom left;
	width: 2px;
	height: 2px;	
	float: left;
	margin: 0px 0px 0px 0px;
	line-height: 2px;
}
.Main_RoundBottomRight
{
	background: Transparent url(Images/down-right-white.gif) no-repeat bottom right;
	width: 2px;
	height: 2px;
	float: right;
	margin: 0px 0px 0px 0px;
	line-height: 2px;
}
/*The bottom Rounded Corners of the window content*/
.Main_RoundBottomWindowLeft
{
	background: Transparent url(Images/down-left-grey.gif) no-repeat bottom left;
	width: 2px;
	height: 2px;	
	float: left;
	margin: 0px 0px 0px 0px;
}
.Main_RoundBottomWindowRight
{
	background: Transparent url(Images/down-right-grey.gif) no-repeat bottom right;
	width: 2px;
	height: 2px;
	float: right;
	margin: 0px 0px 0px 0px;
}
.Main_RoundedBottomWindowHeight
{
	height: 2px; /*this is actually the height of the images in the corner*/	
}
.Main_DivFloatLeft
{
	float: left;	
}
.Main_DivFloatRight
{
	float: right;	
}
.Main_HomePageTableLayout
{
	vertical-align: top;
}

/*************************************************************************************************/
/*****************************WINDOW SECTION HEADER STYLE*****************************************/
/*************************************************************************************************/
.Main_WindowSectionHeader
{
	background-color: #EEEEEE;
	color: #333333;
	text-transform: uppercase;	
	height: 25px;
	width: 100%;
	font-weight: bold;
	line-height: 25px;
	padding-top: 0px;
	#margin-top: -7px;
}
.Main_WindowSectionContentHolder
{
	text-transform: none;
	background-color: #FFFFFF;
	color: #000000;
	width: 100%;	
}
.Main_WindowSectionPrintHeader
{
	background-color: #EEEEEE;
	color: #333333;
	height: 25px;
	width: 100%;
	font-weight: bold;
	line-height: 25px;
	padding-top: 0px;
	#margin-top: -7px;
}
.Main_WindowSectionPrintContentHolder
{
	text-transform: none;
	background-color: #FFFFFF;
	color: #000000;
	width: 100%;	
}
/*************************************************************************************************/
.Main_HR
{
	border-top: 1px #CCCCCC solid;
	border-bottom: 1px #FFFFFF solid;
	border-left-width: 0px;
	border-right-width: 0px;
	height: 2px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 2px;
	vertical-align: top;	
}
.Main_UL
{
	list-style-type: disc;
	list-style-position: outside;
	color: #024773;	
	margin: 0px 12px 0px 12px;
	#margin: 0px 12px -4px 15px !important;
}
.Main_UL_ImportantView
{
	list-style-type: disc;
	list-style-position: outside;
	color: #B84901;	
	margin: 0px 0px 0px 0px;
	#margin: 0px 12px -4px 0px !important;
}
.Main_OL
{
	list-style-type: decimal;
	list-style-position: outside;
	color: #024773;	
	font-weight: bold;
	margin: 0px 12px 0px 12px;
	#margin: 0px 12px -4px 15px !important;
}
.Main_UL_HelpPopup
{
	list-style-type: disc;
	list-style-position: outside;
	color: #000000;		
	margin: 0px 12px 0px 12px;
	#margin: 0px 12px 0px 15px !important;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.Main_Text
{
	color: #000000;
	font-size: 1em;	
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}
.Main_ImportantText
{
	color: #cc3333;
	font-size: 1em;	
	font-weight: normal;
	text-decoration: none;
}
.Main_Text_Bold
{
	color: #000000;
	font-size: 1em;	
	font-weight: bold;
}
.Main_Text_Underline
{
	text-decoration: underline;
}
.Main_Text_Colored_Bold
{
	color: #024773;
	font-weight: bold;
}
.Main_Text_Colored
{
	color: #024773;
	font-weight: bold;
}
.Main_Button
{
	border: 1px solid #388FC8;
	background-color: #89BCDD;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;	
}
.Main_ButtonHigh
{
	padding-top: 5px;
	padding-bottom: 5px;	
	font-size: 1.1em;
}
.Main_LinkButton
{
	border: 1px solid #388FC8;
	background-color: #89BCDD;
	color: #FFFFFF;
	font-weight: bold;	
	padding: 2px 9px 2px 9px;
	font-family: Verdana;
	text-align: center;
	text-decoration: none;
	/*#display: block; Removed because of mantis 1701*/
}
.Main_InactiveLinkButton
{
	border: 1px solid #B5B5B5;
	background-color: #D0D0D0;
	color: #FFFFFF;
	font-weight: bold;	
	padding: 2px 9px 2px 9px;
	font-family: Verdana;
	#display: block;
}
.Main_InactiveButton
{
	border: 1px solid #B5B5B5;
	background-color: #D0D0D0;
	color: #FFFFFF;
	font-weight: bold;	
}
.Main_Captcha, .Main_SmallerText
{
	font-size: 0.9em;
	color: #999999;
	text-decoration: none;
	font-weight: normal;	
}
.Main_HintText
{
	font-size: 0.9em;
	color: #999999;
	text-decoration: none;
	font-weight: normal;	
	font-style: italic;
}
.Main_Validators
{
	font-size: 1.7em;	
	color: Red;
}
.Main_ValidatorsText
{
	font-size: 1em;	
	color: Red;
}
/*Styles for the grids paging*/
.Main_SelectedPage /*label*/
{
	border: 1px solid #DA4C38;
	padding: 1px 4px 1px 4px;
	#padding: 0px 4px 0px 4px;
	background-color: #FFECDF;
	font-weight: bold;
}
.Main_NotselPage /*linkbutton*/
{
	border: 1px solid #388FC8;
	padding: 1px 4px 1px 4px;
	#padding: 0px 4px 0px 4px;
	text-decoration: none;
	color: Black;
	background-color: #ADBEC6;/*89BCDD*/
	font-weight: bold;
}
.Main_GridImportantView_PagerStyle
{
	line-height: 30px;	
}
.Main_NavigationLinks
{
	color: #FFFFFF;
	text-decoration: none;	
}
.Main_HeaderLinksStyle
{
	color: #000000;
	text-decoration: none;	
}
.Main_HeaderLinksStyle_BS /*buyer standing link style*/
{
	color: #024773;
	text-decoration: underline;	
	font-size: 0.9em;
	font-weight: bold;
}
.Main_TextBox
{
	width: 210px;
	margin-left: 12px;		
	border: 1px solid #C0C0C0;
}
.Main_TextBoxSmall
{
	width: 180px;
	margin-left: 12px;	
	overflow-y: auto;
	border: 1px solid #C0C0C0;
}
.Main_TextBoxSmaller
{
	width: 80px;
	margin-left: 12px;	
	overflow-y: auto;
	border: 1px solid #C0C0C0;
}
.Main_InactiveText
{
	color: #C0C0C0;	
}
.Main_InsertTable
{
	background-color: #F5F5F5;
	width: 100%;	
	font-weight: bold;
	text-align: right;
	padding-top: 5px;
}
.Main_InsertTable2
{
	background-color: #F5F5F5;
	width: 100%;	
	text-align: left;	
	padding-top: 5px;
}
.Main_InsertTable2 td
{
	vertical-align: top;
}
/*this is for backward capabilities*/
.hiddenVisibility
{
	visibility: hidden;
}

.nothiddenVisibility
{
	visibility: visible;
}
.Main_TableContent_Row
{
	height: 35px;
	background-color: #FBF3D1;
	border-bottom: 1px solid #CDCEC9;
}

/*Line Items Style*/
.Main_LineItemsGrid_Header, .Main_TableContent_Header
{
	height: 35px;
	background-color: #F9F9F9;	
	font-weight: bold;
	color: #333333;
}
.Main_LineItemsGrid_Row
{
	height: 35px;
	background-color: #FFECDF;
}
.Main_LineItemsGrid_Row_TR
{
	border-bottom: 1px solid #CDCEC9;
	border-collapse: collapse;
	height: 15px;
}

.Main_HelpPanel
{
	background-color: White;
	padding: 5px 5px 5px 5px;
	border: solid 1px black;
}

.Main_LoadingPanel
{
	position: absolute;
    width: 100%;
    #width: 410px !important; 
    height: 100%; 
    #height: expression(this.offsetParent.offsetHeight + 'px') !important;
    background-color: White; 
    top: 0px; 
    border: solid 1px #a5a5a5;
    text-align: left;
    vertical-align: middle;
    z-index: 150;
}

.Main_HtmlPanel
{
	background-color: White;	
	padding: 3px 3px 3px 3px;
	overflow-x: none; 
	overflow-y: auto;
	font-size: 12px;
}

.Main_HtmlPanel p
{
	padding-top: 0px;
	margin-top: 0px;	
	text-indent: 0px;
}

.Main_HtmlPanel table
{
	text-align: left;
}
.Main_ModelWindowBackgroud
{
	position: absolute; 
    left: 0px;
    top: 0px;
    border: solid 1px #a5a5a5;
    z-index: 151;
    background-color: Gray; 
    filter:alpha(opacity=50); 
    opacity: 0.5;
}
.Main_ModalWindow
{
	position: absolute; 
	text-align: center; 
	background-color: White; 
	z-index: 160;
	border: solid 1px black;
}
.Main_Border
{
	border: 1px solid #C0C0C0;	
}

/* File Input classes START*/
.Main_DivInputFile
{	
    line-height: 19px;
    height:19px;
    width:100px;
    margin:0px;
    position: relative;
    overflow: hidden;
    text-align: center;    
}

.Main_DivInputFile .Main_RealFileUpload
{
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    height: 20px;
    width: 100px;   
    cursor: pointer;
}

.Main_FakeFilePC
{
    margin-top:18px;    
}

.Main_FakeFilePC .Main_FakeFileTextBox 
{    
    margin-top: -17px;    
}
/* File Input classes END*/