﻿
/* Ignite Feed Engine v2.0
Generic Global Stylesheet
Chris Wilson, October 2009 */

/* Global Styles */
/* ---------------------------------------------------------------*/

*
{
	margin: 0px;
	padding: 0px;

}

body
{
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	background: url('../design/common/fillpage.gif') center repeat-y #ffffff;
}

a img
{
	border: 0px;
}

ul.navMenu
{
	list-style-type: none;
}

ul.hNav
{
	margin: 0px;
}

ul.hNav li
{
	display: inline;
}

ul.vNav
{
	list-style-type: none;
}


h1
{
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: normal;
}

h2.hNavHeading
{
	font-size: 14px;
	background-position: top;
	background-repeat: repeat-x;
	line-height: 40px;
	padding-left: 12px;
	font-weight: bold;
	color: #ffffff;
}

h2.TwoLine
{
	line-height: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
}

div#cBody h2
{
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 12px;

}

div.bringdown
{
	clear: both;
}


/* Page */
/* ---------------------------------------------------------------*/


div#cPage
{
	text-align: left;
	width: 960px;
	margin: auto;
}

div#cHeader
{
	height: 125px;
	background-color: #ffffff;
}

div#cTopMenu
{
	float: right;
	margin-right: 24px;
	height: 29px;
	line-height: 29px;
	width: 363px;
	background: url('../design/common/boxtopnav.gif') no-repeat;
	text-align: center;
	margin-bottom: 12px;
}

div#cTopMenu a
{
	color: #c6c6c6;
	padding: 0px 12px 0px 12px;
	text-decoration: none;
	font-size: 10px;
	border-right: 1px solid #c6c6c6;
}

div#cTopMenu a.last
{
	border-right: 0px;
}

div#cTabs
{
	height: 40px;
	background-repeat:  repeat-x;
	border-bottom: 1px solid #ffffff;
	overflow: hidden;
	text-align: center;
	
}

div#cTabs a
{
	line-height: 40px;
	border-right: 1px solid #ffffff;
	float: left;
	color: #ffffff;
	text-decoration: none;
	width: 120px;
	font-weight: bold;
	font-size: 14px;
}

div#cTabs a.active
{
		background-position: bottom;
}

div#cTabs a.TwoLine
{
	line-height: 16px;
	padding-top: 4px;
	padding-bottom: 4px;
}

div#cLogo
{
	margin: 24px 0px 0px 24px;
}

div#cSearch
{
	background: url('../design/common/boxsearch.gif') no-repeat;
	height: 70px;
	width: 302px;
	float: right;
	margin-right: 85px;
	text-align: center;
}

div#cSearch div.padder
{
	padding-top: 20px;
}

input.textSearch
{
	border: 1px solid;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
	margin-right: 6px;
	padding: 0px;
}

input.buttonSearch
{
	width: 84px;
	height: 30px;
	border: 0px;
	color: #ffffff;
}


div#cBanner
{
	width: 960px;
	height: 242px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
}

div#cBanner a.hlink
{
		width: 960px;
	height: 242px;
	display: block;
}

div#cLogo
{
	height: 100px;
	width: 480px;
	float: left;
}


div#cMiddle
{
	background: url('../design/common/gradbody.jpg') top repeat-x #efefef;
}

div#cMiddleMain
{
	padding-top: 12px;
}

div#cLeft
{
	width: 150px;
	float: left;
	background: url('../design/common/boxtop-left.gif') top right no-repeat #ededed;
	height: 200px;
}

div#cLeft div.padder
{
	padding-top: 0px;
}

div#cRight
{
	width: 150px;
	float: right;
	background: url('../design/common/boxtop-right.gif') top left no-repeat #ededed;
	height: 100px;
}

div#cRight div.padder
{
	padding-top: 0px;
}

div#cBreadcrumbs
{
	margin: auto;
	width: 636px;

	margin-bottom: 12px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}

ul.breadCrumbs
{
	margin-left: 6px;
	text-transform: capitalize;
}

ul.breadCrumbs a
{
	background-position: top right;
	background-repeat: no-repeat;
	padding-right: 30px;
	float: left;
	height: 24px;
	line-height: 24px;
	margin-right: 12px;
	text-decoration: none;
	
}

ul.breadCrumbs a:hover
{
	text-decoration: underline;
}


ul.sideNav
{
	margin-bottom: 24px;
}

ul.sideNav li
{

}

ul.sideNav a
{
	display: block;
	
	border-bottom: 1px solid #ffffff;	
	color: #333333;
	text-decoration: none;
	padding: 6px 0px 6px 12px;
}

ul.sideNav a:hover
{
	text-decoration: underline;
	background: #ffffff;
}

ul.sideNav a.active
{
	font-weight: bold;
}

div#cBody
{
	margin: auto;
	width: 636px;
	background-color: #ffffff;
}

div#cBody div.padder
{
	padding: 6px;
}




/* List Type Nav */
/* ---------------------------------------------------------------*/

ul.navListType
{
	
}

ul.navListType a.buttonListTypeList
{
	float: right;
	background: url('../design/common/viewicon-list.gif') left no-repeat;
	padding-left: 30px;
	height: 20px;
	line-height: 20px;
	margin-left: 20px;
}

