/* CSS for the merchant common page */

/*
	Last Modified: 		Sep 19, 2008
	History:			- added 'leftPanelMoreMerchantShowcases' class for new more
						merchant showcases field [ft]
						- added  'leftPanelMerchantShowcase' class to accomodate new
						merchant showcase field [dp]
						- added "data feed" section [dp]
						Aug 21, 2008
						- modified productCategoriesBox and removed productCategores to
						incorporate new Product Categories banner [dp]
*/

/**** LINKING - ALL ANCHOR TAGS ****/
.col a	{color : #1a1a1a;}
.col a:visited	{color : #1a1a1a;}
.col a:hover	{color : #0081c6}

/* Tabs */
#merchantTab1 div a	{color : #0081c6; text-decoration : none}
#merchantTab1 div a:visited	{color : #0081c6; text-decoration : none}
#merchantTab1 div a:hover	{color : #1a1a1a; text-decoration : none}

#merchantTab1B div a	{color : #fff; text-decoration : none}
#merchantTab1Bdiv a:visited	{color : #fff; text-decoration : none}
#merchantTab1B div a:hover	{color : #1a1a1a; text-decoration : none}

#merchantTab2 div a	{color : #0081c6; text-decoration : none}
#merchantTab2 div a:visited	{color : #0081c6; text-decoration : none}
#merchantTab2 div a:hover	{color : #1a1a1a; text-decoration : none}

#merchantTab2B div a	{color : #fff; text-decoration : none}
#merchantTab2Bdiv a:visited	{color : #fff; text-decoration : none}
#merchantTab2B div a:hover	{color : #1a1a1a; text-decoration : none}
/**** END OF LINKING ****/

/** Upper right corner **/
#merchantHeader	{
	float : left;
	font-size : 22px;
	font-family : Arial, Helvetica, sans-serif;
	width : 400px; height : 103px;
	color : #0081c6;
	border : 0px solid #000;
	text-align : right;
}
	#merchantHeader div	{
		position : relative;
		left : 100px; top : 50px;
		border : 0px solid #000;
	}

#largeMerchantLogo	{
	border : 0px solid #000;
	width : 235px;
	margin : 0; padding : 30px 0 40px 0;
	text-align : center;
}

/** These all refer to the boxes in the left panel - LEFT PANEL **/
.leftPanelMerchantShowcase	{
	border : 0px solid #000;
	width : 213px;
	background : url(../images/ofs_merchant/common/bg_merchant_showcase.png) no-repeat;
	margin : 0 0 20px 0;
}
	.leftPanelMerchantShowcase ul	{
		padding : 55px 0 5px 32px; margin : 0;
		border : 0px solid #000;
		list-style-type : disc;
		font-size : 10px;
		width : 170px;
		line-height : 16px;
	}
		.leftPanelMerchantShowcase ul li	{
			padding : 0;
		}

.leftPanelMoreMerchantShowcases	{
	border : 0px solid #000;
	width : 213px;
	background : url(../images/ofs_merchant/common/bg_more_merchant_showcases.jpg) no-repeat;
	margin : 0 0 20px 0;
}
	.leftPanelMoreMerchantShowcases ul	{
		padding : 55px 0 5px 32px; margin : 0;
		border : 0px solid #000;
		list-style-type : disc;
		font-size : 10px;
		width : 170px;
		line-height : 16px;
	}
		.leftPanelMoreMerchantShowcases ul li	{
			padding : 0;
		}

/* Department campaign styles */
.leftPanelDepartmentCampaigns	{
	border : 0px solid #000;
	width : 213px;
	background : url(../images/ofs_merchant/common/bg_departments.jpg) no-repeat;
	margin : 0 0 20px 0;
}

	.leftPanelDepartmentCampaigns ul	{
		padding : 55px 0 5px 32px; margin : 0;
		border : 0px solid #000;
		list-style-type : disc;
		font-size : 10px;
		width : 170px;
		line-height : 16px;
	}
		.leftPanelDepartmentCampaigns ul li	{
			padding : 0;
		}

