/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: PRODUCT AREA Stylesheet
' Description	: This page contains styles for the PRODUCT AREA sections
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 12/11/2006	: David Ellenwood - Created Page
' 04/24/2009	: DPE - wiped and started over for Dave's Guitar & following sites
' 05/18/2009	: TG - Updates for Bereavement Services
' 06/16/2009	: TG - Updates for Respecting Choices
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#productArea						{float:right; width:680px; margin:-30px 20px 0 0; padding:0;}

#productArea .content				{width:560px; margin:0;}

#productArea .sidebar .summary		{margin:1em 0; padding:.25em; border:1px solid #ccc; background:#eee;}

#productArea .sidebar ul			{list-style:none; margin:0; padding:0; font-size:.9em;}
#productArea .sidebar ul li	span 	{margin:.25em 0; font-weight:bold; cursor:pointer;}
#productArea .sidebar ul ul 		{margin:0 0 1em 0;}
#productArea .sidebar ul ul li		{margin:.5em 0; padding:0;}
#productArea .sidebar ul ul li a	{font-weight:bold; color:#6c4395;}
#productArea .sidebar .l2       	{padding:0 0 0 10px;}
#productArea .sidebar .l3       	{list-style-image:url('/include/site/multimedia/images/listarrow.gif'); padding:0 0 0 12px; margin:0 0 15px 0;}
#productArea .sidebar .l3 a      	{color:#848484; font-weight:normal;}

#productArea h1						{margin:0; padding:0 0 7px 0; background-image:url('/include/site/multimedia/images/fadedline2.gif'); background-repeat:no-repeat; background-position:bottom center;}
#productArea #Home					{padding:0 0 15px 0;}
#productArea #Home h1				{border-bottom:none; padding:0 0 7px 0;}
#productArea #Home p				{line-height:1.8em; font-size:.8em;}

#productArea #Browse .paging		{margin:8px 0 3px 0; padding:0 0 8px 0; text-align:right; color:#686868; background-image:url('/include/site/multimedia/images/fadedline2.gif'); background-repeat:no-repeat; background-position:bottom center;}

