<?php

	/* Catalogue Skin Options */
	$Catalogue_Style = get_option("UPCP_Catalogue_Style");
	$Category_Heading_Style = get_option("UPCP_Category_Heading_Style");
	$Compare_Button_Background_Color = get_option("UPCP_Compare_Button_Background_Color");
	$Compare_Button_Text_Color = get_option("UPCP_Compare_Button_Text_Color");
	$Compare_Button_Clicked_Background_Color = get_option("UPCP_Compare_Button_Clicked_Background_Color");
	$Compare_Button_Clicked_Text_Color = get_option("UPCP_Compare_Button_Clicked_Text_Color");
	$Compare_Button_Font_Size = get_option("UPCP_Compare_Button_Font_Size");
	$Sale_Button_Background_Color = get_option("UPCP_Sale_Button_Background_Color");
	$Sale_Button_Text_Color = get_option("UPCP_Sale_Button_Text_Color");
	$Sale_Button_Font_Size = get_option("UPCP_Sale_Button_Font_Size");
	$Details_Icon_Type = get_option("UPCP_Details_Icon_Type");
	$Details_Image = get_option("UPCP_Details_Image");
	$Details_Icon_Color = get_option("UPCP_Details_Icon_Color");
	$Details_Icon_Font_Size = get_option("UPCP_Details_Icon_Font_Size");
	$Details_Icon_Font_Selection = get_option("UPCP_Details_Icon_Font_Selection");

	/* Thumbnail View Options */
	$Thumbnail_View_Image_Hover_Fade = get_option("UPCP_Thumbnail_View_Image_Hover_Fade");
	$Thumbnail_View_Mouseover_Zoom = get_option("UPCP_Thumbnail_View_Mouseover_Zoom");
	$Thumbnail_View_Image_Height = get_option("UPCP_Thumbnail_View_Image_Height");
	$Thumbnail_View_Image_Width = get_option("UPCP_Thumbnail_View_Image_Width");
	$Thumbnail_View_Image_Holder_Height = get_option("UPCP_Thumbnail_View_Image_Holder_Height");
	$Thumbnail_View_Image_Holder_Width = get_option("UPCP_Thumbnail_View_Image_Holder_Width");
	$Thumbnail_View_Image_Border = get_option("UPCP_Thumbnail_View_Image_Border");
	$Thumbnail_View_Image_Border_Color = get_option("UPCP_Thumbnail_View_Image_Border_Color");
	$Thumbnail_View_Box_Width = get_option("UPCP_Thumbnail_View_Box_Width");
	$Thumbnail_View_Box_Min_Height = get_option("UPCP_Thumbnail_View_Box_Min_Height");
	$Thumbnail_View_Box_Max_Height = get_option("UPCP_Thumbnail_View_Box_Max_Height");
	$Thumbnail_View_Box_Padding = get_option("UPCP_Thumbnail_View_Box_Padding");
	$Thumbnail_View_Box_Margin = get_option("UPCP_Thumbnail_View_Box_Margin");
	$Thumbnail_View_Box_Border = get_option("UPCP_Thumbnail_View_Box_Border");
	$Thumbnail_View_Border_Color = get_option("UPCP_Thumbnail_View_Border_Color");
	$Thumbnail_View_Title_Font_Size = get_option("UPCP_Thumbnail_View_Title_Font_Size");
	$Thumbnail_View_Price_Font= get_option("UPCP_Thumbnail_View_Title_Font");
	$Thumbnail_View_Title_Color = get_option("UPCP_Thumbnail_View_Title_Color");
	$Thumbnail_View_Price_Font= get_option("UPCP_Thumbnail_View_Price_Font");
	$Thumbnail_View_Price_Font_Size = get_option("UPCP_Thumbnail_View_Price_Font_Size");
	$Thumbnail_View_Price_Color = get_option("UPCP_Thumbnail_View_Price_Color");
	$Thumbnail_View_Background_Color = get_option("UPCP_Thumbnail_View_Background_Color");
	$Thumbnail_View_Separator_Line = get_option("UPCP_Thumbnail_View_Separator_Line");
	$Thumbnail_View_Details_Arrow = get_option("UPCP_Thumbnail_View_Details_Arrow");
	$Thumbnail_View_Custom_Details_Arrow = get_option("UPCP_Thumbnail_View_Custom_Details_Arrow");

	/* List View Options */
	$List_View_Click_Action = get_option("UPCP_List_View_Click_Action");
	$List_View_Image_Hover_Fade = get_option("UPCP_List_View_Image_Hover_Fade");
	$List_View_Mouseover_Zoom = get_option("UPCP_List_View_Mouseover_Zoom");
	$List_View_Image_Height = get_option("UPCP_List_View_Image_Height");
	$List_View_Image_Width = get_option("UPCP_List_View_Image_Width");
	$List_View_Image_Holder_Height = get_option("UPCP_List_View_Image_Holder_Height");
	$List_View_Image_Border = get_option("UPCP_List_View_Image_Border");
	$List_View_Image_Border_Color = get_option("UPCP_List_View_Image_Border_Color");
	$List_View_Image_Background_Color = get_option("UPCP_List_View_Image_Background_Color");
	$List_View_Item_Margin_Left = get_option("UPCP_List_View_Item_Margin_Left");
	$List_View_Item_Margin_Top = get_option("UPCP_List_View_Item_Margin_Top");
	$List_View_Item_Padding = get_option("UPCP_List_View_Item_Padding");
	$List_View_Item_Color = get_option("UPCP_List_View_Item_Color");
	$List_View_Item_Min_Height = get_option("UPCP_List_View_Item_Min_Height");
	$List_View_Item_Max_Height = get_option("UPCP_List_View_Item_Max_Height");
	$List_View_Title_Font_Size = get_option("UPCP_List_View_Title_Font_Size");
	$List_View_Title_Color = get_option("UPCP_List_View_Title_Color");
	$List_View_Title_Font = get_option("UPCP_List_View_Title_Font");
	$List_View_Price_Font_Size = get_option("UPCP_List_View_Price_Font_Size");
	$List_View_Price_Color = get_option("UPCP_List_View_Price_Color");
	$List_View_Price_Font = get_option("UPCP_List_View_Price_Font");
	$List_View_Background_Color = get_option("UPCP_List_View_Background_Color");
	$List_View_Details_Arrow = get_option("UPCP_List_View_Details_Arrow");
	$List_View_Custom_Details_Arrow = get_option("UPCP_List_View_Custom_Details_Arrow");

	/* Detail View Options */
	$Detail_View_Image_Hover_Fade = get_option("UPCP_Detail_View_Image_Hover_Fade");
	$Detail_View_Mouseover_Zoom = get_option("UPCP_Detail_View_Mouseover_Zoom");
	$Detail_View_Image_Height = get_option("UPCP_Detail_View_Image_Height");
	$Detail_View_Image_Width = get_option("UPCP_Detail_View_Image_Width");
	$Detail_View_Image_Holder_Height = get_option("UPCP_Detail_View_Image_Holder_Height");
	$Detail_View_Image_Holder_Width = get_option("UPCP_Detail_View_Image_Holder_Width");
	$Detail_View_Image_Border = get_option("UPCP_Detail_View_Image_Border");
	$Detail_View_Image_Border_Color = get_option("UPCP_Detail_View_Image_Border_Color");
	$Detail_View_Image_Background_Color = get_option("UPCP_Detail_View_Image_Background_Color");
	$Detail_View_Box_Width = get_option("UPCP_Detail_View_Box_Width");
	$Detail_View_Box_Padding = get_option("UPCP_Detail_View_Box_Padding");
	$Detail_View_Box_Margin = get_option("UPCP_Detail_View_Box_Margin");
	$Detail_View_Box_Border = get_option("UPCP_Detail_View_Box_Border");
	$Detail_View_Border_Color = get_option("UPCP_Detail_View_Border_Color");
	$Detail_View_Title_Font_Size = get_option("UPCP_Detail_View_Title_Font_Size");
	$Detail_View_Title_Color = get_option("UPCP_Detail_View_Title_Color");
	$Detail_View_Title_Font = get_option("UPCP_Detail_View_Title_Font");
	$Detail_View_Price_Font_Size = get_option("UPCP_Detail_View_Price_Font_Size");
	$Detail_View_Price_Color = get_option("UPCP_Detail_View_Price_Color");
	$Detail_View_Price_Font = get_option("UPCP_Detail_View_Price_Font");
	$Detail_View_Zoom_On_Image_Hover = get_option("UPCP_Detail_View_Zoom_On_Image_Hover");
	$Detail_View_Background_Color = get_option("UPCP_Detail_View_Background_Color");
	$Detail_View_Separator_Line = get_option("UPCP_Detail_View_Separator_Line");
	$Detail_View_Details_Arrow = get_option("UPCP_Detail_View_Details_Arrow");
	$Detail_View_Custom_Details_Arrow = get_option("UPCP_Detail_View_Custom_Details_Arrow");

	/* Sidebar Options */
	$Sidebar_Title_Collapse = get_option("UPCP_Sidebar_Title_Collapse");
	$Sidebar_Subcat_Collapse = get_option("UPCP_Sidebar_Subcat_Collapse");
	$Sidebar_Start_Collapsed = get_option("UPCP_Sidebar_Start_Collapsed");
	$Sidebar_Title_Hover = get_option("UPCP_Sidebar_Title_Hover");
	$Sidebar_Checkbox_Style = get_option("UPCP_Sidebar_Checkbox_Style");
	$Custom_Fields_Show_Hide = get_option("UPCP_Custom_Fields_Show_Hide");
	$Categories_Control_Type = get_option("UPCP_Categories_Control_Type");
	$SubCategories_Control_Type = get_option("UPCP_SubCategories_Control_Type");
	$Tags_Control_Type = get_option("UPCP_Tags_Control_Type");
	$Sidebar_Header_Font = get_option("UPCP_Sidebar_Header_Font");
	$Sidebar_Header_Font_Size = get_option("UPCP_Sidebar_Header_Font_Size");
	$Sidebar_Header_Font_Weight = get_option("UPCP_Sidebar_Header_Font_Weight");
	$Sidebar_Header_Color = get_option("UPCP_Sidebar_Header_Color");
	$Sidebar_Subheader_Font = get_option("UPCP_Sidebar_Subheader_Font");
	$Sidebar_Subheader_Font_Size = get_option("UPCP_Sidebar_Subheader_Font_Size");
	$Sidebar_Subheader_Font_Weight = get_option("UPCP_Sidebar_Subheader_Font_Weight");
	$Sidebar_Subheader_Color = get_option("UPCP_Sidebar_Subheader_Color");
	$Sidebar_Checkbox_Font = get_option("UPCP_Sidebar_Checkbox_Font");
	$Sidebar_Checkbox_Font_Size = get_option("UPCP_Sidebar_Checkbox_Font_Size");
	$Sidebar_Checkbox_Font_Weight = get_option("UPCP_Sidebar_Checkbox_Font_Weight");
	$Sidebar_Checkbox_Color = get_option("UPCP_Sidebar_Checkbox_Color");

	/* Pagination Options */
	$Pagination_Background = get_option("UPCP_Pagination_Background");
	$Pagination_Border = get_option("UPCP_Pagination_Border");
	$Pagination_Shadow = get_option("UPCP_Pagination_Shadow");
	$Pagination_Gradient = get_option("UPCP_Pagination_Gradient");
	$Pagination_Font = get_option("UPCP_Pagination_Font");

	/* Custom PP Options */
	$PP_Grid_Width = get_option("UPCP_PP_Grid_Width");
	$PP_Grid_Height = get_option("UPCP_PP_Grid_Height");
	$Top_Bottom_Padding = get_option("UPCP_Top_Bottom_Padding");
	$Left_Right_Padding = get_option("UPCP_Left_Right_Padding");

	/* Tabbed PP Options */

