@charset "UTF-8";

/*
----------------------------------------------------------------------
  Tire catalog styles.
----------------------------------------------------------------------
*/

@media screen, print {

	h1 {
		font-size: 18px;
		font-weight: normal;
		color: rgb( 22, 48, 145 );
		text-transform: uppercase;
	}

	a.my_button:link,
	a.my_button:visited,
	a.my_button:active,
	a.my_button:hover {
		display: -moz-inline-box; /* Fixes Firefox */
		display: inline-block;
		height: 19px;
		padding-left: 10px;
		overflow: hidden;
		background: url( '../img/catalog/buttonBg.jpg' ) no-repeat top left;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		color: rgb( 9, 51, 103 );
	}

	a.my_button:link span,
	a.my_button:visited span,
	a.my_button:active span,
	a.my_button:hover span {
		display: -moz-inline-box; /* Fixes Firefox */
		display: inline-block;
		height: 17px;
		padding: 2px 10px 0px 0px;
		background: url( '../img/catalog/buttonBg.jpg' ) no-repeat top right;
		text-align: center;
		cursor: pointer;
	}

	input.catalogGoButton {
		width: 39px;
		height: 27px;
		margin: 0px;
		padding-top: 27px;
		background: url( '../img/catalog/catalogGoButton.png' ) no-repeat top left;
		border: none;
		cursor: pointer;
		overflow: hidden;
		vertical-align: middle;
	}

	input.showAvailableTiresButton {
		width: 133px;
		height: 27px;
		margin: 0px;
		padding-top: 27px;
		background: url( '../img/catalog/showAvailableTiresButton.png' ) no-repeat top left;
		border: none;
		cursor: pointer;
		overflow: hidden;
		vertical-align: middle;
	}

	input.compareButton {
		width: 42px;
		height: 50px;
		margin: 0px;
		padding-top: 60px;
		background: url( '../img/catalog/compareButton.jpg' ) no-repeat top left;
		border: none;
		cursor: pointer;
		overflow: hidden;
		vertical-align: middle;
	}

}

@media screen {

	div#my_leftColumn {
		float: left;
		width: 500px;
	}

	div#my_leftColumnInside {
		padding: 10px 0px 10px 10px;
	}

	div#my_rightColumn {
		float: right;
		width: 230px;
	}

	div#my_rightColumnInside {
		padding: 23px 0px 0px 0px;
	}
	
	div#my_bottom {
		clear: both;
	}

	div#my_bottomInside {
		padding: 0px 10px 10px 10px;
	}

	.printOnly {
		display: none;
	}

}

@media print {

	body {
		background: white;
	}

	#base {
		background: none;
	}

	div.container {
		margin: 0px;
		width: auto;
	}

	div.topToolbar,
	div.topNav_v2,
	div.pageFooter,
	div.pagebottomShadow {
		display: none;
	}

	.screenOnly {
		display: none;
	}

}


/*
----------------------------------------------------------------------
  Breadcrumbs module.
----------------------------------------------------------------------
*/

@media screen {

	/* Defined in /css/gytires_v2.css. */

	div.breadcrumbs {
		margin-bottom: 0px;
	}

}

@media print {

	div.breadcrumbs {
		display: none;
	}

}

/*
----------------------------------------------------------------------
  Category tabs module.
----------------------------------------------------------------------
*/

@media screen {

	div#categoryTabs {
		margin-bottom: 10px;
		padding-top: 10px;
	}
	
	div#categoryTabs h1 {
		margin-bottom: 12px;
	}
	
	div#categoryTabs ul {
		height: 35px;
		margin: 0px;
		padding: 0px;
		list-style: none;
		background: rgb( 151, 154, 205 );
	}
	
	div#categoryTabs ul li {
		display: block;
		float: left;
	}
	
	div#categoryTabs ul li a:link,
	div#categoryTabs ul li a:visited,
	div#categoryTabs ul li a:active,
	div#categoryTabs ul li a:hover {
		display: block;
		height: 30px;
		background-image: url( '../img/catalog/categoryTabs.jpg' );
		background-repeat: no-repeat;
		overflow: hidden;
	}
	
	div#categoryTabs ul li a span {
		display: block;
		padding-top: 30px;
	}
	
	li#categoryTab_carMinivan a {
		width: 123px;
		background-position: 0px 0px;
	}
	
	li#categoryTab_carMinivan a:hover,
	li#categoryTab_carMinivan a.categoryTabOn {
		background-position: 0px -30px;
	}
	
	li#categoryTab_suvTruck a {
		width: 123px;
		background-position: -123px 0px;
	}
	
	li#categoryTab_suvTruck a:hover,
	li#categoryTab_suvTruck a.categoryTabOn {
		background-position: -123px -30px;
	}
	
	li#categoryTab_sportPerformance a {
		width: 123px;
		background-position: -246px 0px;
	}
	
	li#categoryTab_sportPerformance a:hover,
	li#categoryTab_sportPerformance a.categoryTabOn {
		background-position: -246px -30px;
	}
	
	li#categoryTab_winter a {
		width: 121px;
		background-position: -369px 0px;
	}
	
	li#categoryTab_winter a:hover,
	li#categoryTab_winter a.categoryTabOn {
		background-position: -369px -30px;
	}

}

@media print {

	div#categoryTabs {
		display: none;
	}

}

/*
----------------------------------------------------------------------
  Category info module.
----------------------------------------------------------------------
*/

