﻿
/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: ACTIVEA | Master Stylesheet
' Description	: This page contains overall styles for
				  the Enterprise/COMMERCE Component
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 08/24/2005	: David Ellenwood - Created Page
' 01/27/2006	: David Ellenwood - Modified for Mt. Borah
' 08/11/2006	: David Ellenwood - Modified for new site MASTER TEMPLATE
' 09/10/2007	: Tony Groves - Updated for Cranberry Connections
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				COMMERCE FULLBROWSER ELEMENTS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#breadcrumbs						{background-image:url('multimedia/commerceTOPBG.gif'); background-position:right; background-repeat: no-repeat; width:558px; height:47px; margin:0 0 8px 0; padding:0 16px;}
#breadcrumbs h3						{margin:0; padding:5px 0 0 0; color:#fff; font-weight:bold;}
#breadcrumbs h4						{margin:0; padding:0; color:#fff; font-weight:normal;}
#breadcrumbs h4 a					{text-decoration:underline; color:#BEB793; margin:0; padding:0;}
#breadcrumbs h4 a:hover				{text-decoration:none; color:#BEB793;}

#items								{float:left; min-height: 250px; _height: 250px; background:#FFFFFF; border:1px solid #8B2B24; width:564px; padding:13px 10px 13px 16px;}
#items .item						{background:#d3ceb6; background-image:url('multimedia/productBG.gif'); float:left; background-repeat:repeat-x; height:112px; width:257px; border:1px solid #a49969; margin:0 9px 9px 0; padding:7px 7px 0 7px;}
#items .fieldNote					{text-align:right;}
#items p							{margin: 0; padding: 0;}
#items .item .img					{float:left; margin:0 5px 0 0; padding:0 0 0 0;}
#items .item .img img				{border:1px solid #8b2c25; margin:0; padding:0;}
#items .item .img h5				{margin:3px 0 0 0; padding:0; text-align:center;}
#items .item .img h5 a				{color:#7a7249; text-decoration:underline;}
#items .item .img h5 a:hover		{color:#7a7249; text-decoration:none;}
#items .item .desc					{float:right; width:145px;}
#items .item  h2					{font-weight:bold; color:#8b2b24; font-size:1em; margin:0; padding:0;}
#items .item .desc p				{font-size:.9em; margin:3px 0 0 0; padding:0; line-height:1.1em;}
#items .item .desc a				{float:right; font-size:.9em; color:#fff; border:1px solid #fff; background:#8b2b24; padding:2px 4px 2px 4px; text-decoration:none; margin:-17px 0 0 0;}
#items .item .desc a:hover			{color:#fff; border:1px solid #fff; background:#a49969; padding:2px 4px 2px 4px; text-decoration:none;}
#items .item .descBottom a			{float:right; font-size:.9em; color:#fff; border:1px solid #fff; background:#8b2b24; padding:2px 4px 2px 4px; text-decoration:none; margin:-17px 0 0 0;}
#items .item .descBottom a:hover	{color:#fff; border:1px solid #fff; background:#a49969; padding:2px 4px 2px 4px; text-decoration:none;}
#items #sort						{margin:0 0 8px 0; padding:0;}

#productView #rightContents			{float: right; width: 240px; text-align:center; padding:0 6px 0 0;}
#productView #rightContents img		{border:1px solid #8b2c25; margin:0; padding:0;}
#productView #leftContents			{float: left; width : 300px;}
#productView #leftContents .label	{font-size:.8em;}

#ads								{float: left; position : relative; margin : 0 0 0 0; padding: 8px 0 0 0;}
#ads .banner1						{margin: 0; padding: 0; float: left;}
#ads .banner2						{margin: 0 0 0 9px; padding: 0; float: left;}

#berryads							{padding:10px 0 0 90px;}
#berryads .text						{padding:8px 0 0 0;}
#berryads h3 a						{margin:1px 0 0 0; padding:0; text-decoration:none;}
#berryads h3 a:hover				{text-decoration:underline;}
#berryads #berryIMG					{margin:0; float:left;}

