/* CSS for Buying Guides Only */
/* Katherine Barnett, March 2009 */

/* 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: #666; font-size: 15px; line-height: 17px;}
.buyingguides p 		{ font-size: 15px; line-height: 17px;}

/* h2 is for the catchy tagline ONLY*/
.buyingguides h2		{ font-style: italic; margin-top:10px; font-size: 18px;}

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

/* 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: #666; width: 795px;}
.buyingguides table td 	{ border: 1px solid #a7b3bb; padding: 2px;}
.buyingguides table th 	{ font-weight:bold; text-align: left;}
.buyingguides table tr.heading 	{ background-color: #CCCCCC}
.buyingguides table tr.even 	{ background-color:#FFF}
.buyingguides table tr.odd 		{ background-color:#DFDFDF}

.buyingguides table td.odd 		{ background-color:#DFDFDF}

/* 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; }