@media screen {
	
	div#categoryInfo div#categoryInfoFlash {
		margin-bottom: 10px;
	}

	div#categoryInfo div#printLogo,
	div#categoryInfo div#printTireImage,
	div#categoryInfo div#printCategoryInfo {
		display: none;
	}
	
	div#categoryInfo div#screenCategoryInfo h2 {
		margin-bottom: 3px;
		color: rgb( 8, 30, 85 );
		font-size: 17px;
		font-weight: bold;
		text-align: center;
	}
	
	div#categoryInfo div#screenCategoryInfo p {
		padding: 0px 10px;
		color: rgb( 81, 102, 127 );
	}

}

@media print {

	div#categoryInfo div#categoryInfoFlash,
	div#categoryInfo div#screenCategoryInfo {
		display: none;
	}

	div#categoryInfo div#printLogo {
		margin-bottom: 10px;
		text-align: center;
		border-bottom: solid 1px rgb( 9, 51, 103 );
	}

	div#categoryInfo div#printCategoryInfo {
		margin-bottom: 10px;
		border-bottom: solid 1px rgb( 9, 51, 103 );
	}

	div#categoryInfo div#printCategoryInfo h2 {
		float: left;
		width: 200px;
		font-size: 14px;
		font-weight: bold;
		color: black;
		text-align: center;
	}

	div#categoryInfo div#printCategoryInfo p {
		margin-left: 210px;
	}

	div#categoryInfo div#printCategoryInfo div.clear {
		font-size: 1px;
	}

}

/*
----------------------------------------------------------------------
  Tire info module.
----------------------------------------------------------------------
*/

@media screen, print {

	div#tireInfo h2 {
		margin-bottom: 3px;
		color: rgb( 8, 30, 85 );
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}
	
	div#tireInfo p {
		color: rgb( 67, 74, 89 );
		font-size: 13px;
		font-weight: bold;
		text-align: center;
	}

}

@media screen {
	
	div#tireInfo div#tireInfoFlash {
		margin-bottom: 10px;
	}

	div#tireInfo div#tireInfoNonFlash {
		height: 210px;
		padding-top: 30px;
		border: solid 1px #eeeeee;
		text-align: center;
	}

	div#tireInfo div#printLogo,
	div#tireInfo div#printTireImage {
		display: none;
	}

}

@media print {

	div#tireInfo div#tireInfoFlash {
		display: none;
	}

	div#tireInfo div#printLogo {
		margin-bottom: 10px;
		text-align: center;
		border-bottom: solid 1px rgb( 9, 51, 103 );
	}

	div#tireInfo div#printTireImage {
		margin-bottom: 10px;
		border-bottom: solid 1px rgb( 9, 51, 103 );
		text-align: center;
	}

}

/*
----------------------------------------------------------------------
  Tire tabs module.
----------------------------------------------------------------------
*/

@media screen, print {

	div#tireTabs {
		margin-bottom: 20px;
	}

	div#tireTabs table.featuresBenefitsTable {
		width: 100%;
		margin-bottom: 10px;
	}

	div#tireTabs table.featuresBenefitsTable th {
		padding: 3px;
		text-align: left;
		font-weight: bold;
		background: rgb( 182, 198, 220 );
	}

	div#tireTabs table.featuresBenefitsTable td {
		padding: 3px;
		vertical-align: top;
	}

}

@media screen {

	div#tireTabs div#tireTabs_tabContainer {
		border: solid 1px rgb( 182, 198, 220 );
	}
	
	div#tireTabs ul.tabOptions {
		height: 24px;
		margin: 0px;
		padding: 0px;
		list-style: none;
		background: rgb( 226, 230, 241 ) url( '../img/catalog/tireTabsOptionsBg.jpg' ) repeat-x top left;
	}
	
	div#tireTabs ul.tabOptions li {
		float: left;
		height: 24px;
		overflow: hidden;
	}
	
	div#tireTabs ul.tabOptions li a:link,
	div#tireTabs ul.tabOptions li a:visited,
	div#tireTabs ul.tabOptions li a:active,
	div#tireTabs ul.tabOptions li a:hover {
		display: block;
		height: 20px;
		padding: 3px 10px 1px 10px;
		font-size: 11px;
		text-align: center;
		font-weight: bold;
		overflow: hidden;
	}
	
	div#tireTabs a.tabOption_on:link,
	div#tireTabs a.tabOption_on:visited,
	div#tireTabs a.tabOption_on:active,
	div#tireTabs a.tabOption_on:hover {
		background: rgb( 217, 226, 243 );
		border-left: solid 1px rgb( 217, 226, 243 );
		color: rgb( 77, 71, 86 );
	}
	
	div#tireTabs a.tabOption_off:link,
	div#tireTabs a.tabOption_off:visited,
	div#tireTabs a.tabOption_off:active,
	div#tireTabs a.tabOption_off:hover {
		border-left: solid 1px rgb( 228, 229, 239 );
		color: rgb( 10, 41, 196 );
	}
	
	div#tireTabs div.tabPanes {
		clear: left;
		padding: 5px 0px;
		background: url( '../img/catalog/tireTabsPaneBg.jpg' ) repeat-x top left;
	}
	
	div#tireTabs div.tabPane {
		padding: 5px 10px;
		min-height: 200px;
	}
	
	div#tireTabs div.tabPane_on {
		display: block;
	}
	
	div#tireTabs div.tabPane_off {
		display: none;
	}

	div#tireTabs div.tabPane h2 {
		display: none;
	}

	div#tireTabs table.featuresBenefitsTable td.odd {
	}
	
	div#tireTabs table.featuresBenefitsTable td.even {
		background: rgb( 209, 219, 235 );
	}

}

