<div id="install_options" class="">
    <!-- Placeholder for the left content box -->
    <div class="placeholder_content_column1">
        <div class="columncontent">
            <span id="installOptionsHeader">
                <span class="mainheading" locid="locMainTitle">
                    Options
                </span>
            </span>
            
            <span class="br10"></span>
            <span class="br2"></span>
                                
            <span id="easy_custom_Options">

				<!-- Radio button items moved out to aid in positioning -->
				<span id="easyRadioContainer"></span>
				<div id="easy_Options_innerSpan">
					<span id="easyRadioDiv" locid="locLabelEasyRadio" class="radioLabel">
							Easy Install (recommended)
					</span>

					<span class="br1"></span>
							        
					<span id="easyInstructionText" class="smalltext" locid="locEasyInstructions">
							Install all of the options recommended for your system.
					</span>
				</div>

				<span class="br10"></span>
				<span class="br10"></span>
				<span class="br10"></span>
						        
				<!-- Radio button items moved out to aid in positioning -->
 				<div id="customRadioContainer"></div>
				<div id="custom_Options_innerSpan">
					<span id="customRadioDiv" locid="locLabelCustomRadio" class="radioLabel">
							Custom Install
					</span>

					<span class="br1"></span>

					<span id="customInstuctionText" class="smalltext" locid="locCustomInstructions">
							Choose the options you would like to install.
					</span>
				</div>

				<span class="br50"></span>
						        
				<span class="hrdark" id="hrOptionsDividerContainer"></span>
				
            </span>
            <span id="OptionsPP">
					<span class="smalltextbold" locid="locCustomInstructions">
							Choose the options you would like to install.
					</span>
					<span class="br50"></span>
            </span>

            <!-- Language Selector -->
            <span id="langSelector">
				<span class="br10"></span>
                <span locid="locInstLang" class="radioLabel" id="intallationLangID">Installation Language</span>
                <span class="br5"></span>
                <span id="langSelectWidget"></span>
                <span class="br10"></span>
                <span class="hrdark" id="instLocationDividerContainer"></span>
            </span>

            <span id="installLocID">
                <!-- Installation folder selection -->
                <span class="br10"></span>
			    <div id="installLocation" tabIndex="-1" class="location">
                    <div id="instLang" locid="locInstLocation" class="instructiontext">Installation Location</div>
					<div id="browseButtonContainer"></div>
					<span class="br20"></span>
					<span class="br10"></span>
					<span id="installPathField" class="installPathFieldCSS" alt="location"></span>
			    </div>
            </span>
        </div>
    </div>

    <!-- Spacing between left and right content placeholders -->
    <div class="outer_center_margin"></div>

    <!-- Placeholder for the right content box -->
    <div class="placeholder_content_column2" id="placeholder_content_column2">
	    <!-- Install Options -->
        <div id="installOptions"  class="scrollList">
	        <div id="featureList">
                <div id="topLevelPayloadsList" class="">          
	            </div>
	            <span id="brandedSharedCompListHeader" class="">
					<span class="br20"></span>
					<span class="br2"></span>
					<span class="optionsheadertext" locid="locSharedComp" id="brandedSharedCompListHeaderID">
						Shared Components
					</span>
					<span class="br5"></span>
					<span class="hrdark" id="suppCompUnderlineContainer"></span>
	            </span>
	            <div id="brandedSharedCompList" class="">
	            </div>
	            <table id="unbrandedSharedCompOuterDiv">
	                <tbody>
	                    <tr id="unbrandedSharedCompListHeader">
	                        <td>
	                            <table class="t1">
	                                <tbody>
	                                    <tr>
	                                        <td class="td_payload_checkBox">
	                                            <!-- Equivalent to the checkbox space for products -->
                	                            <span>&nbsp;</span>
	                                        </td>
	                                        <td  id="supportingcomponentsContainer" class="td_payload_icon">
	                                            <!-- Icon -->
	                                        </td>
	                                        <td id="supportingCompTriangleContainer" class="td_payload_disclosure">
	                                            <!-- Disclosure Triangle -->
	                                        </td>
	                                    </tr>
	                                </tbody>
	                            </table>
	                        </td>
	                        <td>
	                            <table class="t2">
	                                <tbody>
	                                    <tr>
	                                        <td>
	                                            <span class="supportingCompTitleText" locid="locSupportingComp" id="unbrandedSharedCompListHeaderID">
	                                                Supporting Components
	                                            </span>
	                                        </td>
	                                        <td>
	                                            <!-- Supporting components total goes here -->
                	                            <span class="componentsizetext">&nbsp;</span>
	                                        </td>
	                                    </tr>
	                                </tbody>
	                            </table>
	                        </td>
	                    </tr>
	                    <tr>
	                        <td>
	                            <span>&nbsp;</span>
	                        </td>
	                        <td>
	                            <div id="unbrandedSharedCompList" class="">
	                            </div>
	                        </td>
	                    </tr>
	                </tbody>
	            </table>
	        </div>
        </div>
    </div>

	<span class="br10"></span>
	
    <span class="totals" id="totalsID">
		<span id="Ucontainer">
			<span id="divavailableSpace" locid="locSpaceAvailable" class="totalsizetextHeader">Available space:</span>
			<span id="availableSpace" class="totalsizetext">xxx GB</span>
			<span id="divtotalSize" locid="locSpaceRequired" class="totalsizetextHeader">Total size:</span>
			<span id="totalSize" class="totalsizetext">xxx GB</span>
        </span>
        <span id="Rcontainer" style="display:none;">
			<table>
				<tr>
					<td>
						<span id="insufficientspaceRImage"></span>
					</td>
					<td>
						<span id="insufficientspaceR" locid="insufficientspaceR">The size of your selected options exceeds the availabe space.</span>	
					</td>
				</tr>
			</table>
			
		</span>
    </span>

	    <!-- Errors -->
	    <div id="error" class="error" style="visibility: hidden">
		    <dl>
		    </dl>
	    </div>

</div>
<div id="LoadingSetupContent" calss="content" style="display: none">
	<span locid="locPreparingToInstall" class="subheading" id="LoadingSetupTitle">Preparing to Install...&hellip;</span>
</div>
