@charset "UTF-8";

/*
--------------------------------------------------------------------------------
 CSS: Dynamic Event Landing Page.
--------------------------------------------------------------------------------
*/

/* Page content background */

.contentBg {
	background-color: #b7c1d0;
	background-image: url(../img/backgrounds/bodyContent-bg-repeat.gif);
	background-repeat: repeat-y;
}

/* Left column. */
div#my_leftColumn {
	float: left;
	width: 488px;
}

div#my_leftColumnContent {
}

/* This overrides the breadcrumb style defined in /css/gytires_v2.css. */
div.breadcrumbs {
	margin-bottom: 0px;
	padding: 10px 10px 0px 10px;
}

.main_center-bg {
	background-image: url(../img/backgrounds/main-bg-repeat.jpg);
	background-repeat: repeat-y;
}

/* background image behind main offer */
.main_top-bg {
	background-image: url(../img/backgrounds/main-bg-top-message.jpg);
	background-repeat: no-repeat;
}

.main_bot-bg {
	background-image: url(../img/backgrounds/main-bg-bottom-stripes.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.main_inside {
	margin: 0;
	padding: 5px;
}

.main_inside h1.panelHeader {
	float: left;
	margin: 0;
	padding: 15px 0 15px 15px;
	font-size: 15px;
}

.main_inside .bookMarkBtn {
	float: right;
	margin: 0;
	padding: 10px 15px 10px 0;
}

div#my_leftColumnContent h1 {
	padding-top: 15px;
	font-size: 14px;
}

/* Right column. */
div#my_rightColumn {
	float: right;
	width: 252px;
}

div#my_rightColumnContent {
	padding: 15px 10px 0 0;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../img/backgrounds/toolPanel-bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

/* Override existing style for H1. */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6793e3;
	padding-left: 10px;
	font-size: 16px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
}

.my_center {
	text-align: center;
}

.my_footnote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: justify;
}

.my_nowrap {
	white-space: nowrap;
}

.my_copyright {
	/*background-image: url('img/tireListBG.jpg');
	background-attachment:fixed;
	background-position:bottom;
	*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	padding: 5px 0;
}

/*
--------------------------------------------------------------------------------
  Main Message.
--------------------------------------------------------------------------------
*/

div#my_mainMessage {
	text-align: center;
	
}

div#my_mainMessage h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin: 2px 0;
	padding: 2px 0;
	color: #FFFFFF;
	line-height: 22px;
	height: 10%;
}

div#my_mainMessage h2.col2 {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	padding-top: 5px;
	color: #FFFFFF;
	letter-spacing: -1px;
}

div#my_mainMessage h3.col2 {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	margin: -2px 0 15px 0;
	padding-top: 0;
	color: #FFFFFF;
}

div#my_mainMessage div.my_oneColumn div#my_rebateFormButton {
	margin: 10px 0 0 0;
}

div#my_mainMessage div.my_twoColumn div#my_rebateFormButton {
	float: right;
	width: 225px;
	height: 40px;
	padding-top: 5px;
	text-align: left;
}

div#my_mainMessage div.my_oneColumn div#my_graphic1 {
}
.twoColDates {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

div#my_mainMessage div.my_twoColumn div#my_graphic1 {
	float: left;
	width: 240px;
	padding-left: 5px;
	margin-bottom: 10px;
	text-align: left;
}

div#my_mainMessage div.my_oneColumn div#my_mainCopy {
	padding: 0px 20px;
}


div#my_mainMessage div.my_twoColumn div#my_mainCopy {
	float: right;
	width: 215px;
	padding-right: 10px;
	text-align: left;
}

div#my_mainMessage div#my_mainCopy,
div#my_mainMessage div#my_mainCopy p {
	color: white;
	font-size: 12px;
}

div#my_mainMessage div#my_logo {
	margin: 0;
	padding: 0 0 8px 0;
}

div#my_mainMessage div.my_twoColumn div#my_mainCopy div#my_bookmark p {
	font-size: 10px;
}

div#my_mainMessage div.my_oneColumn div#my_mainCopy div#my_bookmark p {
	font-size: 10px;
}

div#my_mainMessage div#my_offerDates {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 5px 0;
}

div#my_mainMessage div#my_approvalDisclaimer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	padding: 0 10px 10px 10px;
	color: #FFFFFF;
}

div#my_mainMessage div#my_graphic2 {
	padding-left: 5px;
	text-align: left;
}

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

/*
--------------------------------------------------------------------------------
  Complete Details.
--------------------------------------------------------------------------------
*/