@media print {

	div#tireTabs ul.tabOptions {
		display: none;
	}

	div#tireTabs div.tabPane {
		padding: 5px 10px;
	}

	div#tireTabs div.tabPane h2 {
		padding: 3px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		color: rgb( 9, 27, 150 );
		border: solid 1px rgb( 187, 202, 222 );
		background: rgb( 247, 249, 252 ) url( '../img/catalog/h2PrintBg.jpg' ) repeat-x top left;
	}

	div.tabPaneFixedWidth {
		width: 470px;
		margin: 0px auto;
	}
	
	div#tireTabs table.featuresBenefitsTable td {
		border-bottom: solid 1px rgb( 212, 228, 250 );
	}

}

/*
----------------------------------------------------------------------
  Vehicle selector module.
----------------------------------------------------------------------
*/

@media screen {

	div#vehicleSelector {
	}
	
	div#vehicleSelector h2 {
		margin-bottom: 5px;
		padding: 2px;
		background: rgb( 247, 248, 218 );
		border: solid 1px rgb( 193, 201, 213 );
		font-size: 13px;
		color: rgb( 9, 51, 103 );
		text-align: center;
	}
	
	div#vehicleSelector div#vehicleSelectorContent {
		padding: 0px 10px;
	}
	
	div#vehicleSelector p {
		margin-bottom: 5px;
		color: rgb( 81, 102, 127 );
	}
	
	div#vehicleSelector ol {
		height: 50px;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	div#vehicleSelector ol li {
		float: left;
		width: 100px;
		height: 40px;
		overflow: hidden;
	}
	
	div#vehicleSelector ol li.vehicleSelectorButton {
		width: 40px;
		height: 30px;
		padding-top: 10px;
	}
	
	div#vehicleSelector label {
		display: block;
		padding-bottom: 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: rgb( 8, 8, 75 );
		text-transform: uppercase;
	}
	
	div#vehicleSelector ol li select {
		width: 95px;
	}

}

@media print {

	div#vehicleSelector {
		display: none;
	}

}

/*
----------------------------------------------------------------------
  Catalog tool bar module.
----------------------------------------------------------------------
*/

@media screen {

	div#catalogToolBar {
	}
	
	div#catalogToolBar h2 {
		height: 1px;
		overflow: hidden;
	}
	
	div#catalogToolBar h2 span {
		display: block;
		padding-top: 1px;
	}
	
	/* ----- Tire Buying Made Easy. ----- */
	
	div#catalogToolBar_tbme {
		height: 92px;
		background: url( '../img/catalog/catalogToolBar_tbme.jpg' ) no-repeat top left;
	}
	
	div#catalogToolBar_tbmeInside {
		padding: 5px 10px 0px 3px;
	}
	
	div#catalogToolBar_tbme a:link,
	div#catalogToolBar_tbme a:visited,
	div#catalogToolBar_tbme a:active,
	div#catalogToolBar_tbme a:hover {
		display: block;
		height: 80px;
		overflow: hidden;
	}
	
	div#catalogToolBar_tbme a span {
		display: block;
		padding-top: 80px;
	}
	
	/* ----- Tire Selector. ----- */
	
	div#catalogToolBar_ts {
	}
	
	div#catalogToolBar_tsTop {
		background: url( '../img/catalog/catalogToolBar_tsTop.jpg' ) no-repeat left top;
	}
	
	div#catalogToolBar_tsMiddle {
		background: url( '../img/catalog/catalogToolBar_tsMiddle.jpg' ) repeat-y left top;
	}
	
	div#catalogToolBar_tsBottom {
		background: url( '../img/catalog/catalogToolBar_tsBottom.jpg' ) no-repeat left bottom;
	}
	
	div#catalogToolBar_tsInside {
		min-height: 200px;
		padding: 90px 0px 0px 8px;
	}
	
	div#catalogToolBar_ts ul.tabOptions {
		height: 20px;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
	
	div#catalogToolBar_ts ul.tabOptions li {
		float: left;
		height: 20px;
		overflow: hidden;
	}
	
	div#catalogToolBar_ts ul.tabOptions li a:link,
	div#catalogToolBar_ts ul.tabOptions li a:visited,
	div#catalogToolBar_ts ul.tabOptions li a:active,
	div#catalogToolBar_ts ul.tabOptions li a:hover {
		display: block;
		height: 18px;
		padding: 2px 0px;
		font-size: 11px;
		text-align: center;
		overflow: hidden;
	}
	
	div#catalogToolBar_ts a.tabOption_on:link,
	div#catalogToolBar_ts a.tabOption_on:visited,
	div#catalogToolBar_ts a.tabOption_on:active,
	div#catalogToolBar_ts a.tabOption_on:hover {
		background: url('../img/catalog/tabBg_on.jpg') repeat-x top;
		border-left: solid 1px rgb( 214, 223, 248 );
		border-right: solid 1px rgb( 104, 124, 177 );
		color: rgb( 15, 26, 44 );
	}
	
	div#catalogToolBar_ts a.tabOption_off:link,
	div#catalogToolBar_ts a.tabOption_off:visited,
	div#catalogToolBar_ts a.tabOption_off:active,
	div#catalogToolBar_ts a.tabOption_off:hover {
		background: url('../img/catalog/tabBg_off.jpg') repeat-x top;
		border-left: solid 1px rgb( 167, 186, 211 );
		border-right: solid 1px rgb( 15, 26, 44 );
		color: white;
	}
	
	div#catalogToolBar_ts a#my_tab_byVehicle {
		width: 50px;
	}
	
	div#catalogToolBar_ts a#my_tab_bySize {
		width: 45px;
	}
	
	div#catalogToolBar_ts a#my_tab_byCatalog {
		width: 50px;
	}
	
	div#catalogToolBar_ts a#my_tab_byName {
		width: 58px;
	}
	
	div#catalogToolBar_ts div.tabPanes {
		clear: left;
		padding: 5px 0px;
	}
	
	div#catalogToolBar_ts div.tabPane {
		padding-right: 10px;
	}
	
	div#catalogToolBar_ts div.tabPane_on {
		display: block;
	}
	
	div#catalogToolBar_ts div.tabPane_off {
		display: none;
	}
	
	div#catalogToolBar_ts div.tabPaneContent {
		padding: 2px;
		text-align: center;
	}
	div#catalogToolBar_ts div.catalogToolBar_catalogInfo  {
		padding: 0 15px;
		margin-bottom: 10px;
		color: #003366;
		font-size: 11px;
	}

	div#catalogToolBar_ts div.catalogToolBar_catalogCategory  {
		margin-bottom: 10px;
	}
	
	div#catalogToolBar_ts div.catalogToolBar_catalogButton  {
		margin-bottom: 10px;
	}
	div#catalogToolBar_ts ol.catalogToolBar_formFieldList {
		padding: 0px;
		margin: 0px;
		list-style: none;
	}
	
	div#catalogToolBar_ts ol.catalogToolBar_formFieldList li {
		padding-bottom: 5px;
	}
	
	div#catalogToolBar_ts ol.catalogToolBar_formFieldList li label {
		display: block;
		padding: 0px 0px 2px 10px;
		font-size: 11px;
		font-weight: bold;
		color: rgb( 10, 34, 104 );
		text-align: left;
	}
	
	div#catalogToolBar_ts ol.catalogToolBar_formFieldList li select {
		width: 180px;
		vertical-align: middle;
	}
	
	div#catalogToolBar_ts ol.catalogToolBar_formFieldList li select#catalogToolBar_tireName {
		width: 150px;
	}
	
	div#catalogToolBar_ts ol.catalogToolBar_formFieldList li.catalogToolBar_button {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	/* ----- Retailer Locator. ----- */
	
	div#catalogToolBar_rl {
		height: 114px;
		background: url( '../img/catalog/catalogToolBar_rl.jpg' ) no-repeat top left;
	}
	
	div#catalogToolBar_rlInside {
		padding: 30px 0px 0px 20px;
	}

	div#catalogToolBar_rl input {
		vertical-align: middle;
	}

}