?>
<div class="wrap upcp-options-page-tabbed">
<div class="upcp-options-submenu-div ">
	<ul class="upcp-options-submenu upcp-options-page-tabbed-nav">
		<li><a id="Cata_Menu" class="MenuTab styling-subnav-tab <?php if ($Display_Tab == '' or $Display_Tab == 'Cata') {echo 'styling-subnav-tab-active';}?>" onclick="ShowStylingTab('Cata');">Catalogue</a></li>
		<li><a id="Thumbnail_Menu" class="MenuTab styling-subnav-tab <?php if ($Display_Tab == 'Thumbnail') {echo 'styling-subnav-tab-active';}?>" onclick="ShowStylingTab('Thumbnail');">Thumbnail</a></li>
		<li><a id="List_Menu" class="MenuTab styling-subnav-tab <?php if ($Display_Tab == 'List') {echo 'styling-subnav-tab-active';}?>" onclick="ShowStylingTab('List');">List</a></li>
		<li><a id="Detail_Menu" class="MenuTab styling-subnav-tab <?php if ($Display_Tab == 'Detail') {echo 'styling-subnav-tab-active';}?>" onclick="ShowStylingTab('Detail');">Detail</a></li>
		<li><a id="Sidebar_Menu" class="MenuTab styling-subnav-tab <?php if ($Display_Tab == 'Sidebar') {echo 'styling-subnav-tab-active';}?>" onclick="ShowStylingTab('Sidebar');">Sidebar</a></li>
		<li><a id="Pagination_Menu" class="MenuTab styling-subnav-tab <?php if ($Display_Tab == 'Pagination') {echo 'styling-subnav-tab-active';}?>" onclick="ShowStylingTab('Pagination');">Pagination</a></li>
		<!-- <li><a id="Default-PP_Menu" class="MenuTab styling-subnav-tab <?php if ($Display_Tab == 'Default-PP') {echo 'styling-subnav-tab-active';}?>" onclick="ShowStylingTab('Default-PP');">Default</a></li> -->
		<li><a id="Custom-PP_Menu" class="MenuTab styling-subnav-tab <?php if ($Display_Tab == 'Custom-PP') {echo 'styling-subnav-tab-active';}?>" onclick="ShowStylingTab('Custom-PP');">Custom</a></li>
		<!-- <li><a id="Tabbed-PP_Menu" class="MenuTab styling-subnav-tab <?php if ($Display_Tab == 'Tabbed-PP') {echo 'styling-subnav-tab-active';}?>" onclick="ShowStylingTab('Tabbed-PP');">Tabbed</a></li> -->
	</ul>
</div>

<div class="upcp-styling-page-tabbed-content">
<form method="post" action="admin.php?page=UPCP-options&DisplayPage=Styling&Action=UPCP_UpdateOptions">