#cart 								{}
#cart table 						{width: 99%; padding: 0; margin: 0; border-collapse:collapse;}
#cart tbody 						{padding: 0; margin: 0;}
#cart table tr						{padding: 0; margin: 0; vertical-align:middle;}
#cart table td						{padding: 2px; margin: 0; vertical-align:middle;}
#cart table th						{ border-bottom: 1px solid  #D4CFB8;}
#cart table .alignCenter			{text-align:center;}
#cart table .alignCenter2			{text-align:center; margin: 8px 0 0 0; padding: 0;}
#cart table .alignRight				{text-align:right;}
#cart table .alignLeft				{text-align:left;}
#cart .subTotal h2					{border: none;}
#cart tr.subTotal					{border-bottom: 1px #D4CFB8 solid;padding: 0 0 2px 0; margin: 0 0 2px 0;}
#cart table h3						{font-size:1em;}
#cart table h5						{font-size:.8em; color:olive;}
#cart table .color1 td				{background-color: #FFF}
#cart table .color2	td				{background-color: #D4CFB8}

#showShippingMethods 						{}
#showShippingMethods table 					{width: 99%; padding: 0; margin: 0; border-collapse:collapse;}
#showShippingMethods tbody 					{padding: 0; margin: 0;}
#showShippingMethods table tr				{padding: 0; margin: 0; vertical-align:middle;}
#showShippingMethods table td				{padding: 2px; margin: 0; vertical-align:middle;}
#showShippingMethods table th				{ border-bottom: 1px solid  #D4CFB8;}
#showShippingMethods table .alignCenter		{text-align:center;}
#showShippingMethods table .alignCenter2	{text-align:center; margin: 8px 0 0 0; padding: 0;}
#showShippingMethods table .alignRight		{text-align:right;}
#showShippingMethods table .alignLeft		{text-align:left;}
#showShippingMethods table h3				{font-size:1em;}
#showShippingMethods table h5				{font-size:.8em; color:olive; text-align:center;}
#showShippingMethods table h6				{font-size:1em; color:#000; margin: 0 0 0 10px;}
#showShippingMethods table .color1 td		{background-color: #FFF}
#showShippingMethods table .color2	td		{background-color: #D4CFB8}

#showSummary 						{}
#showSummary table 					{width: 99%; padding: 0; margin: 0; border-collapse:collapse;}
#showSummary tbody 					{padding: 0; margin: 0;}
#showSummary table tr				{padding: 0; margin: 0; vertical-align:middle;}
#showSummary table td				{padding: 2px; margin: 0; vertical-align:middle;}
#showSummary table th				{border-bottom: 1px solid  #D4CFB8;}
#showSummary table .alignCenter		{text-align:center;}
#showSummary table .alignCenter2	{text-align:center; margin: 8px 0 0 0; padding: 0;}
#showSummary table .alignRight		{text-align:right;}
#showSummary table .alignLeft		{text-align:left;}
#showSummary table h3				{font-size:1em;}
#showSummary table h5				{font-size:.8em; color:olive; text-align:center;}
#showSummary table h6				{font-size:1em; color:#000; margin: 0 0 0 10px;}
#showSummary table .color1 td		{background-color: #FFF}
#showSummary table .color2	td		{background-color: #D4CFB8}

#showReceipt 						{}
#showReceipt table 					{width: 99%; padding: 0; margin: 0; border-collapse:collapse;}
#showReceipt tbody 					{padding: 0; margin: 0;}
#showReceipt table tr				{padding: 0; margin: 0; vertical-align:middle;}
#showReceipt table td				{padding: 2px; margin: 0; vertical-align:middle;}
#showReceipt table th				{border-bottom: 1px solid  #D4CFB8;}
#showReceipt table .alignCenter		{text-align:center;}
#showReceipt table .alignCenter2	{text-align:center; margin: 8px 0 0 0; padding: 0;}
#showReceipt table .alignRight		{text-align:right;}
#showReceipt table .alignLeft		{text-align:left;}
#showReceipt table h3				{font-size:1em;}
#showReceipt table h5				{font-size:.8em; color:olive; text-align:center;}
#showReceipt table h6				{font-size:1em; color:#000; margin: 0 0 0 10px;}
#showReceipt table .color1 td		{background-color: #FFF}
#showReceipt table .color2	td		{background-color: #D4CFB8}