@media print {

	div#catalogToolBar {
		display: none;
	}

}

/*
----------------------------------------------------------------------
  Tire bullets module.
----------------------------------------------------------------------
*/

@media screen {

	div#tireBullets {
		padding: 0px 10px 0px 6px;
		margin-bottom: 10px;
	}
	
	div#tireBulletsInside {
		/* border-bottom: solid 1px rgb( 166, 161, 161 ); */
	}
	
	div#tireBullets ul {
		margin-left: 0px;
		padding-left: 0px;
		list-style: none;
	}
	
	div#tireBullets ul li {
		padding: 1px 0px 5px 26px;
		background: url( '../img/catalog/tireBullet.jpg' ) no-repeat top left;
	}
	
	div#tireBullets ul li a:link,
	div#tireBullets ul li a:visited,
	div#tireBullets ul li a:active,
	div#tireBullets ul li a:hover {
		color: rgb( 10, 52, 104 );
		font-size: 11px;
	}

}

@media print {

	div#tireBullets {
		display: none;
	}

}

/*
----------------------------------------------------------------------
  Category chart module.
----------------------------------------------------------------------
*/

@media screen, print {

	div#categoryChart {
		margin-bottom: 30px;
	}

	div#categoryChart div.tireRatingSortOptions ul {
		height: 30px;
		margin: 0px;
		padding-left: 245px;
		list-style: none;
		background: rgb( 223, 226, 241 ) url( '../img/catalog/categoryChartHeadingBg.jpg' ) no-repeat bottom left;
	}

	div#categoryChart div.tireRatingSortOptions ul li {
		float: left;
		width: 58px;
		height: 30px;
		border-left: solid 1px rgb( 189, 205, 224 );
		border-right: solid 1px rgb( 204, 219, 238 );
	}

	div#categoryChart div.tireRatingSortOptions ul li.leftOption {
		border-left: none;
	}

	div#categoryChart div.tireRatingSortOptions ul li.rightOption {
	}

	div#categoryChart div.tireRatingSortOptions ul li span {
		display: block;
		padding: 3px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-align: center;
	}

	div#categoryChart table {
		width: 100%;
	}

	div#categoryChart td.tireRowImage {
		width: 160px;
	}
	
	div#categoryChart td.tireRowInfo {
	}
	
	div#categoryChart td.tireRowInfo div {
		padding-right: 20px;
	}
	
	div#categoryChart td.tireRowInfo div h3 {
		margin-bottom: 2px;
		font-size: 14px;
		font-weight: bold;
	}

	div#categoryChart td.tireRowInfo div h3,
	div#categoryChart td.tireRowInfo div h3 a:link,
	div#categoryChart td.tireRowInfo div h3 a:visited,
	div#categoryChart td.tireRowInfo div h3 a:active,
	div#categoryChart td.tireRowInfo div h3 a:hover {
		color: rgb( 8, 30, 85 );
		text-decoration: none;
	}
	div#categoryChart td.tireRowInfo div h3 a:hover {
		color: rgb( 68, 90, 145 );
	}

	div#categoryChart td.tireRowInfo div p {
		color: rgb( 80, 77, 77 );
	}
	
	div#categoryChart td.tireRowInfo div ul.tireRowRatingValues {
		height: 30px;
		margin: 0px;
		padding: 0px;
		list-style: none;
		border-top: solid 1px rgb( 80, 77, 77 );
		cursor: default;
	}

	div#categoryChart td.tireRowInfo div ul.tireRowRatingValues li {
		float: left;
		width: 59px;
		height: 30px;
		font-size: 14px;
		font-weight: bold;
		color: rgb( 8, 30, 85 );
		text-align: center;
	}

	div#categoryChart td.tireRowInfo div ul.tireRowRatingValues li span {
		display: block;
		padding-top: 6px;
	}

	div.catChartDisclaimers {
		padding-top: 30px;
	}
	
	div.catChartDisclaimers p {
		margin-bottom: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
}

