.outerMiddleGREY 
{
	width:100%;
background-color:#666666;
	border-top:solid 1px #fff;
}

.innerMiddleGREY
{
	width:900px;

	min-height:560px;
	margin-left:auto;
	margin-right:auto;
	
	
}


#NavigationBarContainer
{
    background-color:#333;
    width:699px;
    clear:left;  
    /*margin-bottom:10px;*/
}

.NavBarButtons
{
    float:left; 
    padding-bottom:10px;  
}

.searchBox
{
font-size: 0.7em;
width:127px;
height:12px;
margin-left:6px;
margin-right:1px;
margin-bottom:4px;
}

.searchButton
{
margin-top:3px;
}


/* ************************ */
/* Paint Calculator */
#calculator
{
    width:440px;
    float:left;
    margin-top:15px;
}

#conversion
{
    width:240px;
    float:right;
    margin-top:14px;
}

.calculatorApplicationContainer
{
    background-color:#fff;
	width:694px;
	height:auto;
    padding-bottom:10px;
    
}

*:first-child+html .calcEvenRow 
{
    padding-top:2px;
} 

* html .calcEvenRow
{
    padding-top:2px;
}

*:first-child+html .calcOddRow 
{
    padding-top:2px;
}

* html .calcOddRow
{
    padding-top:2px;
}


.calcEvenRow,
.calcOddRow
{
    margin-top:2px;        
}


.calcEvenRow
{
    background-image:url(/PaintSpecifier/images/paintCalc/Paint-Calculator_background_06.gif);
    background-repeat:repeat-y;
    
}

.calcOddRow
{
    background-image:url(/PaintSpecifier/images/paintCalc/Paint-Calculator_background_03.gif);
    background-repeat:repeat-y;
}


.calcOddRow div.calcRowArrowContainer
{
    background-image:url(/PaintSpecifier/images/paintCalc/Paint-Calculator_strip1.gif);
}

.calcEvenRow div.calcRowArrowContainer
{
    background-image:url(/PaintSpecifier/images/paintCalc/Paint-Calculator_strip2.gif);
}

.calcRowArrowContainer
{
    background-repeat:no-repeat;
    background-position:165px center;
}

.calcCol1,
.calcCol2
{
    float:left;
    padding:5px 10px 8px 10px;   
}

.calcCol1
{
    width:145px;
    font-size:0.8em;   
}

.calcCol2
{
    width:252px;
    
    
}

.calcDropDownList
{
    width:250px;   
}



.calcLabel,
.calcConversionLabel
{
    color:#fff;
    font-size:0.7em;
    font-weight:bold;
    min-width:50px;
    min-height:25px;
    vertical-align:middle;   
}

.calcLabel
{
    float:left;
}

.calcButtons
{
    padding-top:5px;
    float:right;
}


.conversionContainer
{
    margin-top:2px;
    width:100%;
    background-color:#303030;
    /*min-height:296px;
    height:auto !important;*/
    height:280px;
}

*:first-child+html .conversionContainer
{
    height:294px;
}
* html .conversionContainer
{
    height:294px;
}


.calcConversionDropDownList
{
    width:220px;
}

.calcConversionRow,
.calcConversionResultsRow
{
    padding-left:10px;
    padding-top:5px;   
}

.calcConversionResultsRow
{
    padding-top:30px;
    color:#fff;
    font-weight:bold;
    font-size:0.8em;
}

.calcConversionButtonRow
{
    float:right;
    margin-top:98px;
    padding-right:10px;   
}

*:first-child+html .calcConversionButtonRow
{
    margin-top:108px;
}

* html .calcConversionButtonRow
{
    margin-top:108px;
}

/* ************************ */



/* ************************ */
.applicationContainer
{
	/*border: 1px solid #000;*/
	background-color:#333;
	width:699px;
	height:auto;
    padding-bottom:10px;
}

.applicationContainerWhite
{
	/*border: 1px solid #000;*/
	background-color:#fff;
	width:514px;
	height:auto;
    padding-bottom:10px;
}

.applicationBody
{
    width:659px !important;
    width:679px;
    /*margin: 0px 10px 10px 10px;*/
    margin-left:auto;
    margin-right:auto;
    padding-top:10px;
    height:auto;
    padding:10px 10px 10px 10px;
    background-color:#fff;
    clear:left;    
}

.clear
{
	clear:both;
}

.errorRequiredMessage
{
    font-size:0.8em;
    color:Red;
}

.ProfileTextBox
{
    width:210px;   
}

.sectionHeader
{
	/*border:solid 10px black;*/
	font-weight:bold;
	border-bottom: solid 1px #333;
	background-color:#ffffff;
	padding-bottom:5px;
	/*width:659px;*/
	clear:both;
	
}

.sectionHeaderSub
{
    float:left;   
}
.minorNavBar
{
    float:right;   
}

.sectionHeader_AdvancedSearch
{
	/*border:solid 10px black;*/
	/*background-color:#ffffff;*/
	margin-left:10px;
	padding-top:8px;
	width:680px;
}