.products .box						{clear:both; margin:5px 0; min-height:120px; padding:5px; border-bottom:1px dotted #d4bdbd; position:relative;}
.products .box .title				{font-size:.9em; margin:20px 0 7px 0; padding:0 .25em 0 0; text-align:left;}
.products .box .title a				{color:#663433; text-decoration:none;}
.products .box .img					{width:135px; min-height:100px; height:auto !important; height:100px; text-align:center; float:left; padding:15px 5px;}
.products .box .price				{font-size:.8em; font-weight:normal; margin:.25em 0; padding:0; display:none;}
.products .box .code				{display:none;}

.products .courses					{border-bottom:1px dashed #ccc; font-size:.8em; padding:10px 0; color:#363636;}
.products .courses .row				{clear:both; height:23px;}
.products .courses .row .title		{font-size:1.2em; font-weight:bold; color:#663e8d;}
.products .courses .row .title_big	{font-size:1.2em; font-weight:bold; color:#663e8d; padding-bottom:5px;}

.products .courses .row span		{overflow:hidden;}
.products .courses .row .c1			{width:180px; float:left; display:block; padding:0 0 0 15px;}
.products .courses .row .c2			{width:150px; float:left; display:block;}
.products .courses .row .c3			{width:75px; float:left; display:block;}
.products .courses .row .c4			{width:130px; float:left; display:block;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 		VIEW PRODUCT
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*
.addedItem		{width:auto; margin:1em 0 0 1em; padding:.5em 1em; border:1px solid #ccc; background:#282828;}
.addedItem p	{color:#ccc; margin:.5em 0 0 0;}
.addedItem p a	{color:#fc3;}
*/

#productArea #ViewProduct h1		{border:none;}

.viewProdTabs						{list-style:none; margin:12px 0 0 0; padding:0; font-size:.75em; position:relative; z-index:4; display:none;}
.viewProdTabs li					{display:inline;}
.viewProdTabs li a					{display:inline; border:1px solid #707070; margin:0px 5px 0px 0px; padding:0px 5px;}
.viewProdTabs li a#selectedBtn 		{color:#888; text-decoration:none; border-bottom:1px solid #fff; cursor:default;}

#prodInfo							{display:inline; width:410px; margin:0 0 0 3px;}
.prodInfoTab						{display:none; padding:8px; position:relative;}
.prodInfoTab p						{font-size:.8em;}
.prodInfoTab .attribute				{text-align:right;}
.prodInfoTab .attribute select		{width:130px;}

.prodInfoTab h3.attributeTitle				{margin:.5em 0 0 0; clear:both; font-size:1em;}
.prodInfoTab h3.attributeTitle span.label	{font-weight:normal; line-height:2;}
.prodInfoTab h3.attributeTitle span.value	{}

.prodInfoTab ul.attributeList		{margin:0; padding:0; list-style:none; display:inline-block;}
.prodInfoTab ul.attributeList li	{float:left; display:block; text-align:center; white-space:nowrap;}

/* ----------- Image Specific -------------- */

#prodImages {float:right; display:inline; position:relative; width:230px; margin:0 0 15px 15px; position:relative; z-index:1; min-height:200px;}
#prodImages div.prodImageTab {padding:8px; display:none;}
#prodImages div.prodImageTab ul#imageThumbs {list-style:none; margin:0; padding:0; float:right;}

#prodImages div.prodImageTab ul#imageThumbs li				{padding:2px 0;}
#prodImages div.prodImageTab ul#imageThumbs li a 			{}
#prodImages div.prodImageTab ul#imageThumbs li a img		{}
#prodImages div.prodImageTab ul#imageThumbs li a:hover img	{}

#prodImages div.prodImageTab div#displayImg {float:left; display:inline; text-align:center; position:relative;}
#prodImages div.prodImageTab div#displayImg a img			{}
#prodImages div.prodImageTab div#displayImg a:hover img		{}
#prodImages div.prodImageTab div#displayImg p				{margin-top:.5em; font-size:.8em; color:#663433;}
#prodImages div.prodImageTab div#displayImg p img			{border:none; margin-bottom:-12px;}

#prodImages div.prodImageTab div#displayImg .jqzoom		{position:relative; padding:0; cursor:pointer; background:transparent url('/site/img/loadingBk.gif') center center no-repeat;}
#prodImages div.prodImageTab div#displayImg div.zoomdiv	{
	position:absolute;
	top:0px!important;
	left:-340px!important;
	width:300px;
	height:250px;
	background:#fff url('/include/site/multimedia/images/loadingBk.gif') center center no-repeat; 
	border:1px solid #846b9f;
	display:none;
	text-align:center;
	overflow:hidden;
	z-index:100;
}
#prodImages div.prodImageTab div#displayImg div.jqZoomPup {
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:50px !important;
	height:50px !important;
	border:1px solid #c9bed6;
	background:#fff;
	z-index:10;
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(Opacity=50);
}

/* ----------- 3D View Specific --------------- */
/* NOT USED FOR DAVVE'S...
#prodImages div#view3D					{position:absolute; z-index:99; width:540px; padding:8px 6px;}
#prodImages div#view3D h5.closeView		{position:absolute; bottom:15px; right:18px;}
#prodImages div#view3D h5.closeView a	{text-decoration:none;}
#prodImages div#view3D h5.closeView img	{margin-bottom:-1px; margin-right:3px;}
*/
/* ----------- Color Specific --------------- */
/* NOT USED FOR DAVVE'S...
#prodInfo div.prodInfoTab ul#colorList li a					{float:left; display:block; font-size:.9em; font-weight:bold; margin:2px; _margin:2px 1px; text-decoration:none; border:1px solid #ccc;}
#prodInfo div.prodInfoTab ul#colorList li a span			{display:block; min-width:10px; _width:10px; height:12px; padding:2px 4px; border:1px solid #fff; cursor:pointer;}
#prodInfo div.prodInfoTab ul#colorList li a:hover			{border:1px solid #fc3;}
#prodInfo div.prodInfoTab ul#colorList li a.selected		{margin:1px;  border:2px solid #fc3;}
#prodInfo div.prodInfoTab ul#colorList li a.selected:hover	{margin:1px;  color:#fc3; border:2px solid #fc3;}
*/
/* ----------- Size Specific --------------- */
/* NOT USED FOR DAVVE'S...
#prodInfo div.prodInfoTab ul#sizeList {margin:0; padding:0;}
#prodInfo div.prodInfoTab ul#sizeList li {height:24px;}
#prodInfo div.prodInfoTab ul#sizeList li a {float:left; display:block; font-size:.9em; font-weight:bold; min-width:12px; _width:12px; height:14px; margin:2px; _margin:2px 1px; padding:2px 4px; text-decoration:none; border:1px solid #ccc;}
#prodInfo div.prodInfoTab ul#sizeList li a:hover {color:#fc3; background:#181818; border:1px solid #fc3;}
#prodInfo div.prodInfoTab ul#sizeList li a.selected {margin:1px; color:#fc3; height:14px; border:2px solid #fc3; background:#181818;}
#prodInfo div.prodInfoTab ul#sizeList li a.selected:hover {margin:1px; color:#fc3; border:2px solid #fc3;}
#prodInfo div.prodInfoTab h5#prodCode {clear:both; text-align:right; margin:1em 0 0 0;}
*/
/* -------------- CUSTOMIZE & GIFT WRAP DETAILS -------------- */
/* NOT USED FOR DAVVE'S...
#prodInfo div.prodInfoTab ul {margin:1em 1em 1em 2em; padding:0; font-size:.9em; list-style-type:square;}
#prodInfo div.prodInfoTab ul li {margin:2px 0;}
#prodInfo div.prodInfoTab label {display:block; font-weight:bold; font-size:.9em; margin:.5em 0;}
#prodInfo div.prodInfoTab input#embroideryTextBox {width:230px; height:28px; font-size:24px; font-family:"Franklin Gothic Demi Cond"; padding:2px; margin:.25em 0;}
#prodInfo div.prodInfoTab select#embroideryTextFont {font-size:.9em; width:169px; margin:.25em 0;}

#prodInfo div.prodInfoTab textarea {width:231px; height:50px; margin:.5em 0 0 0;}
#prodInfo div.prodInfoTab div.counter {margin:.25em .5em 0 0; text-align:right; font-weight:normal;}
#prodInfo div.prodInfoTab div.counter span {font-weight:bold;}
#prodInfo div.prodInfoTab h3.submitBtn {margin:1em 0 0 0; text-align:right;}
#prodInfo div.prodInfoTab h3.submitBtn span.cost {font-size:.8em;}
#prodInfo div.prodInfoTab input#embroideryBtn {font-size:.8em;}
#prodInfo div.prodInfoTab input#giftWrapBtn {font-size:.8em;}
*/

#prodInfo div.prodInfoTab select		{margin:.25em 0;}
#prodInfo div.prodInfoTab h5#prodCode	{clear:both; text-align:right; margin:1em 0 0 0;}

/* -------------- SELECTED PRODUCT DETAILS -------------- */

#prodSelected 						{padding:8px; width:634px; margin:0 0 0 20px; min-height:130px; clear:both; background-image:url('/include/site/multimedia/images/prodselectedbg.gif'); background-repeat:no-repeat;}

#prodSelected h3,
#prodSelected h4 					{clear:both; margin:3px 0 0 0;}
#prodSelected h4 					{font-weight:normal;}

#prodSelected .row					{border-bottom:1px solid #dcdcdc; margin:0; padding:5px 70px 5px 0; color:#424242; font-size:.8em; text-align:right;}
#prodSelected .row .title			{padding:2px 20px 0 220px; text-align:right; font-size:1em;}
#prodSelected .row .field			{padding:0 0 0 40px; text-align:right;}

#prodSelected #selectedAttributes	{font-size:.9em; }

#prodSelected span.price			{float:left; padding:2px 0 0 0;}
#prodSelected span.title			{}
#prodSelected span.discontinued		{padding-left:6px; color: #f33;}
#prodSelected span#prodTitle		{width:180px;}

#prodSelected span.remove			{float:right; display:inline; position:relative; text-align:right; width:60px;}
#prodSelected span.remove img		{margin-bottom:-1px; margin-right:3px;}
#prodSelected span.text				{float:right; display:inline; position:relative; width:180px; clear:both; font-size:.8em; padding-left:6px;}

#prodSelected h3#selectedTotal span#totalTitle	{width:25px;}
#prodSelected h3#selectedTotal span#addToCart	{float:right; display:inline; position:relative; width:120px; text-align:right;}

#prodSelected h4.selectedOption 	{display:none;}
#prodSelected p#totalLine			{margin:0 0 0 5px; padding:1px 0 0 0; border-bottom:1px solid #707070; display:none;}
#prodSelected h3 span#totalPrice	{display:none;}
#prodSelected h3 span#totalTitle	{display:none;}