﻿/*********************************************************
/*********************************************************
/* COMMERCE STYLE
   These styles support the framework Commerce module.      */

	#StoreView						{}
	#StoreView #CategoryNav			{float:left; margin-right:10px; width:125px;}
	#StoreView #CategoryNav a		{text-decoration:none;}
	#StoreView #ProductList			{border-left:solid 2px #CAD706; margin-left:127px; padding-left:10px;}

	#Breadcrumbs					{font-size:86%; margin-bottom:10px;}
	#Breadcrumbs .Last				{font-weight:bold;}

	.Product						{border:solid 1px White; float:left; font-size:86%; height:180px; margin:0px 5px 10px 0; padding:2px; text-align:center; width:140px;}
	.Product .Image					{background-color:White; margin-top:1px; padding:0 0 0 0;}
	.Product .Name					{background-color:#F6F6FD; font-weight:bold; padding:2px 0;}
	.Product .Name a				{color:Black; text-decoration:none;}
	.Product .Links					{background-color:#F6F6FD; margin-top:2px; padding:2px;}
	.Product .Price					{}
	.Product .Link					{}

	.ProductView					{}
	.ProductView .Description		{margin-bottom:.5em;}
	.ProductView .Price				{font-weight:bold; margin:.5em 0;}

	.ImageViewer					{}
	.ImageViewer .Image				{border:solid 2px #CAD706; overflow:hidden; text-align:center;}
	.ImageViewer .Image img			{margin:auto 0; padding:4px; vertical-align:bottom;}
	.ImageViewer .Image .Caption	{background-color:#EEEEEE; border-top:solid 1px #CAD706; padding:5px; text-align:center;}
	.ImageViewer .Nav				{}
	.ImageViewer .Nav a				{border-bottom:solid 2px #CAD706; border-left:solid 2px #CAD706; cursor:pointer; display:block; float:left; margin-right:1px; padding:5px 8px; text-decoration:none;}
	.ImageViewer .Nav a:hover		{background-color:#EEEEEE; color:Black; text-decoration:none;}
	.ImageViewer .Nav a.Active		{background-color:#EEEEEE; color:Black; cursor:default;}
	 
	.OptionsView					{margin-top:10px;}
	.OptionsView h3					{margin-top:0;}
	.OptionsView .IconLink img		{vertical-align:text-bottom;}
	
	.OrderHeader				{font-size:93%;}
	.OrderHeader h1				{margin:0 0 8px 0;}
	.OrderHeader .OrderInfo		{padding-top:28px;}
	
	.AddedCartItem					{}
	.AddedCartItem .Image			{border:solid 3px #E6E6E6; float:left; margin-right:5px;}
	.AddedCartItem .Image img		{border:solid 3px White; display:block;}
	.AddedCartItem .Name			{font-size:100%; font-weight:bold; margin-bottom:8px;}
	.AddedCartItem .Options			{ line-height:140%;}
	.AddedCartItem .Links			{margin:10px 0;}	 

	/* Checkout Styles */
	div.Checkout					{margin-top:1em;}
	div.Checkout div.Steps			{}
	div.Checkout div.Fields			{float:left; width:100%;}
	div.Checkout div.FieldsContent	{background-color:White; border:solid 1px #DDDDDD; padding:10px;}
	div.Checkout div.Fields div.SelectionOption	{background-color:#EEEEEE; padding:5px;}
	div.Checkout div.Buttons		{background-color:#DDDDDD; clear:both; width:100%;}
	div.Checkout div.ButtonsContent	{height:20px; padding:5px 8px; text-align:right;}
	div.CartView					{font-size:92%;}
	
	div.CreditCardIcons img			{margin-left:2px; vertical-align:bottom;}
	
	/* Commerce Management */
	.CommerceObject							{}
	.CommerceObject .HeaderBar				{background-color:#EEEEEE; border:solid 1px #666666; border-bottom-width:3px; padding:8px 5px 5px 5px;}
	.CommerceObject .HeaderBar .Customer	{font-size:120%; font-weight:bold;}
	.CommerceObject .HeaderBar .Data		{float:right; font-size:92%; padding-top:3px;}
	.CommerceObject .HeaderBar label		{font-weight:bold;}
	.CommerceObject .AddlHeaderData			{background-color:#666666; color:White; font-size:92%; padding:3px 6px 6px 6px;}
	.CommerceObject .AddlHeaderData a		{color:#EEEEEE; font-weight:bold;}
	.CommerceObject .AddlHeaderData a:hover	{color:White;}
	.CommerceObject .MissingContactInfo		{background-color:Red; color:White; font-size:92%; font-weight:bold; padding:5px 5px 4px 5px;}
	.CommerceObject .ObjectData				{background-color:#E0E8F1; padding:8px 5px 5px 5px;}
	
	/* Options Selector */
	table.OptionsSelectorTable				{border-width:0; padding:0; width:98%;}
	table.OptionsSelectorTable td			{padding:1px;}
	table.OptionsSelectorTable td.Option	{width:80%}
	table.OptionsSelectorTable td.Price		{width:20%}
	
	/* ShippingAddressAndMethodSelector */
	.ShippingAddressAndMethodSelector				{}
	.ShippingAddressAndMethodSelector .Selections	{margin-top:19px;}
	
	/* UPS Labels */
	.UPSLabel,
	.UPSLabelNewPage	{padding:40px 0; text-align:center;}
	.UPSLabelNewPage	{page-break-before:always;}
	
	/* Quick Tasks */
	.SiteMgt #MgtPage .IconNavWidget         {right:60px; top:164px;}