div#my_details {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#my_detailsLinkContainer {
	/* 
	margin top sets y location of stripe bar beneath see full list link 
	*/
	margin: 0px -10px 0px -10px;
	
	padding-top: 0;
	text-align: center;
	color: #000000;
	font-size: 11px;
	/*height: 40px;*/
}
.my_detailsOff {
	background: url('../img/tireListBG_off.jpg') no-repeat;
	background-position:top;
}
.my_detailsOn {
	background: url('../img/tireListBG.jpg') no-repeat;
	background-position:top;
}
/*
padding top aligns the link vertically centered within the stripe bar
*/
div#my_detailsLinkContainerInside {
	padding-top: 2px;
}

div#my_detailsContent {
	color: #000000;
}

div#my_detailsContentInside {
	margin-top: 10px;
}

div#my_detailsContentInside h1 {
	font-size: 14px;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	background-position: center;
}

div#my_detailsContentInside .my_footnote {
	font-size: 10px;
	line-height: 10px;
}

div#my_detailsContentInside, div#my_detailsContentInside p {
	padding: 0 10px 10px 10px;
}

div#my_detailsContentInside .my_detailsRow {
	padding: 5px;
	font-size: 10px;
}

div#my_detailsContentInside .my_detailsRow  ul li {
	padding-bottom: 5px;
}

div#my_detailsContentInside .my_detailsRow  a:link,
div#my_detailsContentInside .my_detailsRow  a:visited,
div#my_detailsContentInside .my_detailsRow  a:active,
div#my_detailsContentInside .my_detailsRow  a:hover {
	color: #000000;
}

div.my_detailsOff a#my_detailsLink:link,
div.my_detailsOff a#my_detailsLink:visited,
div.my_detailsOff a#my_detailsLink:active,
div.my_detailsOff a#my_detailsLink:hover {
	padding-right: 11px;
	background: url( '../img/btns/arrow_right.gif' ) right no-repeat;
	font-weight: bold;
	color: #000000;
	height: 13px;
}

div.my_detailsOn a#my_detailsLink:link,
div.my_detailsOn a#my_detailsLink:visited,
div.my_detailsOn a#my_detailsLink:active,
div.my_detailsOn a#my_detailsLink:hover {
	padding-right: 15px;
	background: url( '../img/btns/arrow_down.gif' ) right no-repeat;
	font-weight: bold;
	color: #000000;
	height: 10px;
}

div.my_detailsOff div#my_detailsContent {
	display: none;
}

div.my_detailsOn div#my_detailsContent {
	display: block;
	background: url('../img/tireListBG.jpg') no-repeat;
	background-position:bottom;
}

div.my_detailsRow ul a:link,
div.my_detailsRow ul a:visited {
	text-decoration: none;
	border-bottom: 0px; /* Do this to avoid improper superscript underlining in IE. */
}

div.my_detailsRow ul a:active,
div.my_detailsRow ul a:hover {
	text-decoration: none;
	border-bottom: solid 1px black; /* Do this to avoid improper superscript underlining in IE. */
}

div#my_details h2 {
	font-size: 12px;
	margin-bottom: 12px;
}

div#my_details p {
	font-size: 8px;
	margin-bottom: 0px;
}

div#my_details ul {
	margin: 0px;
	padding-left: 40px;
	list-style:disc;
	/*list-style-type: none;*/
}

/*
--------------------------------------------------------------------------------
  Tire Selector.
--------------------------------------------------------------------------------
*/

/* The right-side Tire Selector module. */
div#my_tireSelector {
	margin: 0;
	padding: 10px 10px 0 20px;
}

div#my_tireSelector p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
	color: #c9daf0;
	margin: 0;
}

div#my_tireSelector h2 {
	margin-bottom: 2px;
}

ul.my_formFieldList {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.my_formFieldList li {
	padding-bottom: 5px;
	text-align: center;
}

ul.my_formFieldList li label {
	display: block;
	width: 200px;
	margin: 0px auto;
	text-align: left;
	color: #003366;
}

ul.my_formFieldList li select {
	width: 190px;
}

/*
--------------------------------------------------------------------------------
  Retailer Locator.
--------------------------------------------------------------------------------
*/

/* The right-side Retailer Locator module. */
div#my_retailerLocator {
	margin: 25px 10px 10px 20px;
}

div#my_retailerLocator p {
	line-height: 11px;
	color: #c9daf0;
	margin: 0;
	padding: 2px 8px 8px 0px;
}

div#my_retailerLocator h2 {
	margin-bottom: 2px;
}

/*
--------------------------------------------------------------------------------
  Tabs.
--------------------------------------------------------------------------------
*/

div.tabContainer {
	height: 220px;
	margin: 0;
	padding: 20px 0 0 0;
}

ul.tabOptions {
	height: 28px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: url('../img/btns/tab-bg.png')
		repeat-x top;
}

ul.tabOptions li {
	float: left;
	overflow: hidden;
}