.sectionText
{
    font-size:0.8em;
    padding:20px 0px 10px 0px;   
}

.subsectionText
{
    font-size:0.8em;
    padding:20px 0px 10px 0px;    
}

.boldSubheading
{
    font-weight:bold;   
}

.subsectionTextNoPadding
{
    font-size:0.8em;
}

.subsectionLabel,
.subsectionLabelFloatLeft
{
    font-size:0.8em;
    font-weight:bold;
    padding-top:5px;   
}

.subsectionLabelFloatLeft
{
    float:left;   
}

table.radioButtonTextSize td
{
    font-size:1em;
    font-weight:normal;   
}

.mainPanel
{
	/*border:solid 1px black;*/
	/*background-color:#ffffff;*/
	display:inline;
	width:679px;
	margin-left:10px;
		
}

.leftPanel
{
	/*border:solid 1px black;*/
	background-color:#ffffff;
	display:inline;
	width:236px;
	/*margin-left:10px;*/
	float:left;	
}

.rightPanel
{
	/*border:solid 1px black;*/
	background-color:#ffffff;
	display:inline;
	width:386px;
	/*margin-right:10px;*/
	float:right;	
}

.rightPanelHeading
{
    border-bottom:solid 1px #333;
}

.rightPanelHeadingImage,
.rightPanelHeadingTitle
{
    float:left;
}

.rightPanelHeadingTitle
{
    padding:7px 5px 7px 5px;
    font-size:0.95em;
    font-weight:bold;
}


.specListingTab
{
	border-bottom: solid 1px #fff;
	background-color:#333;
	color:#fff;
	width:180px;
	cursor:pointer;
	margin-top:20px;
	padding:3px 5px 3px 5px;
	font-size:0.9em;
	font-weight:bold;	
}

/* Login Page */

.loginRegisterNowBox
{
    width:255px;
    float:left;   
}

.loginLoginBox
{
    float:right;   
}

.loginRedBoxContentLeft,
.loginRedBoxContentRight
{
    background-color:#ee2c25;
    color:#fff;
    font-size:0.9em;
    padding-bottom:10px;
    height:150px;
    width:254px;   
}

.loginRedBoxContentLeft
{
    
    margin-left:1px;   
}

.loginRedTick
{
    padding-top:10px;
    clear:left;
}

.loginRegisterCopy
{
    padding-top:13px;
}

.loginRedTick,
.loginRegisterCopy
{
    float:left;
    padding-left:10px;   
}

.loginRegisterButton
{
    float:right;
    padding-right:10px;
    padding-top:20px;   
}

.loginFieldLabel
{
    font-size:0.8em; 
    padding-top:10px;
    clear:left;
}

.loginFieldLabel,
.loginField
{
    margin-left:10px;   
}

.loginField
{
    float:left;
}

.loginButton
{
    float:left;
    margin-left:10px;
    margin-top:2px;
}

a.loginLink
{
    color:#fff;   
}

/* Specifications Listing Control */
.specificationListingTable
{

	
}

.specificationListingTableHeadingRow
{
    padding-top:5px;
    padding-bottom:5px;
    background-color:#333;
    color:#fff;  
    font-weight:bold; 
}

.specificationListingTableRow
{
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:solid 1px #333;
}

.specificationListingTableRowALT
{
    background-color:#ebebeb;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:solid 1px #333;
}

.specificationListingTableReference, 
.specificationListingTableTitle,
.specificationListingTableDate,
.specificationListingTableActions
{
	float:left;
	font-size:0.8em;
}

.specificationListingTableReference
{
	width:180px;
	padding-left:10px;
}

.specificationListingTableTitle
{
	width:180px;
}
.specificationListingTableDate
{
	width:118px;
}
.specificationListingTableActions
{
	width:160px;
	padding-right:10px;
}

.projectNavigatorExpander
{
	cursor:pointer;
}


/* Wizard Bar */

.wizardProgressBar
{
    clear:left;
       
}

.wizardImages
{
    float:left;
    margin:0px 0px 20px 0px;
    padding:0px;
    border:0px;   
}


/* SummaryControls */
.summaryControlContainer
{
    background-color:#fff;
    width:236px;
}

.summaryControlContent
{
    background-color:#ebebeb;
    width:234px;
    font-size:0.8em;   
}


.summaryControlLabelHeading
{
	padding-top:8px;
	padding-left:10px;
	font-weight:bold;
		
}

.summaryControlLabelContent
{
    padding-left:10px;
}


.summaryControlEditButton
{
    padding:8px 0px 10px 180px;
    
}


/* Project Management: Page Specific */
.projectManagementAddProjectButton
{
    float:right;
    padding:7px 0px 7px 0px;   
}



/* Project Navigator: Area Control and Surface Control*/
a.projectNavigatorExpander:link,
a.projectNavigatorExpander:hover,
a.projectNavigatorExpander:visited
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration:none;
    font-size:0.9em;
    color:#fff;
}

.projectNavigatorAreaHeading
{
	margin-top:10px;
	background-color:#333;
	color:#fff;
	width:100%;
}