ul.navListType a.buttonListTypeGrid
{
	float: right;
	background: url('../design/common/viewicon-grid.gif') left no-repeat;
	padding-left: 30px;
	height: 20px;
	line-height: 20px;
}

/* Voucher Codes */
/* ---------------------------------------------------------------*/

div.voucherRevealed
{
	display: none;
	width: 200px;
}

div.voucherUnrevealed
{
	width: 200px;
}

div.voucherCodes table
{
	border-collapse: collapse;
	width: 100%;
}

div.voucherCodes td
{
	line-height: 30px;	
}

div.voucherCodes table th
{
	line-height: 30px;
}


/* Product Detail */
/* ---------------------------------------------------------------*/

div.pdArea
{
	height: 224px;
}

div.pdImage
{
	width: 200px;
	height: 200px;
	overflow: hidden;
	float: left;
}

div.pdDescription
{
	margin-left: 212px;
	margin-right: 120px;
}

div.pdPriceArea
{
	float: right;
	font-size: 10px;
	margin-right: 24px;
	margin-left: 12px;
	text-align: center;
	width: 104px;
}

div.pdPrice
{
	font-size: 24px;
}

div.pdPriceArea a.pdGotoShop
{
	height: 36px;
	line-height: 32px;
	width: 104px;
	margin: 6px auto 0px auto;
	display: block;
	background: url('../design/common/buttongreen.gif') no-repeat;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	
}



/* Product Box */
/* ---------------------------------------------------------------*/

span.hItemCount
{
	font-style: italic;
	font-size: 14px;
}

div.productArea
{
	height: 112px;
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 12px;
	overflow: hidden;
}


div.pImage
{
	float: left;
	width: 100px;
	height: 100px;
	background: url('../images/picbox.gif') no-repeat;
	overflow: hidden;

}

div.pImage img
{
	margin: 15px;
}

div.pDetails
{
	float: left;
	width: 274px;
	margin-left: 10px;
	
}

div.pAction
{
	width: 120px;
	float: left;
	margin-left: 9px;
	text-align: center;
	border-right: 1px dashed #cccccc;
	border-left: 1px dashed #cccccc;
	height: 106px;
}

div.pMerchant
{
	width: 100px;
	float: left;
	margin-left: 6px;
	font-size: 10px;
	text-align: center;
}

div.pMerchant a
{
	text-decoration: none;
}

div.pBestPrice
{
	font-size: 10px;
}
div.pPrice
{
	font-size: 22px;
	margin-bottom: 6px;
}

div.pTitle a
{
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

div.pAction a
{
	height: 36px;
	line-height: 32px;
	width: 104px;
	margin: auto;
	display: block;
	background: url('../design/common/buttongreen.gif') no-repeat;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	
}

/* Category Box */
/* --------------------------------------------------------------------------- */

div.cRow
{
	height: 150px;
	margin-bottom: 24px;
}

div.categoryBox
{
	float: left;
	background: url('../design/common/boxcategory.gif') no-repeat;
	width: 180px;
	height: 150px;
	margin-right: 14px;
	margin-left: 14px;
	overflow: hidden;
}

div.categoryBox div.cName
{
	padding-top: 6px;
	text-align: center;
}

div.categoryBox div.cName a
{
	font-size: 16px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}

div.cAction a
{
		height: 36px;
	line-height: 32px;
	width: 104px;
	margin: auto;
	display: block;
	background: url('../design/common/buttongreen.gif') no-repeat;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

div.categoryBox div.cImage
{
	margin: 0px auto 0px auto;
	width: 70px;
}


/* Page Navigation */
/* --------------------------------------------------------------------------- */

div.cPageNav
{
	height:30px;
	margin-bottom: 12px;
}

ul.pageNav 
{
	margin-bottom: 12px;
	height: 30px;
	float: right;
}

ul.pageNav li
{

}
ul.pageNav a
{
	color: #000000;
	text-decoration: none;
	float: left;
	margin-right: 3px;
	height: 24px;
	line-height: 24px;
	width: 33px;
	overflow: hidden;
	text-align: center;
	background: url('../design/common/buttonpageno.gif') no-repeat;
}

ul.pageNav a.active
{
	font-weight: bold;
	text-decoration: underline;
}


/* Site Map */
/* --------------------------------------------------------------------------- */
ul.siteMap
{
	list-style-position: inside;
	margin: 0px 0px 12px 12px;
}

ul.siteMap ul
{
	margin-left: 12px;
	margin-bottom: 12px;
}

ul.siteMap a
{
	text-decoration: none;
}

ul.siteMap a:hover
{
	text-decoration: underline;
}



/* Text Area */
/* --------------------------------------------------------------------------- */

div.textArea p
{
	line-height: 22px;
	margin-bottom: 12px;

}

div.textArea h2
{
	margin-bottom: 12px;
	font-size: 14px;
}

div.textArea ul, div.textArea ol
{
	list-style-position: inside;
	margin-left: 24px;
}

div.textArea li
{
	margin-bottom: 12px;
	line-height: 22px;
}