@media screen {

	div#categoryChart div.categoryChartInstructions {
		padding: 3px 7px;
		background: url( '../img/catalog/catalogChartInstructBg.jpg' ) no-repeat top left;
	}

	div#categoryChart div.categoryChartInstructions_left {
		float: left;
		width: 450px;
	}

	div#categoryChart div.categoryChartInstructions_right {
		float: right;
		width: 200px;
		padding-top: 4px;
		text-align: right;
	}
	
	div#categoryChart div.categoryChartInstructions_right p {
		margin-bottom: 5px;
		font-size: 11px;
		color: rgb( 89, 95, 102 );
	}

	div#categoryChart div.categoryChartInstructions h2 {
		margin-bottom: 2px;
		font-size: 17px;
		font-weight: bold;
		color: rgb( 8, 30, 85 );
	}

	div#categoryChart div.categoryChartInstructions p {
		margin-bottom: 3px;
		color: rgb( 81, 102, 127 );
	}

	div#categoryChart div.categoryChartInstructions p.ratingScaleKey {
		font-weight: bold;
		color: rgb( 10, 26, 111 );
	}

	div#categoryChart div.categoryChartInstructions div.clear {
		font-size: 1px;
	}

	div#categoryChart div.printRatingScaleKey {
		display: none;
	}

	div#categoryChart div.compareSubmitButton {
		position: absolute;
		width: 90px;
		height: 50px;
		padding-top: 10px;
		text-align: center;
	}

	div#categoryChart div.categoryChartBg_middle {
		background: url( '../img/catalog/categoryChartBg_middle.jpg' ) repeat-y top left;
	}

	div#categoryChart div.categoryChartBg_bottom {
		background: url( '../img/catalog/categoryChartBg_bottom.jpg' ) no-repeat bottom left;
	}

	div#categoryChart td {
		height: 140px;
		vertical-align: bottom;
		border-bottom: solid 1px rgb( 166, 161, 161 );
	}

	div#categoryChart td.tireRowCheckBox {
		width: 90px;
		border-bottom: none;
		text-align: center;
	}

	div#categoryChart td.tireRowCheckBox label {
		display: block;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		cursor: pointer;
	}

	div#categoryChart td.tireRowImage span.tireRowImagePromo {
		display: none;
	}

	div#categoryChart td.tireRowLinks {
		width: 150px;
	}

	div#categoryChart td.tireRowLinks ul {
		margin: 0px;
		padding: 2px 0px 5px 10px;
		list-style: none;
		border-left: solid 1px rgb( 166, 161, 161 );
	}
	
	div#categoryChart td.tireRowLinks ul li {
		padding: 1px 0px 5px 26px;
		background: url( '../img/catalog/tireBullet.jpg' ) no-repeat top left;
	}
	
	div#categoryChart td.tireRowLinks ul li a:link,
	div#categoryChart td.tireRowLinks ul li a:visited,
	div#categoryChart td.tireRowLinks ul li a:active,
	div#categoryChart td.tireRowLinks ul li a:hover {
		color: rgb( 10, 52, 104 );
		font-size: 11px;
	}

	div#categoryChart td.tireRowInfo div ul.tireRowRatingNames {
		position: absolute;
		height: 30px;
		margin: 0px;
		padding: 0px;
		list-style: none;
		background: white;
		border-left: solid 1px rgb( 166, 161, 161 );;
		border-right: solid 1px rgb( 166, 161, 161 );;
		border-bottom: solid 1px rgb( 166, 161, 161 );;
		cursor: default;
	}

	div#categoryChart td.tireRowInfo div ul.tireRowRatingNames li {
		float: left;
		width: 59px;
		height: 30px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: rgb( 166, 161, 161 );
		text-align: center;
	}

	div#categoryChart td.tireRowInfo div ul.tireRowRatingNames li span {
		display: block;
	}
	
	div#categoryChart td.tireRowInfo div ul.tireRowRatingNames_off {
		display: none;
	}

	div#categoryChart td.tireRowInfo div ul.tireRowRatingNames_on {
		display: block;
	}

	div.catChartDisclaimers p {
		color: rgb( 81, 102, 127 );
	}
}

@media print {

	div#categoryChart div.categoryChartInstructions {
		display: none;
	}

	div#categoryChart div.printRatingScaleKey {
		margin-bottom: 10px;
		padding-left: 210px;
		font-weight: bold;
		color: rgb( 10, 52, 104 );
	}

	div#categoryChart div.tireRatingSortOptions ul {
		padding-left: 160px;
		background: rgb( 223, 226, 241 ) url( '../img/catalog/categoryChartHeadingBg_print.jpg' ) repeat-x bottom left;
	}

	div#categoryChart div.compareSubmitButton {
		display: none;
	}

	div#categoryChart td {
		height: 120px;
		vertical-align: bottom;
	}

	div#categoryChart td.tireRowCheckBox {
		display: none;
	}

	div#categoryChart td.tireRowImage span.tireRowImagePromo {
		display: block;
		width: 143px;
		padding: 2px 0px;
		text-align: center;
		font-weight: bold;
		background: rgb( 251, 208, 41 ) url( '../img/catalog/tireRowImagePromoBg.jpg' ) repeat-x top left;
		border: solid 1px rgb( 221, 178, 11 );
	}

	div#categoryChart td.tireRowLinks {
		display: none;
	}

	div#categoryChart td.tireRowInfo div ul.tireRowRatingNames {
		display: none;
	}

	div.catChartDisclaimers p {
		color: black;
	}
}