.projectNavigatorAreaTitle
{
    font-size:0.9em;
    float:left;
    padding:5px 5px 5px 10px;   
}

.projectNavigatorAreaDeleteButton,
.projectNavigatorAreaEditButton,
.projectNavigatorAreaAddSurfaceButton
{
    float:right;
    padding:5px 0px 5px 5px;
}



.projectNavigatorSurfaceRow,
.projectNavigatorSurfaceRowAlt
{
    border-bottom: solid 1px #333;
}

.projectNavigatorSurfaceRowAlt
{
    background-color:#ebebeb;   
}

.projectNavigatorSurfaceTitle
{
    padding:5px 5px 5px 10px;
    font-size:0.9em;
    float:left;
}

.projectNavigatorSurfaceEditButton,
.projectNavigatorSurfaceDeleteButton,
.projectNavigatorSurfaceDatasheet
{
    float:right;
    padding:5px 0px 5px 5px;
}

.projectNavigatorSurfaceDeleteButton
{
}



.projectNavigatorSurfaceSelectedProduct
{
    padding:0px 5px 5px 10px;
    font-size:0.7em;
    float:left;
}

/* Advanced Search */

.advancedSearchPane
{
    background-color:#333;
}


.advancedSearchRow
{
    background-color:#62ac1e;
    clear:both;
    border-top:solid 1px #333;
    width:679px;
    margin-left:10px;
    
    
}

.advancedSearchText
{
    padding-top:8px;
    padding-bottom:8px;
    padding-left:10px;
    font-size:0.9em;
    color:#fff;
}

.advancedSearchLabel
{
    /*width: 300px;*/
    font-size:0.9em;
    color:#fff;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:10px;
    /*height:21px;*/
    float:left;
}

.advancedSearchField
{
    
    width:359px;

    float:right;
    background-color:#62ac1e;
}


.advancedSearchSearchButton
{
    padding-top:8px;
    padding-bottom:8px;
    padding-left:530px;
}

.advancedSearchDropDown
{
    
    width:280px;
}

.advancedSearchFooter
{
    height:10px;
    background-color:#333;
    clear:both;
}

.advancedSearchResultsPanel
{
    width:679px;
    background-color:#fff;
    margin-left:10px;
}

.advancedSearchResultsHeader
{
    padding-left:10px;
    padding-top:10px;
    padding-bottom:5px;
    font-size:1em;
    font-weight:bold;
    border-bottom:solid 1px #333;   
}

.advancedSearchResultsText
{
    padding:10px 20px 10px 20px;
    font-size:0.8em;
}

.advancedSearchResultsTable
{
    width:600px;   
}

.advancedSearchResultsTablePDFLink
{
    width:35px;
    padding-left:20px;
}

.advancedSearchResultsTableProduct
{
    width:550px;   
}

/* Project Information */
.projectInformationTable
{
    padding-top:10px;
}

.projectInformationTableCol1
{
    width:200px;
    float:left;
    font-size:0.8em;
}

.projectInformationTableCol2
{
    width:350px;
    float:left;
}

.projectInformationTableCol1,
.projectInformationTableCol2
{
    padding:3px 0px 3px 0px;
}

.postcodeField
{
    width:30px;   
}

.requiredFieldText
{
    font-size:0.8em;
    color:Red;   
}

/* Add Area */
.areaSubmitButton
{
    border-bottom:solid 1px #333;
    padding:10px 0px 10px 0px;   
}

/* Add Surface */
.surfaceSearchDropDown
{
    width:280px;   
}

.surfaceRequiredMessage
{
    font-size:0.8em;
    color:Red;   
}

/* Product */
.productSelectedProductDisplay
{
    font-size:0.8em;
    font-weight:bold;   
}

table.productSearchResultsTable td
{
    font-size:0.7em;
}

.productSearchResultsTable
{
    width:100%;
    margin:20px 0px 20px 0px;
}

.productSearchResultsTablePDFLink
{
    width:30px
}

.productSearchResultsTableProduct td
{
    font-size:0.7em;   
}

.productSearchControlButtonLeft
{
    float:left;   
}

.productSearchControlButtonRight
{
    float:right;
}


/* Surface Summary */
.surfaceSummaryTableHeading
{
    background-color:#333;
    color:#fff;
    font-weight:bold;   
}

.surfaceSummaryTableCol1,
.surfaceSummaryTableCol2,
.surfaceSummaryTableCol2 a
{
    padding-top:5px;
    padding-bottom:5px;
    font-size:0.8em;
       
}

.surfaceSummaryTableCol1 a
{
    font-size: 1em;   
}

.surfaceSummaryTableCol1
{
    float:left;
    width:45%;
    padding-left:10px;
}

.surfaceSummaryTableCol2
{
    float:right;
    padding-right:10px;
}


.surfaceSummaryTableColA
{
    float:left;
    width:45%;
}

.surfaceSummaryTableColB
{
    float:right;
}


.surfaceSummaryGetAcrobat
{
    float:left;
}

.surfaceSummaryGenSpecButton
{
    float:right;
}