<div id='Cata' class='upcp-styling-set' style='min-height: auto;'>
	<h2 id="catalogue-skin-styling" class="upcp-options-tab-title">Catalogue Skin Styling <?php if ($Full_Version != "Yes") {echo "(Premium)";} ?></h2>
	<table id='catalogue-skin-options' class='form-table upcp-options-table'>
	<div id='catalogue-skin-options' class="upcp-options-div ">
		<tr>
			<th scope="row"><?php _e("Catalogue Style", 'UPCP')?> <br/>
			</th>
			<td>
				<fieldset><legend class="screen-reader-text"><span><?php _e("Selects a layout style for your catalogue.", 'UPCP')?></span></legend>
					<label title='Default'><input type='radio' name='catalogue_style' value='None' <?php if($Catalogue_Style == "None") {echo "checked='checked'";} ?> /> <span><?php _e("Default", 'UPCP')?></span></label><br />
					<label title='Block'><input type='radio' name='catalogue_style' value='main-block' <?php if($Catalogue_Style == "main-block") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Block", 'UPCP')?></span></label><br />
					<label title='Minimalist'><input type='radio' name='catalogue_style' value='main-minimalist' <?php if($Catalogue_Style == "main-minimalist") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Minimalist", 'UPCP')?></span></label><br />
					<label title='Minimalist Hover'><input type='radio' name='catalogue_style' value='main-hover' <?php if($Catalogue_Style == "main-hover") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Hover", 'UPCP')?></span></label><br />
					<p><?php _e("Selects a layout style for your catalogue.", 'UPCP')?></p>
				</fieldset>
			</td>
		</tr>
		<tr>
			<th scope="row"><?php _e("Category Heading Style", 'UPCP')?> <br/>
			</th>
			<td>
				<fieldset><legend class="screen-reader-text"><span><?php _e("Selects a style for the category headings in your catalogue views.", 'UPCP')?></span></legend>
					<label title='Normal'><input type='radio' name='category_heading_style' value='Normal' <?php if($Category_Heading_Style == "Normal") {echo "checked='checked'";} ?> /> <span><?php _e("Normal", 'UPCP')?></span></label><br />
					<label title='Block'><input type='radio' name='category_heading_style' value='Block' <?php if($Category_Heading_Style == "Block") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Block", 'UPCP')?></span></label><br />
					<label title='None'><input type='radio' name='category_heading_style' value='None' <?php if($Category_Heading_Style == "None") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Not Displayed", 'UPCP')?></span></label><br />
					<p><?php _e("Selects a style for the category headings in your catalogue views.", 'UPCP')?></p>
				</fieldset>
			</td>
		</tr>
	</div>
	</table>
	<div id='details-image-options' class="upcp-options-div upcp-options-flex">
	<div class='upcp-subsection'>
		<div class='upcp-subsection-header'>Compare and Sale Buttons</div>
		<div class='upcp-subsection-content'>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Compare Button Background Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='compare_button_background_color' value='<?php echo $Compare_Button_Background_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Compare Button Text Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='compare_button_text_color' value='<?php echo $Compare_Button_Text_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Compare Button Clicked Background Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='compare_button_clicked_background_color' value='<?php echo $Compare_Button_Clicked_Background_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Compare Button Clicked Text Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='compare_button_clicked_text_color' value='<?php echo $Compare_Button_Clicked_Text_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Compare Button Font Size</div>
				<div class='upcp-option-input'><input type='text' name='compare_button_font_size' value='<?php echo $Compare_Button_Font_Size; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Sale Button Background Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='sale_button_background_color' value='<?php echo $Sale_Button_Background_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Sale Button Text Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='sale_button_text_color' value='<?php echo $Sale_Button_Text_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Sale Button Font Size</div>
				<div class='upcp-option-input'><input type='text' name='sale_button_font_size' value='<?php echo $Sale_Button_Font_Size; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
		</div>
	</div>
	<div class='upcp-subsection'>
		<div class='upcp-subsection-header'>Details Image</div>
		<div class='upcp-subsection-content'>
			<div class='upcp-option'>
				<div class='upcp-option-label upcp-important-label'>Details Image Type</div>
				<div class='upcp-option-input upcp-space-option'>
					<input type='radio' name='details_icon_type' value='Default' <?php if ($Details_Icon_Type == "Default") {echo "checked";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> Default Image<br />
					<input type='radio' name='details_icon_type' value='Custom' <?php if ($Details_Icon_Type == "Custom") {echo "checked";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> Custom Image<br />
					<input type='radio' name='details_icon_type' value='Font' <?php if ($Details_Icon_Type == "Font") {echo "checked";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> Font Icon (right or below)
				</div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label upcp-important-label'>Custom 'Details' Image</div>
				<div class='upcp-option-input upcp-space-option'>
					<input id="Details_Image" type="text" size="36" name="Details_Image" value='<?php if ($Details_Image == "") {echo "http://";} else {echo $Details_Image;} ?>' />
					<input id="Details_Image_button" class="button" type="button" value="Upload Image" />
				</div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Details Font Icon Color (Only for icons to the right)</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='details_icon_color' value='<?php echo $Details_Icon_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Details Font Icon Size (Only for icons to the right)</div>
				<div class='upcp-option-input'><input type='text' name='details_icon_font_size' value='<?php echo $Details_Icon_Font_Size; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
		</div>
	</div>
	<div class='upcp-subsection'>
		<div class='upcp-subsection-header'>Details Icons</div>
		<div class='upcp-subsection-content'>
			<div class='upcp-option upcp-styling-option'>
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='a' <?php if ($Details_Icon_Font_Selection == "a") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>a</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='b' <?php if ($Details_Icon_Font_Selection == "b") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>b</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='c' <?php if ($Details_Icon_Font_Selection == "c") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>c</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='d' <?php if ($Details_Icon_Font_Selection == "d") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>d</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='e' <?php if ($Details_Icon_Font_Selection == "e") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>e</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='f' <?php if ($Details_Icon_Font_Selection == "f") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>f</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='g' <?php if ($Details_Icon_Font_Selection == "g") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>g</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='h' <?php if ($Details_Icon_Font_Selection == "h") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>h</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='i' <?php if ($Details_Icon_Font_Selection == "i") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>i</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='j' <?php if ($Details_Icon_Font_Selection == "j") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>j</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='k' <?php if ($Details_Icon_Font_Selection == "k") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>k</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='l' <?php if ($Details_Icon_Font_Selection == "l") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>l</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='m' <?php if ($Details_Icon_Font_Selection == "m") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>m</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='n' <?php if ($Details_Icon_Font_Selection == "n") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>n</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='o' <?php if ($Details_Icon_Font_Selection == "o") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>o</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='p' <?php if ($Details_Icon_Font_Selection == "p") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>p</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='q' <?php if ($Details_Icon_Font_Selection == "q") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>q</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='r' <?php if ($Details_Icon_Font_Selection == "r") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>r</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='s' <?php if ($Details_Icon_Font_Selection == "s") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>s</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='t' <?php if ($Details_Icon_Font_Selection == "t") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>t</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='u' <?php if ($Details_Icon_Font_Selection == "u") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>u</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='v' <?php if ($Details_Icon_Font_Selection == "v") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>v</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='w' <?php if ($Details_Icon_Font_Selection == "w") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>w</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='x' <?php if ($Details_Icon_Font_Selection == "x") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>x</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='y' <?php if ($Details_Icon_Font_Selection == "y") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>y</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='z' <?php if ($Details_Icon_Font_Selection == "z") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>z</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='A' <?php if ($Details_Icon_Font_Selection == "A") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>A</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='B' <?php if ($Details_Icon_Font_Selection == "B") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>B</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='C' <?php if ($Details_Icon_Font_Selection == "C") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>C</span></div><br />
				<div class='upcp-option-one-line'><input type='radio' class='upcp-font-selector' name='details_icon_font_selection' value='D' <?php if ($Details_Icon_Font_Selection == "D") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /> <span class='upcp-details-icon'>D</span></div><br />
			</div>
		</div>
	</div>
	</div>
</div> <!-- upcp-styling-set -->



<div id='Thumbnail' class='upcp-styling-set upcp-hidden'>
<h2 id="thumbnail-view-styling" class="upcp-options-tab-title">Thumbnail View Styling <?php if ($Full_Version != "Yes") {echo "(Premium)";} ?></h2>
	<div id='thumbnail-view-options' class="upcp-options-div upcp-options-flex">

	<div class='upcp-subsection'>
		<div class='upcp-subsection-header'>Image Options</div>
		<div class='upcp-subsection-content'>
		<!-- 	<div class='upcp-option'>
				<div class='upcp-option-label'>Image Hover Fade</div>
				<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='thumbnail_view_image_hover_fade' value='<?php echo $Thumbnail_View_Image_Hover_Fade; ?>' /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Image Mouseover Zoom</div>
				<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='thumbnail_view_mouseover_zoom' value='<?php echo $Thumbnail_View_Mouseover_Zoom; ?>' /></div>
			</div> -->
			<div class='upcp-option'>
				<div class='upcp-option-label'>Image Height</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_image_height' value='<?php echo $Thumbnail_View_Image_Height; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Image Width</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_image_width' value='<?php echo $Thumbnail_View_Image_Width; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Image Holder Height</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_image_holder_height' value='<?php echo $Thumbnail_View_Image_Holder_Height; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Image Holder Width</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_image_holder_width' value='<?php echo $Thumbnail_View_Image_Holder_Width; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Image Border Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='thumbnail_view_image_border_color' value='<?php echo $Thumbnail_View_Image_Border_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
		</div>
	</div>

	<div class='upcp-subsection'>
		<div class='upcp-subsection-header'>Box Options</div>
		<div class='upcp-subsection-content'>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Box Width</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_box_width' value='<?php echo $Thumbnail_View_Box_Width; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
	<div class='upcp-option'>
				<div class='upcp-option-label'>Box Min-Height</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_box_min_height' value='<?php echo $Thumbnail_View_Box_Min_Height; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
	<div class='upcp-option'>
				<div class='upcp-option-label'>Box Max-Height</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_box_max_height' value='<?php echo $Thumbnail_View_Box_Max_Height; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Box Padding</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_box_padding' value='<?php echo $Thumbnail_View_Box_Padding; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Box Margin</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_box_margin' value='<?php echo $Thumbnail_View_Box_Margin; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Border Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='thumbnail_view_border_color' value='<?php echo $Thumbnail_View_Border_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
		</div>
	</div>

	<div class='upcp-subsection'>
		<div class='upcp-subsection-header'>Item Options</div>
		<div class='upcp-subsection-content'>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Title Font Size</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_title_font_size' value='<?php echo $Thumbnail_View_Title_Font_Size; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Title Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='thumbnail_view_title_color' value='<?php echo $Thumbnail_View_Title_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
		<!-- 	<div class='upcp-option'>
				<div class='upcp-option-label'>Title Font</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_title_font' value='<?php echo $Thumbnail_View_Title_Font; ?>' /></div>
			</div> -->
			<div class='upcp-option'>
				<div class='upcp-option-label'>Price Font Size</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_price_font_size' value='<?php echo $Thumbnail_View_Price_Font_Size; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Price Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='thumbnail_view_price_color' value='<?php echo $Thumbnail_View_Price_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Background Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='thumbnail_view_background_color' value='<?php echo $Thumbnail_View_Background_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>

		</div>
	</div>

	<!-- <div class='upcp-subsection'>
		<div class='upcp-subsection-header'>Other Options</div>
		<div class='upcp-subsection-content'>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Zoom on Image Hover</div>
				<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='thumbnail_view_zoom_on_image_hover' value='<?php echo $Thumbnail_View_Zoom_On_Image_Hover; ?>' /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Background Color</div>
				<div class='upcp-option-input'><input type='text' name='thumbnail_view_background_color' value='<?php echo $Thumbnail_View_Background_Color; ?>' /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Separator Line</div>
				<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='thumbnail_view_separator_line' value='<?php echo $Thumbnail_View_Separator_Line; ?>' /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Details Arrow</div>
				<div class='upcp-option-input'>
					<input type='radio' name='thumbnail_view_details_arrow' value='Sleek' <?php if ($Thumbnail_View_Details_Arrow == "Sleek") {echo "checked";} ?>/>
					<input type='radio' name='thumbnail_view_details_arrow' value='Original' <?php if ($Thumbnail_View_Details_Arrow == "Original") {echo "checked";} ?>/>
					<input type='radio' name='thumbnail_view_details_arrow' value='Custom' <?php if ($Thumbnail_View_Details_Arrow == "Custom") {echo "checked";} ?>/>
					<input type='text' name='thumbnail_view_custom_details_arrow' value='<?php echo $Thumbnail_View_Custom_Details_Arrow; ?>' />
				</div>
			</div>
		</div>
	</div> -->
	</div>
</div>


<div id='List' class='upcp-styling-set upcp-hidden'>

<h2 id="list-view-styling" class="upcp-options-tab-title">List View Styling <?php if ($Full_Version != "Yes") {echo "(Premium)";} ?></h2>
	<table id='list-navigation-options' class='form-table upcp-options-table'>
	<div id='list-navigation-options' class="upcp-options-div ">
		<tr>
			<th scope="row"><?php _e("Product Click Action", 'UPCP')?> <br/>
			</th>
			<td>
				<fieldset><legend class="screen-reader-text"><span><?php _e("Product Click Action", 'UPCP')?></span></legend>
					<label title='Expand'><input type='radio' name='list_view_click_action' value='Expand' <?php if($List_View_Click_Action == "Expand") {echo "checked='checked'";} ?> /> <span><?php _e("Expand", 'UPCP')?></span></label><br />
					<label title='Product'><input type='radio' name='list_view_click_action' value='Product' <?php if($List_View_Click_Action == "Product") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Product Page", 'UPCP')?></span></label><br />
					<p><?php _e("When a product is clicked in list view, should the listing expand or should the user be sent to the product page?", 'UPCP')?></p>
				</fieldset>
			</td>
		</tr>
	</div>
	</table>
	<div id='list-view-options' class="upcp-options-div upcp-options-flex">
		<div class='upcp-subsection'>
			<div class='upcp-subsection-header'>Image Options</div>
			<div class='upcp-subsection-content'>
	<!-- 		<div class='upcp-option'>
				<div class='upcp-option-label'>Image Hover Fade</div>
				<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='list_view_image_hover_fade' value='<?php echo $List_View_Image_Hover_Fade; ?>' /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Image Mouseover Zoom</div>
				<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='list_view_mouseover_zoom' value='<?php echo $List_View_Mouseover_Zoom; ?>' /></div>
			</div> -->
			<div class='upcp-option'>
				<div class='upcp-option-label'>Image Height</div>
				<div class='upcp-option-input'><input type='text' name='list_view_image_height' value='<?php echo $List_View_Image_Height; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Image Width</div>
				<div class='upcp-option-input'><input type='text' name='list_view_image_width' value='<?php echo $List_View_Image_Width; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Image Holder Height</div>
				<div class='upcp-option-input'><input type='text' name='list_view_image_holder_height' value='<?php echo $List_View_Image_Holder_Height; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
		<!-- 	<div class='upcp-option'>
				<div class='upcp-option-label'>Image Border</div>
				<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='list_view_image_border' value='<?php echo $List_View_Image_Border; ?>' /></div>
			</div> -->
			<div class='upcp-option'>
				<div class='upcp-option-label'>Image Border Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='list_view_image_border_color' value='<?php echo $List_View_Image_Border_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
		</div>
	</div>

		<div class='upcp-subsection'>
			<div class='upcp-subsection-header'>Box Options</div>
			<div class='upcp-subsection-content'>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Box Padding</div>
				<div class='upcp-option-input'><input type='text' name='list_view_item_padding' value='<?php echo $List_View_Item_Padding; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Box Left-Margin</div>
				<div class='upcp-option-input'><input type='text' name='list_view_item_margin_left' value='<?php echo $List_View_Item_Margin_Left; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Box Top-Margin</div>
				<div class='upcp-option-input'><input type='text' name='list_view_item_margin_top' value='<?php echo $List_View_Item_Margin_Top; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
<!-- 			<div class='upcp-option'>
				<div class='upcp-option-label'>Box Border</div>
				<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='list_view_box_border' value='<?php echo $List_View_Box_Border; ?>' /></div>
			</div> -->
			<div class='upcp-option'>
				<div class='upcp-option-label'>Border Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='list_view_item_color' value='<?php echo $List_View_Item_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
		</div>
	</div>

		<div class='upcp-subsection'>
			<div class='upcp-subsection-header'>Item Options</div>
			<div class='upcp-subsection-content'>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Title Font Size</div>
				<div class='upcp-option-input'><input type='text' name='list_view_title_font_size' value='<?php echo $List_View_Title_Font_Size; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Title Color</div>
				<div class='upcp-option-input'><input type='text'  class='ewd-upcp-spectrum' name='list_view_title_color' value='<?php echo $List_View_Title_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
<!-- 			<div class='upcp-option'>
				<div class='upcp-option-label'>Title Font</div>
				<div class='upcp-option-input'><input type='text' name='list_view_title_font' value='<?php echo $List_View_Title_Font; ?>' /></div>
			</div> -->
			<div class='upcp-option'>
			<div class='upcp-option-label'>Price Font Size</div>
				<div class='upcp-option-input'><input type='text' name='list_view_price_font_size' value='<?php echo $List_View_Price_Font_Size; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
			<div class='upcp-option'>
				<div class='upcp-option-label'>Price Color</div>
				<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='list_view_price_color' value='<?php echo $List_View_Price_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
			</div>
		</div>
		</div>

		<!-- <div class='upcp-subsection'>
			<div class='upcp-subsection-header'>Other Options</div>
				<div class='upcp-subsection-content'>
				<div class='upcp-option'>
					<div class='upcp-option-label'>Zoom on Image Hover</div>
					<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='list_view_zoom_on_image_hover' value='<?php echo $List_View_Zoom_On_Image_Hover; ?>' /></div>
				</div>
				<div class='upcp-option'>
					<div class='upcp-option-label'>Background Color</div>
					<div class='upcp-option-input'><input type='text' name='list_view_background_color' value='<?php echo $List_View_Background_Color; ?>' /></div>
				</div>
				<div class='upcp-option'>
					<div class='upcp-option-label'>Separator Line</div>
					<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='list_view_separator_line' value='<?php echo $List_View_Separator_Line; ?>' /></div>
				</div>
				<div class='upcp-option'>
					<div class='upcp-option-label'>Details Arrow</div>
					<div class='upcp-option-input'>
						<input type='radio' name='list_view_details_arrow' value='Sleek' <?php if ($List_View_Details_Arrow == "Sleek") {echo "checked";} ?>/>
						<input type='radio' name='list_view_details_arrow' value='Original' <?php if ($List_View_Details_Arrow == "Original") {echo "checked";} ?>/>
						<input type='radio' name='list_view_details_arrow' value='Custom' <?php if ($List_View_Details_Arrow == "Custom") {echo "checked";} ?>/>
						<input type='text' name='list_view_custom_details_arrow' value='<?php echo $List_View_Custom_Details_Arrow; ?>' />
					</div>
				</div>
			</div>
		</div> -->
	</div>
</div>


<div id='Detail' class='upcp-styling-set upcp-hidden'>

<h2 id="detail-view-styling" class="upcp-options-tab-title">Detail View Styling <?php if ($Full_Version != "Yes") {echo "(Premium)";} ?></h2>
<div id='detail-view-options' class="upcp-options-div upcp-options-flex">
		<div class='upcp-subsection'>
		<div class='upcp-subsection-header'>Image Options</div>
			<div class='upcp-subsection-content'>
		<!-- <div class='upcp-option'>
			<div class='upcp-option-label'>Image Hover Fade</div>
			<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='detail_view_image_hover_fade' value='<?php echo $Detail_View_Image_Hover_Fade; ?>' /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Image Mouseover Zoom</div>
			<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='detail_view_mouseover_zoom' value='<?php echo $Detail_View_Mouseover_Zoom; ?>' /></div>
		</div>  -->
		<div class='upcp-option'>
			<div class='upcp-option-label'>Image Height</div>
			<div class='upcp-option-input'><input type='text' name='detail_view_image_height' value='<?php echo $Detail_View_Image_Height; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Image Width</div>
			<div class='upcp-option-input'><input type='text' name='detail_view_image_width' value='<?php echo $Detail_View_Image_Width; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Image Holder Height</div>
			<div class='upcp-option-input'><input type='text' name='detail_view_image_holder_height' value='<?php echo $Detail_View_Image_Holder_Height; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Image Holder Width</div>
			<div class='upcp-option-input'><input type='text' name='detail_view_image_holder_width' value='<?php echo $Detail_View_Image_Holder_Width; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
<!-- 		<div class='upcp-option'>
			<div class='upcp-option-label'>Image Border</div>
			<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='detail_view_image_border' value='<?php echo $Detail_View_Image_Border; ?>' /></div>
		</div> -->
		<div class='upcp-option'>
			<div class='upcp-option-label'>Image Border Color</div>
			<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='detail_view_image_border_color' value='<?php echo $Detail_View_Image_Border_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
	</div>
	</div>

		<div class='upcp-subsection'>
			<div class='upcp-subsection-header'>Box Options</div>
			<div class='upcp-subsection-content'>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Box Padding</div>
			<div class='upcp-option-input'><input type='text' name='detail_view_box_padding' value='<?php echo $Detail_View_Box_Padding; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Box Margin</div>
			<div class='upcp-option-input'><input type='text' name='detail_view_box_margin' value='<?php echo $Detail_View_Box_Margin; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
	<!-- 	<div class='upcp-option'>
			<div class='upcp-option-label'>Box Border</div>
			<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='detail_view_box_border' value='<?php echo $Detail_View_Box_Border; ?>' /></div>
		</div> -->
		<div class='upcp-option'>
			<div class='upcp-option-label'>Border Color</div>
			<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='detail_view_border_color' value='<?php echo $Detail_View_Border_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Background Color</div>
			<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='detail_view_background_color' value='<?php echo $Detail_View_Background_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
	</div>
	</div>

		<div class='upcp-subsection'>
			<div class='upcp-subsection-header'>Item Options</div>
			<div class='upcp-subsection-content'>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Title Font Size</div>
			<div class='upcp-option-input'><input type='text' name='detail_view_title_font_size' value='<?php echo $Detail_View_Title_Font_Size; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Title Color</div>
			<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='detail_view_title_color' value='<?php echo $Detail_View_Title_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
	<!-- 	<div class='upcp-option'>
			<div class='upcp-option-label'>Title Font</div>
			<div class='upcp-option-input'><input type='text' name='detail_view_title_font' value='<?php echo $Detail_View_Title_Font; ?>' /></div>
		</div> -->
		<div class='upcp-option'>
			<div class='upcp-option-label'>Price Font Size</div>
			<div class='upcp-option-input'><input type='text' name='detail_view_price_font_size' value='<?php echo $Detail_View_Price_Font_Size; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Price Font Color</div>
			<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='detail_view_price_color' value='<?php echo $Detail_View_Price_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
	</div>
	</div>

		<!-- <div class='upcp-subsection'>
			<div class='upcp-subsection-header'>Other Options</div>
			<div class='upcp-subsection-content'>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Zoom on Image Hover</div>
			<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='detail_view_zoom_on_image_hover' value='<?php echo $Detail_View_Zoom_On_Image_Hover; ?>' /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Background Color</div>
			<div class='upcp-option-input'><input type='text' name='detail_view_background_color' value='<?php echo $Detail_View_Background_Color; ?>' /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Separator Line</div>
			<div class='upcp-option-input upcp-option-checkbox'><input type='checkbox' name='detail_view_separator_line' value='<?php echo $Detail_View_Separator_Line; ?>' /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Details Arrow</div>
			<div class='upcp-option-input'>
				<input type='radio' name='detail_view_details_arrow' value='Sleek' <?php if ($Detail_View_Details_Arrow == "Sleek") {echo "checked";} ?>/>
				<input type='radio' name='detail_view_details_arrow' value='Original' <?php if ($Detail_View_Details_Arrow == "Original") {echo "checked";} ?>/>
				<input type='radio' name='detail_view_details_arrow' value='Custom' <?php if ($Detail_View_Details_Arrow == "Custom") {echo "checked";} ?>/>
				<input type='text' name='detail_view_custom_details_arrow' value='<?php echo $Detail_View_Custom_Details_Arrow; ?>' />
			</div>
		</div>
		</div>
	</div> -->
</div>
</div>


<div id='Sidebar' class='upcp-styling-set upcp-hidden'>
<h2 id="sidebar-view-styling" class="upcp-options-tab-title">Sidebar Styling <?php if ($Full_Version != "Yes") {echo "(Premium)";} ?></h2>
<div id='sidebar-options' class="upcp-options-div upcp-options-flex">
	<div class='upcp-subsection upcp-subsection-full'>
		<div class='upcp-subsection-content'>
		<div class='upcp-subsection-half'>
			<table id='sidebar-styling-options' class="form-table upcp-options-table">
			<tr>
			<th scope="row"><?php _e("Show/Hide Custom Fields", 'UPCP')?> <br/>
			</th>
			<td>
				<fieldset><legend class="screen-reader-text"><span><?php _e("Should custom fields in the sidebar show or be hidden when the page loads?", 'UPCP')?></span></legend>
				<label title='Show'><input type='radio' name='custom_fields_show_hide' value='Show' <?php if($Custom_Fields_Show_Hide == "Show") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Show", 'UPCP')?></span></label><br />
				<label title='Hide'><input type='radio' name='custom_fields_show_hide' value='Hide' <?php if($Custom_Fields_Show_Hide == "Hide") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Hide", 'UPCP')?></span></label><br />
				<p><?php _e("Should custom fields in the sidebar show or be hidden when the page loads?", 'UPCP')?></p>
				</fieldset>
			</td>
			</tr>
			<tr>
			<th scope="row"><?php _e("Collapsible Sidebar", 'UPCP')?> <br/>
			</th>
			<td>
				<fieldset><legend class="screen-reader-text"><span><?php _e("Should sidebar titles collapse on-click?", 'UPCP')?></span></legend>
				<label title='No'><input type='radio' name='sidebar_title_collapse' value='no' <?php if($Sidebar_Title_Collapse == "no") {echo "checked='checked'";} ?> /> <span><?php _e("No", 'UPCP')?></span></label><br />
				<label title='Yes'><input type='radio' name='sidebar_title_collapse' value='yes' <?php if($Sidebar_Title_Collapse == "yes") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Yes", 'UPCP')?></span></label><br />
				<p><?php _e("Should sidebar titles collapse on-click?", 'UPCP')?></p>
				</fieldset>
			</td>
			</tr>
			<tr>
			<th scope="row"><?php _e("Collapsible SubCategories (Requires Hierarchical)", 'UPCP')?> <br/>
			</th>
			<td>
				<fieldset><legend class="screen-reader-text"><span><?php _e("Should sidebar titles collapse on-click?", 'UPCP')?></span></legend>
				<label title='No'><input type='radio' name='sidebar_subcat_collapse' value='no' <?php if($Sidebar_Subcat_Collapse == "no") {echo "checked='checked'";} ?> /> <span><?php _e("No", 'UPCP')?></span></label><br />
				<label title='Yes'><input type='radio' name='sidebar_subcat_collapse' value='yes' <?php if($Sidebar_Subcat_Collapse == "yes") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Yes", 'UPCP')?></span></label><br />
				<p><?php _e("Should sidebar subcategories collapse under each category?", 'UPCP')?></p>
				</fieldset>
			</td>
			</tr>
			<tr>
			<th scope="row"><?php _e("Sidebar Start Collapsed", 'UPCP')?> <br/>
			</th>
			<td>
				<fieldset><legend class="screen-reader-text"><span><?php _e("Should sidebar titles collapse on-click?", 'UPCP')?></span></legend>
				<label title='No'><input type='radio' name='sidebar_start_collapsed' value='no' <?php if($Sidebar_Start_Collapsed == "no") {echo "checked='checked'";} ?> /> <span><?php _e("No", 'UPCP')?></span></label><br />
				<label title='Yes'><input type='radio' name='sidebar_start_collapsed' value='yes' <?php if($Sidebar_Start_Collapsed == "yes") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Yes", 'UPCP')?></span></label><br />
				<p><?php _e("Should sidebar content start collapsed? (Requires collapsible sidebar to be set to 'Yes')", 'UPCP')?></p>
				</fieldset>
			</td>
			</tr>
			</table>
			</div>
		<div class='upcp-subsection-half'>
			<table id='sidebar-styling-options' class="form-table upcp-options-table">
			<tr>
			<th scope="row"><?php _e("Sidebar Title Hover Effect", 'UPCP')?> <br/>
			</th>
			<td>
				<fieldset><legend class="screen-reader-text"><span><?php _e("Which hover effect should apply on sidebar titles?", 'UPCP')?></span></legend>
				<label title='None'><input type='radio' name='sidebar_title_hover' value='none' <?php if($Sidebar_Title_Hover == "none") {echo "checked='checked'";} ?> /> <span><?php _e("None", 'UPCP')?></span></label><br />
				<label title='Underline'><input type='radio' name='sidebar_title_hover' value='underline' <?php if($Sidebar_Title_Hover == "underline") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Underline", 'UPCP')?></span></label><br />
				<p><?php _e("Which hover effect should apply on sidebar titles?", 'UPCP')?></p>
				</fieldset>
			</td>
			</tr>
			<tr>
			<th scope="row"><?php _e("Sidebar Checkbox Styling", 'UPCP')?> <br/>
			</th>
			<td>
				<fieldset><legend class="screen-reader-text"><span><?php _e("Which style of checkbox should be applied to sidebar items?", 'UPCP')?></span></legend>
				<label title='Default'><input type='radio' name='sidebar_checkbox_style' value='none' <?php if($Sidebar_Checkbox_Style == "none") {echo "checked='checked'";} ?> /> <span><?php _e("Default", 'UPCP')?></span></label><br />
				<label title='Square'><input type='radio' name='sidebar_checkbox_style' value='square' <?php if($Sidebar_Checkbox_Style == "square") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Checkmark", 'UPCP')?></span></label><br />
				<label title='Minimalist'><input type='radio' name='sidebar_checkbox_style' value='minimalist' <?php if($Sidebar_Checkbox_Style == "minimalist") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Minimalist", 'UPCP')?></span></label><br />
				<label title='Block'><input type='radio' name='sidebar_checkbox_style' value='block' <?php if($Sidebar_Checkbox_Style == "block") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Block", 'UPCP')?></span></label><br />
				<p><?php _e("Which style of checkbox should be applied to sidebar items?", 'UPCP')?></p>
				</fieldset>
			</td>
			</tr>
			<tr>
			<th scope="row"><?php _e("Categories Control Type", 'UPCP')?> <br/>
			</th>
			<td>
				<fieldset><legend class="screen-reader-text"><span><?php _e("Categories Control Type", 'UPCP')?></span></legend>
				<label title='Checkbox'><input type='radio' name='categories_control_type' value='Checkbox' <?php if($Categories_Control_Type == "Checkbox") {echo "checked='checked'";} ?> /> <span><?php _e("Checkbox", 'UPCP')?></span></label><br />
				<label title='Radio'><input type='radio' name='categories_control_type' value='Radio' <?php if($Categories_Control_Type == "Radio") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Radio", 'UPCP')?></span></label><br />
				<label title='Dropdown'><input type='radio' name='categories_control_type' value='Dropdown' <?php if($Categories_Control_Type == "Dropdown") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Dropdown", 'UPCP')?></span></label><br />
				<p><?php _e("Which type of control should be used to filter categories?", 'UPCP')?></p>
				</fieldset>
			</td>
			</tr>
			<tr>
			<th scope="row"><?php _e("Sub-Categories Control Type", 'UPCP')?> <br/>
			</th>
			<td>
				<fieldset><legend class="screen-reader-text"><span><?php _e("Sub-Categories Control Type", 'UPCP')?></span></legend>
				<label title='Checkbox'><input type='radio' name='subcategories_control_type' value='Checkbox' <?php if($SubCategories_Control_Type == "Checkbox") {echo "checked='checked'";} ?> /> <span><?php _e("Checkbox", 'UPCP')?></span></label><br />
				<label title='Radio'><input type='radio' name='subcategories_control_type' value='Radio' <?php if($SubCategories_Control_Type == "Radio") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Radio", 'UPCP')?></span></label><br />
				<label title='Dropdown'><input type='radio' name='subcategories_control_type' value='Dropdown' <?php if($SubCategories_Control_Type == "Dropdown") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Dropdown", 'UPCP')?></span></label><br />
				<p><?php _e("Which type of control should be used to filter sub-categories?", 'UPCP')?></p>
				</fieldset>
			</td>
			</tr>
			<tr>
			<th scope="row"><?php _e("Tags Control Type", 'UPCP')?> <br/>
			</th>
			<td>
				<fieldset><legend class="screen-reader-text"><span><?php _e("Tags Control Type", 'UPCP')?></span></legend>
				<label title='Checkbox'><input type='radio' name='tags_control_type' value='Checkbox' <?php if($Tags_Control_Type == "Checkbox") {echo "checked='checked'";} ?> /> <span><?php _e("Checkbox", 'UPCP')?></span></label><br />
				<label title='Radio'><input type='radio' name='tags_control_type' value='Radio' <?php if($Tags_Control_Type == "Radio") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Radio", 'UPCP')?></span></label><br />
				<label title='Dropdown'><input type='radio' name='tags_control_type' value='Dropdown' <?php if($Tags_Control_Type == "Dropdown") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Dropdown", 'UPCP')?></span></label><br />
				<p><?php _e("Which type of control should be used to filter tags?", 'UPCP')?></p>
				</fieldset>
			</td>
			</tr>
		</table>
</div>
</div>
</div>
<div class='upcp-subsection'>
			<div class='upcp-subsection-header'>Sidebar Title</div>
			<div class='upcp-subsection-content'>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Font</div>
			<div class='upcp-option-input'><input type='text' name='sidebar_header_font' value='<?php echo $Sidebar_Header_Font; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Font Size</div>
			<div class='upcp-option-input'><input type='text' name='sidebar_header_font_size' value='<?php echo $Sidebar_Header_Font_Size; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Font Weight</div>
			<div class='upcp-option-input'><input type='text' name='sidebar_header_font_weight' value='<?php echo $Sidebar_Header_Font_Weight; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Color</div>
			<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='sidebar_header_color' value='<?php echo $Sidebar_Header_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
	</div>
	</div>
<div class='upcp-subsection'>
			<div class='upcp-subsection-header'>Sidebar Subtitle</div>
			<div class='upcp-subsection-content'>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Font</div>
			<div class='upcp-option-input'><input type='text' name='sidebar_subheader_font' value='<?php echo $Sidebar_Subheader_Font; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Font Size</div>
			<div class='upcp-option-input'><input type='text' name='sidebar_subheader_font_size' value='<?php echo $Sidebar_Subheader_Font_Size; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Font Weight</div>
			<div class='upcp-option-input'><input type='text' name='sidebar_subheader_font_weight' value='<?php echo $Sidebar_Subheader_Font_Weight; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Color</div>
			<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='sidebar_subheader_color' value='<?php echo $Sidebar_Subheader_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
	</div>
	</div>
<div class='upcp-subsection'>
			<div class='upcp-subsection-header'>Checkbox Options</div>
			<div class='upcp-subsection-content'>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Font</div>
			<div class='upcp-option-input'><input type='text' name='sidebar_checkbox_font' value='<?php echo $Sidebar_Checkbox_Font; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Font Size</div>
			<div class='upcp-option-input'><input type='text' name='sidebar_checkbox_font_size' value='<?php echo $Sidebar_Checkbox_Font_Size; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Font Weight</div>
			<div class='upcp-option-input'><input type='text' name='sidebar_checkbox_font_weight' value='<?php echo $Sidebar_Checkbox_Font_Weight; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
		<div class='upcp-option'>
			<div class='upcp-option-label'>Color</div>
			<div class='upcp-option-input'><input type='text' class='ewd-upcp-spectrum' name='sidebar_checkbox_color' value='<?php echo $Sidebar_Checkbox_Color; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> /></div>
		</div>
	</div>
	</div>

</div>
</div>


<div id='Pagination' class='upcp-styling-set upcp-hidden'>
<h2 id="pagination-view-styling" class="upcp-options-tab-title">Pagination Styling <?php if ($Full_Version != "Yes") {echo "(Premium)";} ?></h2>
<div id='pagination-options' class="upcp-options-div upcp-options-flex">
	<div class='upcp-subsection'>
		<div class='upcp-subsection-content upcp-subsection-full'>
			<table id='pagination-styling-options' class="form-table upcp-options-table">
	<tr>
	<th scope="row"><?php _e("Pagination Border", 'UPCP')?> <br/>
	</th>
	<td>
		<fieldset><legend class="screen-reader-text"><span><?php _e("Selects a border for pagination links.", 'UPCP')?></span></legend>
		<label title='Default'><input type='radio' name='pagination_border' value='none' <?php if($Pagination_Border == "none") {echo "checked='checked'";} ?> /> <span><?php _e("Default", 'UPCP')?></span></label><br />
		<label title='Black'><input type='radio' name='pagination_border' value='black' <?php if($Pagination_Border == "black") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Black", 'UPCP')?></span></label><br />
		<label title='Blue'><input type='radio' name='pagination_border' value='blue' <?php if($Pagination_Border == "blue") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Blue", 'UPCP')?></span></label><br />
		<label title='Grey'><input type='radio' name='pagination_border' value='grey' <?php if($Pagination_Border == "grey") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Grey", 'UPCP')?></span></label><br />
		<p><?php _e("Selects a border for pagination links.", 'UPCP')?></p>
		</fieldset>
	</td>
	</tr>
	<tr>
	<th scope="row"><?php _e("Pagination Shadow", 'UPCP')?> <br/>
	</th>
	<td>
		<fieldset><legend class="screen-reader-text"><span><?php _e("Should a shadow be added to pagination links?", 'UPCP')?></span></legend>
		<label title='No'><input type='radio' name='pagination_shadow' value='shadow-none' <?php if($Pagination_Shadow == "shadow-none") {echo "checked='checked'";} ?> /> <span><?php _e("No", 'UPCP')?></span></label><br />
		<label title='Yes'><input type='radio' name='pagination_shadow' value='shadow' <?php if($Pagination_Shadow == "shadow") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Yes", 'UPCP')?></span></label><br />
		<p><?php _e("Should a shadow be added to pagination links?", 'UPCP')?></p>
		</fieldset>
	</td>
	</tr>
	<tr>
	<th scope="row"><?php _e("Pagination Gradient", 'UPCP')?> <br/>
	</th>
	<td>
		<fieldset><legend class="screen-reader-text"><span><?php _e("Should a gradient be added to pagination links (on hover)?", 'UPCP')?></span></legend>
		<label title='No'><input type='radio' name='pagination_gradient' value='gradient-none' <?php if($Pagination_Gradient == "gradient-none") {echo "checked='checked'";} ?> /> <span><?php _e("No", 'UPCP')?></span></label><br />
		<label title='Yes'><input type='radio' name='pagination_gradient' value='gradient' <?php if($Pagination_Gradient == "gradient") {echo "checked='checked'";} ?> <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/> <span><?php _e("Yes", 'UPCP')?></span></label><br />
		<p><?php _e("Should a gradient be added to pagination links (on hover)?", 'UPCP')?></p>
		</fieldset>
	</td>
	</tr>
	<tr>
	<th scope="row"><?php _e("Pagination Font", 'UPCP')?> <br/>
	</th>
	<td>
		<fieldset><label for='pagination_font'><?php _e("Pagination Color", 'UPCP')?></label>
		<input type='text' name='pagination_font' value='<?php echo $Pagination_Font; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?> />
		<p><?php _e("Selects a font color for pagination links.", 'UPCP')?></p>
		</fieldset>
	</td>
	</tr>
</table>
</div>
</div>
</div>
</div>

<div id='Default-PP' class='upcp-styling-set upcp-hidden'>
<h2 id="default-pp-styling" class="upcp-options-tab-title">Default Product Page Styling <?php if ($Full_Version != "Yes") {echo "(Premium)";} ?></h2>
<div id='default-product-page-options' class="upcp-options-div upcp-options-flex">
	<div class='upcp-subsection'>
		<div class='upcp-subsection-content upcp-subsection-full'>
			<!-- <table id='default-product-styling-options' class="form-table upcp-options-table">	</tr>
Default Styling Options
</table> -->
</div>
</div>
</div>
</div>


<div id='Custom-PP' class='upcp-styling-set upcp-hidden'>
<h2 id="custom-pp-styling" class="upcp-options-tab-title">Custom Product Page Styling <?php if ($Full_Version != "Yes") {echo "(Premium)";} ?></h2>
<div id='custom-product-page-options' class="upcp-options-div upcp-options-flex">
	<div class='upcp-subsection'>
		<div class='upcp-subsection-content upcp-subsection-full'>
			<table id='custom-product-styling-options' class="form-table upcp-options-table">		<tr>
	<th scope="row"><?php _e("Product Page Grid Width", 'UPCP')?> <br/>
	</th>
	<td>
		<fieldset><legend class="screen-reader-text"><span><?php _e("How wide should each product grid be? (in pixels)", 'UPCP')?></span></legend>
		<input type='text' name='pp_grid_width' value='<?php echo $PP_Grid_Width; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/>
		<p><?php _e("How wide should the grid elements used to build custom product pages be? (in pixels)", 'UPCP')?></p>
		</fieldset>
	</td>
	</tr>
	<tr>
	<th scope="row"><?php _e("Product Page Grid Height", 'UPCP')?> <br/>
	</th>
	<td>
		<fieldset><legend class="screen-reader-text"><span><?php _e("How tall should each product grid be? (in pixels)", 'UPCP')?></span></legend>
		<input type='text' name='pp_grid_height' value='<?php echo $PP_Grid_Height; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/>
		<p><?php _e("How tall should the grid elements used to build custom product pages be? (in pixels)", 'UPCP')?></p>
		</fieldset>
	</td>
	</tr>
	<tr>
	<th scope="row"><?php _e("Top and Bottom Padding", 'UPCP')?> <br/>
	</th>
	<td>
		<fieldset><legend class="screen-reader-text"><span><?php _e("How much padding should be above and below each grid? (in pixels)", 'UPCP')?></span></legend>
		<input type='text' name='pp_top_bottom_padding' value='<?php echo $Top_Bottom_Padding; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/>
		<p><?php _e("How much padding should be above and below each grid element used to build custom product? (in pixels)", 'UPCP')?></p>
		</fieldset>
	</td>
	</tr>
	<tr>
	<th scope="row"><?php _e("Right and Left Padding", 'UPCP')?> <br/>
	</th>
	<td>
		<fieldset><legend class="screen-reader-text"><span><?php _e("How much padding should be to the right and left of each grid? (in pixels)", 'UPCP')?></span></legend>
		<input type='text' name='pp_left_right_padding' value='<?php echo $Left_Right_Padding; ?>' <?php if ($Full_Version != "Yes") {echo "disabled";} ?>/>
		<p><?php _e("How much padding should be to the right and left each grid element used to build custom product? (in pixels)", 'UPCP')?></p>
		</fieldset>
	</td>
	</tr>
</table>
</div>
</div>
</div>
</div>

<div id='Tabbed-PP' class='upcp-styling-set upcp-hidden'>
<h2 id="tabbed-pp-styling" class="upcp-options-tab-title">Tabbed Product Page Styling <?php if ($Full_Version != "Yes") {echo "(Premium)";} ?></h2>
<div id='tabbed-product-page-options' class="upcp-options-div upcp-options-flex ">
	<div class='upcp-subsection'>
		<div class='upcp-subsection-content upcp-subsection-full'>
<!-- Tabbed Styling Options -->
	</div>
</div>

</div>
</div>

<div class="upcp-styling-submit upcp-styling-defaults upcp-styling-buttons">
<p class="submit"><input type="submit" name="Options_Submit" id="submit" class="button button-primary" value='<?php _e("Save Changes", "UPCP")?>'/></p></form>
</div>
<div class='clear'></div>

</div>
</div>