/*
----------------------------------------------------------------------
  Compare chart module.
----------------------------------------------------------------------
*/

@media screen, print {

	div#compareChart {
		margin-bottom: 10px;
	}

	div#compareChart table {
		width: 100%;
	}

	div#compareChart td.tireRowOverviewImage {
		width: 160px;
	}
	
	div#compareChart td.tireRowOverviewInfo {
	}
	
	div#compareChart td.tireRowOverviewInfo div {
		padding-right: 20px;
	}
	
	div#compareChart td.tireRowOverviewInfo div h3 {
		margin-bottom: 2px;
		font-size: 14px;
		font-weight: bold;
	}

	div#compareChart td.tireRowOverviewInfo div h3,
	div#compareChart td.tireRowOverviewInfo div h3 a:link,
	div#compareChart td.tireRowOverviewInfo div h3 a:visited,
	div#compareChart td.tireRowOverviewInfo div h3 a:active,
	div#compareChart td.tireRowOverviewInfo div h3 a:hover {
		color: rgb( 8, 30, 85 );
		text-decoration: none;
	}
	div#compareChart td.tireRowOverviewInfo div h3 a:hover {
		color: rgb( 68, 90, 145 );
	}

	div#compareChart td.tireRowOverviewInfo div p {
		color: rgb( 80, 77, 77 );
	}

}

@media screen {

	div#compareChart {
		padding-top: 10px;
	}

	div#compareChart div#printLogo {
		display: none;
	}

	div#compareChart div.compareChartInstructions {
		padding: 3px 7px;
		background: url( '../img/catalog/compareChartInstructBg.jpg' ) no-repeat top left;
	}

	div#compareChart div.compareChartInstructions_left {
		float: left;
		width: 450px;
	}

	div#compareChart div.compareChartInstructions_right {
		float: right;
		width: 200px;
		padding-top: 4px;
		text-align: right;
	}
	
	div#compareChart div.compareChartInstructions_right p {
		margin-bottom: 5px;
		font-size: 11px;
		color: rgb( 89, 95, 102 );
	}

	div#compareChart div.compareChartInstructions h2 {
		margin-bottom: 2px;
		font-size: 17px;
		font-weight: bold;
		color: rgb( 8, 30, 85 );
	}

	div#compareChart div.compareChartInstructions p {
		margin-bottom: 3px;
		color: rgb( 81, 102, 127 );
	}

	div#compareChart div.compareChartInstructions p.ratingScaleKey {
		font-weight: bold;
		color: rgb( 10, 26, 111 );
	}

	div#compareChart div.compareChartInstructions div.clear {
		font-size: 1px;
	}

	div#compareChart table.tireRowOverview td {
		height: 120px;
		vertical-align: bottom;
		border-bottom: solid 1px rgb( 166, 161, 161 );
	}

	div#compareChart div.tireRowPromoContainer {
		float: left;
		width: 135px;
		padding-top: 10px;
		text-align: center;
	}

	div#compareChart div.tireRowSpecsContainer {
		float: right;
		width: 580px;
	}
	
	div#compareChart div.tireRowSpecsContainerTire {		
		float: left;
		width: 290px;
		padding-left: 160px;		
	}

	div#compareChart div.tireRowSpecsBg_left {
		background: url( '../img/catalog/compareChart_tireRowSpecsBg_lt.jpg' ) no-repeat left bottom;
	}
	
	div#compareChart div.tireRowSpecsBg_right {
		background: rgb( 223, 226, 241 ) url( '../img/catalog/compareChart_tireRowSpecsBg_rt.jpg' ) no-repeat right bottom;
	}

	div#compareChart table.tireRowSpecs {
	}
	
	div#compareChart table.tireRowSpecs th {
		padding: 2px 4px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: rgb( 8, 30, 85 );
		vertical-align: middle;
		text-align: center;
		border-bottom: solid 1px rgb( 189, 205, 224 );
		border-left: solid 1px rgb( 189, 205, 224 );
	}

	div#compareChart table.tireRowSpecs td {
		padding: 3px 4px;
		font-size: 14px;
		font-weight: bold;
		color: rgb( 8, 30, 85 );
		vertical-align: middle;
		text-align: center;
		border-left: solid 1px rgb( 189, 205, 224 );
	}
	
	div#compareChart table.tireRowSpecs th.tireRowSpecsLeft,
	div#compareChart table.tireRowSpecs td.tireRowSpecsLeft {
		padding-left: 8px;
		border-left: none;
	}

	div#compareChart table.tireRowSpecs th.tireRowSpecsRight,
	div#compareChart table.tireRowSpecs td.tireRowSpecsRight {
		padding-right: 8px;
	}

	div#compareChart td.tireRowOverviewImage span.tireRowImagePromo {
		display: none;
	}

	div#compareChart td.tireRowOverviewLinks {
		width: 150px;
	}

	div#compareChart td.tireRowOverviewLinks ul {
		margin: 0px;
		padding: 2px 0px 5px 10px;
		list-style: none;
		border-left: solid 1px rgb( 166, 161, 161 );
	}
	
	div#compareChart td.tireRowOverviewLinks ul li {
		padding: 1px 0px 5px 26px;
		background: url( '../img/catalog/tireBullet.jpg' ) no-repeat top left;
	}
	
	div#compareChart td.tireRowOverviewLinks ul li a:link,
	div#compareChart td.tireRowOverviewLinks ul li a:visited,
	div#compareChart td.tireRowOverviewLinks ul li a:active,
	div#compareChart td.tireRowOverviewLinks ul li a:hover {
		color: rgb( 10, 52, 104 );
		font-size: 11px;
	}

	div#compareChart div.closeCompareLink {
		margin-top: 10px;
		padding: 10px 0px;
		border-top: solid 1px rgb( 166, 161, 161 );
	}
	
	div#compareChart div.closeCompareLink a:link,
	div#compareChart div.closeCompareLink a:visited,
	div#compareChart div.closeCompareLink a:active,
	div#compareChart div.closeCompareLink a:hover {
		display: -moz-inline-box; /* Fixes Firefox */
		display: inline-block;
		padding: 1px 0px 5px 26px;
		background: url( '../img/catalog/tireBullet.jpg' ) no-repeat top left;
	}

}