.leftPanelAnchors	{
	border : 0px solid #000;
	width : 213px; height : 44px;
	background : url(../images/ofs_merchant/common/bg_anchors.png) no-repeat;
}
	.leftPanelHeadings	{
		color : #0081c6;
		font-size : 12px;
		font-weight : bold;
		padding : 10px 0 0 15px;
		float : left;
	}

	.leftPanelHeadingsGo	{
		padding : 10px 10px 0 0;
		float : right;
	}

/** Product Categories - LEFT PANEL **/
#productCategoriesBox	{
	border : 0px solid #000;
	width : 213px;
	background : url(/images/ofs_merchant/common/bg_product_categories.png) no-repeat;
	margin : 0 0 20px 0;
}
	ul#products	{
		padding : 55px 0 5px 32px; margin : 0;
		border : 0px solid #000;
		list-style-type : disc;
		font-size : 10px;
		width : 170px;
		line-height : 16px;
	}
		ul#products li	{
			padding : 0;
		}
/** END OF LEFT PANEL **/

/** These all refer to the boxes in the right panel - RIGHT PANEL **/

/* Must remain static - height specified */
.headerSmallest	{
	height : 20px;
	color : #fff;
	background : url(../images/ofs_merchant/common/header_smallest.png) no-repeat;
	font-weight : bold;
	font-size : 11px;
	border : 0px solid #000;
}
	.headerSmallest div	{
		padding : 3px 0 0 15px;
	}

#clickForCoupons	{
	border : 0px solid #000;
	width : 182px; height : 92px;
	background : url(/images/ofs_merchant/common/bg_click_for_coupons.png) no-repeat;
	padding : 10px 0 0 0; margin : 0;

}
	#clickForCoupons #cfcHeading	{
		font-size : 18px;
		font-family : Arial, Helvetica, sans-serif;
		color : #0081c6;
		padding : 0 0 0 15px; margin : 0;
	}
	#clickForCoupons #cfcView	{
		padding : 2px 0 0 15px; margin : 0;
		font-size : 10px;
	}
	#clickForCoupons #cfcSaveNow	{
		padding : 6px 0 0 15px; margin : 0;
	}
	#clickForCoupons #cfcConfused	{
		padding : 5px 0 0 15px; margin : 0;
		font-size : 10px;
	}

/* Readjust spacing between banner and click for coupon */
#right #smallBannerRight	{
	padding : 0 0 7px 0;
}

/*	Featured coupons */
#hdRight	{
	float : left;
	border : 0px solid #000;
	width : 120px;
}
#rssIconRight	{
	position : relative;
	border : 0px solid #000;
	width : 29px; height : 16px;
	float : left;
}
	#rssIconRight img	{
		position : absolute;
		left : 29px; bottom : 3px;
	}
#featuredCouponsBox	{
	width : 181px;
	padding : 3px 0 10px 0;
}
	#featuredCouponsBox #featuredCoupons	{
		border : 0px solid #000;
	}
		#featuredCouponsBox #featuredCoupons ul	{
			padding : 5px 0 0 0; margin : 0 0 0 15px;
			width : 155px;
			font-size : 10px;
			list-style-type : none;
			border : 0px solid #000;
		}
			#featuredCouponsBox #featuredCoupons ul li	{
				line-height : 14px;
				padding : 4px 0 0 0; margin : 0;
			}

/** Useful Tools Right **/
#usefulToolsRight	{
	padding : 3px 0 10px 0;
	width : 181px;
	border : 0px solid #000;
	font-size : 10px;
}
	#usefulToolsRight div.iconLeftCol	{
		margin : 0 auto; padding : 5px 0 0 15px;
		float : left;
		width : 25px;
		text-align : center;
	}
	#usefulToolsRight div.text	{
		margin : 0; padding : 6px 0 0 5px;
		float : left;
		width : 130px;
	}
	#usefulToolsRight div.clear	{
		padding : 0 0 5px 0;
	}
/** End of Useful Tools right **/