ul.tabOptions li a:link,
ul.tabOptions li a:visited,
ul.tabOptions li a:active,
ul.tabOptions li a:hover {
	display: block;
	font-size: 10px;
	text-align: center;
}

ul.tabOptions li a:link span,
ul.tabOptions li a:visited span,
ul.tabOptions li a:active span,
ul.tabOptions li a:hover span {
	display: block;
	padding: 4px 8px;
	margin: 0;
}

a.tabOption_on:link,
a.tabOption_on:visited,
a.tabOption_on:active,
a.tabOption_on:hover {
	font-weight: bold;
	background:url('../img/btns/tab-r-current.jpg')
		no-repeat right top;
	padding-bottom: 3px;
}

a.tabOption_on:link span,
a.tabOption_on:visited span,
a.tabOption_on:active span,
a.tabOption_on:hover span {
	background:url('../img/btns/tab-l-current.jpg')
		no-repeat left top;
}

a.tabOption_off:link,
a.tabOption_off:visited,
a.tabOption_off:active,
a.tabOption_off:hover {
	font-weight: normal;
	color: #DDE2E8;
	background:url('../img/btns/tab-r-norm.jpg')
      no-repeat right top;
}

a.tabOption_off:link span,
a.tabOption_off:visited span,
a.tabOption_off:active span,
a.tabOption_off:hover span {
	background:url('../img/btns/tab-l-norm.jpg')
		no-repeat left top;
}

div.tabPanes {
	clear: left;
}

div.tabPane {
	/*border: solid 1px black;*/
}

div.tabPane_on {
	display: block;
}

div.tabPane_off {
	display: none;
}

div.tabPaneContent {
	padding: 2px;
	text-align: center;
}
div.my_tireCatalog-info  {
	color: #003366;
	padding: 0 15px;
}

/*
--------------------------------------------------------------------------------
  Disclaimers.
--------------------------------------------------------------------------------
*/

div#my_disclaimers {
	margin: 80px 15px 20px 15px;
}

div#my_disclaimersLinkContainer {
	margin-bottom: 10px;
	font-size: 9px;	
}

div#my_disclaimersContent {
}

div#my_disclaimersContentInside {
	color: #2c6196;
}

div.my_disclaimersOff a#my_disclaimersLink:link,
div.my_disclaimersOff a#my_disclaimersLink:visited,
div.my_disclaimersOff a#my_disclaimersLink:active,
div.my_disclaimersOff a#my_disclaimersLink:hover {
	padding-right: 15px;
	background: url( '../img/btns/arrow_right.png' ) right no-repeat;
	color: #2c6196;
	text-decoration: none;
}

div.my_disclaimersOn a#my_disclaimersLink:link,
div.my_disclaimersOn a#my_disclaimersLink:visited,
div.my_disclaimersOn a#my_disclaimersLink:active,
div.my_disclaimersOn a#my_disclaimersLink:hover {
	padding-right: 15px;
	background: url( '../img/btns/arrow_down.png' ) right no-repeat;
	color: #2c6196;
	text-decoration: none;
}

div.my_disclaimersOff div#my_disclaimersContent {
	display: none;
}

div.my_disclaimersOn div#my_disclaimersContent {
	display: block;
}

div#my_disclaimers p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/*
--------------------------------------------------------------------------------
 CSS: 2008 NPP4 Rebate Form Page.
--------------------------------------------------------------------------------
*/

body, p, ul, ol, th, td {
	font-size: 8pt;
}

sup {
	vertical-align: top;
}

ol.instructionsList {
	margin-left: 20px;
	padding-left: 0px;
}
ol.instructionsList li {
	margin-bottom: 5px;
	list-style-type: decimal;
}

div.consumerFormRow {
	margin-top: 5px;
	margin-bottom: 15px;
	border-bottom: dashed 1px #999999;
	font-weight: bold;
}

div.forRetailerUse {
	border-top: dashed 2px #666666;
	margin-top: 20px;
	padding-top: 10px;
}

div.forRetailerUse div.retailerFormRow {
	margin-top: 2px;
	margin-bottom: 5px;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	color: #666666;
}

.logoFooter {
	text-align:center;
}

/*
--------------------------------------------------------------------------------
 CSS: Dynamic Rebate Form Page.
--------------------------------------------------------------------------------
*/
body.white {
	background-color: #fff;
}

div.dashedContainer {
	margin: auto; 
	width: 590px; 
	padding: 3px 30px 5px 30px; 
	border: dashed 1px black;
}

.certCode {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	text-align:right;

}

div#rebateContent h1 {
	font-size: 18px;
	color: #000;
	text-align: center;
}

div#rebateContent h2 {
	font-size: 16px; 
	text-align: center;
}

div#rebateContent h3 {
	font-size: 14px; 
	text-align: center;
}