@media print {

	div#compareChart div#printLogo {
		margin-bottom: 10px;
		text-align: center;
		border-bottom: solid 1px rgb( 9, 51, 103 );
	}

	div#compareChart div.compareChartInstructions h2 {
		margin-bottom: 2px;
		font-size: 17px;
		font-weight: bold;
		color: black;
	}

	div#compareChart div.compareChartInstructions p {
		margin-bottom: 3px;
		color: black;
	}

	div#compareChart div.compareChartInstructions p.ratingScaleKey {
		font-weight: bold;
		color: rgb( 10, 26, 111 );
	}

	div#compareChart div.compareChartInstructions_right p {
		display: none;
	}

	div#compareChart table.tireRowOverview td {
		height: 120px;
		vertical-align: bottom;
	}

	div#compareChart td.tireRowOverviewLinks {
		display: none;
	}

	div#compareChart div.tireRowPromoContainer {
		display: none;
	}

	div#compareChart td.tireRowOverviewImage span.tireRowImagePromo {
		display: block;
		width: 143px;
		padding: 2px 0px;
		text-align: center;
		font-weight: bold;
		background: rgb( 251, 208, 41 ) url( '../img/catalog/tireRowImagePromoBg.jpg' ) repeat-x top left;
		border: solid 1px rgb( 221, 178, 11 );
	}

	div#compareChart table.tireRowSpecs {
		padding-top: 5px;
	}
	
	div#compareChart table.tireRowSpecs th {
		padding: 2px 4px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		vertical-align: middle;
		text-align: center;
		border-bottom: solid 1px black;
		border-left: solid 1px black;
	}

	div#compareChart table.tireRowSpecs td {
		padding: 3px 4px;
		font-size: 14px;
		font-weight: bold;
		vertical-align: middle;
		text-align: center;
		border-left: solid 1px black;
	}

	div#compareChart table.tireRowSpecs th.tireRowSpecsLeft,
	div#compareChart table.tireRowSpecs td.tireRowSpecsLeft {
		border-left: none;
	}

	div#compareChart div.closeCompareLink {
		display: none;
	}

}

/*
----------------------------------------------------------------------
  Tire size chart module.
----------------------------------------------------------------------
*/

@media screen, print {

	div#tireSizeChart {
	}

	div#tireSizeChartContent table {
		width: 100%;
		margin-bottom: 20px;
		border-top: solid 1px rgb( 29, 97, 163 );
	}
	
	div#tireSizeChartContent table th {
		padding: 3px 5px 4px 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: black;
		text-align: center;
		background: rgb( 223, 226, 243 ) url( '../img/catalog/tireSizeChartHeadingBg.jpg' ) bottom no-repeat;
		border-left: solid 1px rgb( 189, 205, 224 );
		border-right: solid 1px rgb( 204, 219, 238 );
	}
	
	div#tireSizeChartContent table th.leftHeading {
		padding-left: 6px;
		background-position: bottom left;
		border-left: none;
	}
	
	div#tireSizeChartContent table th.rightHeading {
		padding-right: 6px;
		background-position: bottom right;
		border-right: none;
	}
	
	div#tireSizeChartContent table td {
		padding: 3px 5px;
		font-size: 12px;
		color: rgb( 57, 54, 54 );
		text-align: center;
		white-space: nowrap;
	}
	
	div#tireSizeChartContent table td.leftCell {
		text-align: left;
	}
	
	div#tireSizeChartContent table td.rightCell {
	}
	
	div.tireSizeChartDisclaimers {
		padding-top: 30px;
	}
	
	div.tireSizeChartDisclaimers p {
		margin-bottom: 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}

}

