/* CSS for Buying Guides Only */
/* NatashaGrossi, 2010 */

/* Color used is #a01a1e, which is dark RED */

/* Each buying guide should be contained in a DIV with the class="Buyingguides" */ 
.buyingguides		{ 
	width:795px;
	font-family: Arial, sans-serif;
	color:#333333;
	font-size: 15px;
	line-height: 17px;
	padding-right:0px;
	float:left;
	
}

.buyingguides p 		{
	font-size: 15px;
	line-height: 17px;
	
}

/* h2 is subheadings*/
.buyingguides h2		{
	margin-top:10px;
	color:#333333;
	margin-bottom: 5px;
	font-size: 16px;
	
}

/* h3 is for any MAIN headings */
.buyingguides h3		{
	color: #a01a1e;
	margin-bottom: 5px;
	font-size: 18px;
	
}


/* each page should have ONE lifestyle image at the top of the page. This could also be a flash element */
.buyingguides .lifestyle { 
	border: 1px solid #a7b3bb;
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	
}

.buyingguides ol 		{ 
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 17px;
	padding-left: 30px;
	
}

/* Lists should be short bulletpoints, bullets appear in red */
.buyingguides ul 		{ 
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 17px;
	padding-left: 16px;
	
}
.buyingguides ul li 	{ 
	list-style-type: none
	
}
.buyingguides ul li 	{ 
	padding-left: 13px;
	margin: 0px; background: url('http://devq.canadiantire.ca/media/images/global/bg_list_items.gif') 0 -8px no-repeat; 
	
}

/* sublist bullet is yellow! */
.buyingguides ul ul		{ 
	margin-bottom: 0px;
	font-size: 15px;
	line-height: 17px;
	padding-left: 16px;
	
}
.buyingguides ul ul li 	{ 
	list-style-type: none 
	
}
.buyingguides ul ul li 	{ 
	padding-left: 13px;
	margin: 0px; background: url('http://devq.canadiantire.ca/media/images/global/bg_list_items-yellow.gif') 0 -8px no-repeat; 
	
}

/* Tables are used in Buying Guides ONLY for comparing general stats, NOT Sku specific features! */

.buyingguides table 	{
	border-collapse: collapse;
	border: 1px solid #a7b3bb;
	font-size: 15px;
	font-family: Arial, sans-serif;
	color:#333333;
	width: 795px;
	
}
.buyingguides table td 	{
	border: 1px solid #a7b3bb;
	font-size: 15px;
	font-family: Arial, sans-serif;
	padding: 2px;
	text-align:left;
	vertical-align:top;
	
}

.buyingguides table tr.heading 	{
	background-color: #666666;
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	
}

.buyingguides table td.heading 	{
	color:#FFFFFF;
	font-weight:bold;
	vertical-align:middle;
	
}
.buyingguides table tr.even 	{
	background-color:#FFF;
	text-align:left;
}
.buyingguides table tr.odd 		{
	background-color:#DFDFDF;
	text-align:left;
	vertical-align:top;
	
}
.buyingguides table td.odd 		{
	background-color:#DFDFDF;
	text-align:left;
	vertical-align:top;
	
}

/* These are for lists in columns, 2 columns wide! */
.buyingguides .columns 		{ 
	width: 485px;
	margin-left: 0px;
	padding-left: 16px;
	
}
.buyingguides .columns li 	{ 
	float: left;
	width: 220px; 
	
}