div#rebateContent div#my_formHeader {
	padding-bottom: 20px;
}

div.contentGrpPadding {
	margin-bottom: 10px;
}
div.contentGrpPadding div.checkBoxAppFor {
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
}

div.storeFormRowForm {
	margin-top: 25px;
	border-top: dashed 1px #999999;
	text-align: center;
}

div.my_detailsRowForm  h4 {
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding-bottom: 5px;
}

div.my_detailsRowForm  h4.doubleAmt {
	font-size: 12px;
	text-align: center;
	margin-top: -4px;
	padding: 0;
}

div.my_detailsRowForm {
	text-align: center;
}

div.my_detailsRowForm  a:link,
div.my_detailsRowForm  a:visited,
div.my_detailsRowForm  a:active {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #999;
	font-size: 11px;
	line-height: 20px;
}
div.my_detailsRowForm  a:hover {
	color: #000066;
}

div.my_detailsRowForm p {
	font-size: 11px;
	line-height: 20px;
	padding-bottom:0;
	margin-bottom:-20px;
}

div.my_detailsRowForm p span {
	padding: 0 6px 0 6px;
}

div.my_detailsColumn {
	float:left;
	width:49%;
}

div.colAlignRight {
}

div.colAlignRight div.my_detailsRowForm {
	text-align:right;
}

div.colAlignLeft {
	border-left:1px solid #000000;
}

div.colAlignLeft div.my_detailsRowForm {
	padding-left:5px;
	text-align:left;
}

div#privacy {
	text-align: center;
	font-style: italic;
}

div.checkboxRebateGrp {
	width: 50%; 
	float: left;
}

.my_logo {
	text-align: center;
}

img.checkBoxsm {
	margin: 2px 2px 6px 2px; 
	vertical-align:middle;	
}

div.my_questionContainer div.clear {
	font-size: 1px;
	clear: both;
}

div.my_question {
	font-weight: bold;
}

ul.my_answerList {
	margin: 0px;
	padding-left: 10px;
	list-style-type: none;
}

ul.my_answerList li.my_yesNoAnswer {
}

ul.my_answerList li.my_checkAnswer {
	float: left;
	width: 120px;
}

/* NPP5 */
/* Current Promo */
#content { width:800px !important; }
#content h3 { height: 30px; padding: 10px 0 0 0; font-weight: bold; color: #000000; font-size: 14px; }
#content .image-only-rebate,
#content .image-one,
#content .image-two { width: 312px; height: 216px; position: relative; margin: 0 0 15px 6px; text-indent: -9999px; -moz-box-shadow: 0 4px 5px #333; -webkit-box-shadow: 0 4px 5px #333; box-shadow: 0 4px 5px #333; }
#content .col-one { width: 325px; margin: 0 40px 0 0; float: left; }

#content .image-one  { background: url(../img/tire-deals/bg-tns-40-rebate.png); }

#content .image-two  { background: url(../img/tire-deals/bg-tns-50-rebate.png); }
#content .image-two a  { display: block; position: absolute; width: 70px; height: 18px; top: 180px; left: 32px; }

#content .image-only-rebate { height: 348px !important; background: url(../img/tire-deals/bg-2011-npp3-80-only-rebate.png) !important; }
#content .image-only-rebate a  { display: block; position: absolute; width: 89px; height: 23px; top: 301px; left: 35px; }

#content .col-two { width: 379px; float: left; padding: 0 2px 2px 2px; border-left: 2px solid #d0d0d0; border-right: 2px solid #d0d0d0; border-bottom: 2px solid #d0d0d0; margin: 0 0 60px 0; }
#content .tire-box { width: 379px; margin: 0 0 3px 0; background: #d4d4d4 url(../img/backgrounds/npp5-tirelist.png) repeat-x top; overflow: hidden; border-bottom: 1px solid #999; }
	#content .tire-box.bottom { margin: 0; }
#content .tire-box h4 { display: block; padding: 10px 0 10px 10px; font-weight: bold; color: #000; font-size: 12px; }
#content .tire-box ul { width: 178px; margin: 0 0 20px 10px; float: left; }
#content .tire-box ul li { list-style: none; font-size: 12px; margin: 0 0 0 3px; line-height: 14px; }
#content #my_approvalDisclaimer { font-size: 9px; color: #000; }

/* Current Promo no-nav */
.promo-nonav .image-one { height: 348px !important; background: url(../img/tire-deals/bg-npp5-80-only-rebate.png) !important; }
.promo-nonav .image-two { display: none; }

p.headline{font-size: 24px; font-weight: bold;  line-height: 26px;  margin-bottom: 10px; -webkit-text-shadow: 0 0 1px grey; text-shadow: 0 0 1px grey; -moz-text-shadow: 0 0 1px grey; text-transform: uppercase;}