/** Join the Mailing List Right**/
#mailingListRight	{
	padding : 3px 0 10px 0;
	width : 181px;
	font-size : 10px;
}
	#mailingListRight div	{
		text-align : right;
		padding : 0 15px 0 0;
	}
	#mailingListRight form	{
		margin : 0; padding : 5px 0 0 15px;
		border : 0px solid #000;
		height : 100px;
	}
		#mailingListRight form input.textFieldRight {
			margin : 0 0 5px 0;
			width : 145px; height : 14px;
			border : 1px solid #d7d7d7;
			font-size : 10px;
			display : inline;
			padding : 2px 0 0 2px;
		}
		#mailingListRight form #joinRight	{
			position : relative;
			left : 88px;
		}
	#mailingListRight div#privacyRight	{
		text-align : left;
		line-height : 14px;
		padding : 0 0 0 15px;
		width : 150px;
		border : 0px solid #000;
	}
/** End of the Mailing List Right **/

/** END OF RIGHT PANEL **/

/** CENTER PANEL **/

#merchantBox	{
	border : 0px solid #000;
	width : 556px;
}
	/** TABS **/
	#merchantTabsBox	{
		bottom : 0; left : 0px;
		width : 556px;
		border : 0px solid #000;
		font-weight : bold;
		padding : 0;
	}
		.merchantTabs	{
			height : 22px;
			border : 0px solid #000;
			float : left;
			padding : 0 0 0 0;
		}

			/* These address the static tabs - the page that the user is currently on uses this */
			#leftTabBit	{float : left;}
			#rightTabBit	{float : left;}
			#merchantTab1	{background : url(../images/ofs_merchant/common/tab_bit_center.png) repeat-x; text-align : center}
			#merchantTab1 div	{padding : 5px 0 0 0; color : #0081c6}
			#merchantTab1B	{background : url(../images/ofs_merchant/common/tab_bit_center_db.png) repeat-x; text-align : center}
			#merchantTab1B div	{padding : 5px 0 0 0; color : #0081c6}

			#merchantTab2	{background : url(../images/ofs_merchant/common/tab_coupons_light_blue.png) no-repeat; width : 81px; text-align : center}
			#merchantTab2 div	{padding : 5px 0 0 0; color : #0081c6}
			#merchantTab2B	{background : url(../images/ofs_merchant/common/tab_coupons_dark_blue.png) no-repeat; width : 81px; text-align : center}
			#merchantTab2B div	{padding : 5px 0 0 0;}

		#topBox	{
			border : 0px solid #000;
			width : 556px;
			background : url(../images/ofs_merchant/common/bg_top_box.png) no-repeat;
			min-height : 141px;
			margin : 0 0 0 0;
		}
			h1#merchantTitle	{
				border : 0px solid #000;
				font-size : 40px;
				font-weight : normal;
				color : #0081c6;
				font-family : Arial, Helvetica, sans-serif;
				padding : 15px 0 20px 15px;
			}

		/***** DATA FEED ****/
		.bottomBox	{
			min-height : 72px;
			background : url(../images/ofs_merchant/home/bg_bottom_box_feed.png) no-repeat;
		}
			#bottomBoxTitle	{
				font : bold 10px Verdana, Arial, Helvetica, sans-serif;
				color : #fff;
				padding : 4px 0 0 15px;
				float : left;
			}
			#bottomUpdated	{
				font : normal 11px Arial, Helvetica, sans-serif;
				color : #fff;
				padding : 4px 10px 0 0;
				float : right;
			}
			#datafeedOuterContainer	{
				margin : 0 auto; padding : 0;
				text-align : center;
				border : 0px solid #000;
			}
				#datafeedContainer	{
					width : 556px;
					margin : 0 auto; padding : 50px 0 0 0;
					text-align : center;
				}
					#datafeedContainer .row	{
						margin : 0 auto; padding : 0 0 5px 0;
						width : 528px;
						border : 0px solid #000;
					}
						#datafeedContainer .row .col	{
							width : 132px;
							float : left;
						}
						.image	{
							display : block;
							padding : 0 0 2px 0;
						}
						.description	{
							font : normal 11px/12px Arial, Helvetica, sans-serif;
							padding : 0 0 2px 0;
						}
						.price	{
							font : bold 11px/12px Arial, Helvetica, sans-serif;
							padding : 0 0 2px 0;
						}

		/*** END OF DATA FEED ****/

/** END OF CENTER PANEL **/