@media screen {

	div#tireSizeChart h2 {
		display: none;
	}

	div#tireSizeChart div.tireSizeChartInstructions {
		padding: 3px 7px;
		background: url( '../img/catalog/catalogChartInstructBg.jpg' ) no-repeat top left;
	}

	div#tireSizeChart div.tireSizeChartInstructions_left {
		float: left;
		width: 500px;
		padding-top: 5px;
	}

	div#tireSizeChart div.tireSizeChartInstructions_right {
		float: right;
		width: 200px;
		padding-top: 4px;
		text-align: right;
	}

	div#tireSizeChart div.tireSizeChartInstructions_right p {
		margin-bottom: 5px;
		font-size: 11px;
		color: rgb( 89, 95, 102 );
	}

	div#tireSizeChart div.tireSizeChartInstructions div.clear {
		font-size: 1px;
	}

	a#tireSizeChartLink:link,
	a#tireSizeChartLink:visited,
	a#tireSizeChartLink:active,
	a#tireSizeChartLink:hover {
		display: -moz-inline-box; /* Fixes Firefox */
		display: inline-block;
		padding-right: 20px;
		background: url( '../img/catalog/tireSizeChartLinkBg.gif' ) no-repeat;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		color: rgb( 9, 51, 103 );
		border-bottom: none;
	}
	a#tireSizeChartLink:hover {
		border-bottom: solid 1px rgb( 9, 51, 103 );
	}

	/* Controls the arrow on the tire size chart's link. */
	div.tireSizeChartOn a#tireSizeChartLink:link,
	div.tireSizeChartOn a#tireSizeChartLink:visited,
	div.tireSizeChartOn a#tireSizeChartLink:active,
	div.tireSizeChartOn a#tireSizeChartLink:hover {
		background-position: right top;
	}
	div.tireSizeChartOff a#tireSizeChartLink:link,
	div.tireSizeChartOff a#tireSizeChartLink:visited,
	div.tireSizeChartOff a#tireSizeChartLink:active,
	div.tireSizeChartOff a#tireSizeChartLink:hover {
		background-position: right bottom;
	}

	/* Controls the visibility of the tire size chart table. */
	div.tireSizeChartOn div#tireSizeChartContent {
		display: block;
	}
	div.tireSizeChartOff div#tireSizeChartContent {
		display: none;
	}

	div.tireSizeChartDisclaimers p {
		color: rgb( 81, 102, 127 );
	}
}

@media print {

	div#tireSizeChart {
		padding-top: 5px;
		border-top: solid 1px rgb( 9, 51, 103 );
	}

	div#tireSizeChart h2 {
		margin-bottom: 5px;
		text-transform: uppercase;
		color: rgb( 6, 22, 176 );
	}

	div#tireSizeChart div.tireSizeChartInstructions {
		display: none;
	}

}

/*
----------------------------------------------------------------------
  Category notes module.
----------------------------------------------------------------------
*/

@media screen {

	div#categoryNotes {
		display: none;
	}

}

@media print {

	div#categoryNotesWrite {
		padding: 3px;
		border: solid 1px rgb( 73, 109, 162 );
	}

	div#categoryNotesWriteInside {
		height: 190px;
		padding: 0px 1px;
		font-weight: bold;
		background: url( '../img/catalog/categoryNotesWriteLine.gif' ) top left;
	}

}

/*
----------------------------------------------------------------------
  Tire notes module.
----------------------------------------------------------------------
*/

@media screen {

	div#tireNotes {
		display: none;
	}

}

@media print {

	div#tireNotes {
	}

	div#tireNotesPromoBanner {
		float: left;
		height: 202px;
	}

	div#tireNotesWrite {
		padding: 3px;
		border: solid 1px rgb( 73, 109, 162 );
	}

	div#tireNotesWriteInside {
		height: 190px;
		padding: 0px 1px;
		font-weight: bold;
		background: url( '../img/catalog/tireNotesWriteLine.gif' ) top left;
	}
	
	div.tireNotesWriteSmall {
		float: right;
		width: 220px;
	}

}
/*
----------------------------------------------------------------------
  Catalog landing page.
----------------------------------------------------------------------
*/

div#landingPage {
	padding: 10px 0px;
	text-align: center;
	background: rgb( 201, 201, 201) url( '../img/catalog/landingPage/bg.jpg' ) top left repeat-x;
}

div#landingPage h1 {
	margin-bottom: 20px;
	text-transform: none;
}

div#landingPage ul {
	height: 170px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 22px;
	list-style-type: none;
	background: url( '../img/catalog/landingPage/Lines.gif' ) no-repeat top;
}

div#landingPage ul li {
	float: left;
	width: 175px;
}

div#landingPage ul li a:link,
div#landingPage ul li a:visited,
div#landingPage ul li a:active,
div#landingPage ul li a:hover {
	display: block;
	padding: 125px 5px 5px 5px;
}

div#landingPage a#landingPageLink_carMinivan {
	background: url( '../img/catalog/landingPage/catalogImage_carMinivan.jpg' ) no-repeat top;
}

div#landingPage a#landingPageLink_suvTruck {
	background: url( '../img/catalog/landingPage/catalogImage_suvTruck.jpg' ) no-repeat top;
}

div#landingPage a#landingPageLink_sportPerf {
	background: url( '../img/catalog/landingPage/catalogImage_perf.jpg' ) no-repeat top;
}

div#landingPage a#landingPageLink_winter {
	background: url( '../img/catalog/landingPage/catalogImage_winter.jpg' ) no-repeat top;
}

div#landingPage div#landingPageLinksText {
	clear: left;
	height: 35px;
}

div#landingPage div#landingPageLinksText p {
	margin-bottom: 0px;
	font-size: 11px;
	color: rgb( 53, 53, 62 );
}

div#landingPage div.landingPageLinksText_none p,
div#landingPage div.landingPageLinksText_carMinivan p,
div#landingPage div.landingPageLinksText_suvTruck p,
div#landingPage div.landingPageLinksText_sportPerf p,
div#landingPage div.landingPageLinksText_winter p {
	display: none;
}

div#landingPage div.landingPageLinksText_none p.landingPageLinksText_none {
	display: block;
}

div#landingPage div.landingPageLinksText_carMinivan p.landingPageLinksText_carMinivan {
	display: block;
}

div#landingPage div.landingPageLinksText_suvTruck p.landingPageLinksText_suvTruck {
	display: block;
}

div#landingPage div.landingPageLinksText_sportPerf p.landingPageLinksText_sportPerf {
	display: block;
}

div#landingPage div.landingPageLinksText_winter p.landingPageLinksText_winter {
	display: block;
}

div#landingPage div#landingPageBottomLinks {
	padding: 10px 0px;
}

div#landingPage div#landingPageBottomLinks img {
	margin: 0px 5px;
}