/*   Retro Lube   */



/*   Styles Common To Many Pages   */

body {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #000000;   /* typical text color */
    min-width: 760px;
	letter-spacing: 0;	
    background-color: #ffffff;
}

#container {
    margin: 0px auto;
    width: 760px;
    height: 700px;
    text-align: left;
    position: relative;  /* used to allow absolute positioning within the container */
    background-color: #ffffff; 
    border: none;
}

#header_logo {
    position: absolute; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 200px; 
	height: 144px; 
	z-index: 1; 
	left: 0px; 
	top: 0px;
    background-color: transparent; 
    border: none;
}

#header {
    position: absolute; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 560px; 
	height: 140px; 
	z-index: 1; 
	left: 200px; 
	top: 0px;
    text-align: right;
    background-color: transparent;  
    border: none;
}

#page_identifier {
    position: absolute; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 450px; 
	height: 30px; 
	z-index: 1; 
	left: 270px; 
	top: 160px;
    text-align: center;
    background-color: transparent; 
    border: none;
}

#page_body_top {
    position: absolute; 
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 450px; 
	height: 440px; 
	left: 270px; 
	top: 200px;
	z-index: 1; 
    text-align: left;
	font-size: 12px;	
    background-color: transparent;  
    border: none;	
}

#left_column {
    position: absolute; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 244px; 
	height: 458px; 
	z-index: 1; 
	left: 0px; 
	top: 144px;
    text-align: left;
	font-size: 12px;
    background-color: transparent;
	background-image: url(Images/nav_back_white_bot_458x.jpg);
	background-repeat: no-repeat;
    border: none;	
}

#page_body_bottom {
    position: absolute; 
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px; 
	height: 100px; 
	left: 30px; 
	top: 670px;
	z-index: 1; 
    text-align: left;
	font-size: 12px;	
    background-color: transparent; 
    border: none;	
}

#footer {
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	top: 650px;
	left: 200px; 	
    width: 360px;
    height: 42px;
	z-index: 1; 
    text-align: center;
    line-height: 16px;
	font-size: 10px;
    background-color: transparent; 
}

img {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

img.rl_shop {
    margin: 0px 0px 5px 20px;
	padding: 0px 0px 0px 0px;
	border: none;
    float: right;
}

img.rl_services {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 10px;
	border: none;
    float: right;
}

div.with_border {
    margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px; 
	border-top: dashed 1px #cccccc;
}

p {
    letter-spacing: 0.1em;
	text-indent: 20px;
}

p.clear_all {
    margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
    clear: both;
	text-align: center; 
}

ul {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
    line-height: 20px;	
	list-style-position: outside;
	list-style-type: disc;
	text-indent: 0px;
	color: #006633; 
}
   
h1.page_id {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    font-family: Arial, sans-serif;
    font-size: 24px;
	font-weight: bold;
    line-height: 26px;
	color: #006699; /* #339999; */   
    background-color: transparent; 
}
 
h2.subtitle {
    margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	font-family: Arial, sans-serif;
    font-size: 20px;
	font-weight: bold;
    line-height: 22px;
	color: #333333;
    background-color: transparent;
}

h3.subtitle {
    margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	font-family: Arial, sans-serif;
    font-size: 14px;
	font-weight: bold;
    line-height: 16px;
	color: #333333;
    background-color: transparent;
}

span.underlined_and {
    text-decoration: underline;
	font-weight: bold;
}

span.italics {
    font-style: italic;
}

span.club_benefits_asterisk {
    color: #cc0000;     
	font-weight: bold;
}


/*--- Page Border Styles (change vertical positions in increments of 40px) ---*/

#border_bottom {
    position: absolute; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 760px; 
	height: 8px;
	line-height: 8px; 
	z-index: 1; 
	left: 0px; 
	top: 692px;
    background-color: #000000;
	background-image: url(Images/checkerboard.gif);
	background-repeat: repeat-x;
    border: none;
}

#border_left {
    position: absolute; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 8px; 
	height: 80px;
	line-height: 8px; 
	z-index: 1; 
	left: 0px; 
	top: 620px;
    background-color: #000000;
	background-image: url(Images/checkerboard.gif);
	background-repeat: repeat-y;
    border: none;
}

#border_right {
    position: absolute; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 8px; 
	height: 544px;
	line-height: 8px; 
	z-index: 1; 
	left: 752px; 
	top: 156px;
    background-color: #000000;
	background-image: url(Images/checkerboard.gif);
	background-repeat: repeat-y;
    border: none;
}



/*--- Tabular data associatd with motor oils ---*/

table.motor_oils { 
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%; 
	height: auto; 
    border-collapse: collapse;
	z-index: 1; 
	text-align: left;
	font-size: 12px;
    background-color: transparent;
    border: none; 	
}

td.motor_oils_column_1 {
    width: 250px;
}

td.motor_oils_column_2 {
    width: 40px;
}



/*--- Styles unique to the Store Locator page ---*/

#store_locator_state {
   position: absolute; 
   width: 200px; 
   height: 85px; 
   z-index: 1; 
   left: 540px; 
   top: 200px;
   background-color: transparent;
}

div.store_locator_scroll {
   position: absolute;
   overflow: auto; 
   width: 160px;  /* remember the 10px + 10px padding  */ 
   height: 240px; 
   z-index: 1; 
   left: 549px; 
   top: 285px;
   background-color: #eeeede;
   color: #666633;   
   font-size: 11px;
   line-height: 16px;
   padding: 0px 10px 0px 10px;
   scrollbar-face-color: #cc3333;
   scrollbar-arrow-color: #ffffff;
}

span.store_locator_scroll_city {
   font-size: 14px;
   color: #333333;
   font-weight: bold;
}

#store_scroll_tail {
   position: absolute;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;  
   width: 180px;
   height: 40px; 
   z-index: 1; 
   left: 549px; 
   top: 525px;
   background-color: transparent;
}



/*--- Styles unique to the Talk To Us page ---*/


span.survey_q {
	font-weight: bold;
}

span.survey_valid_only_with_ {
	font-size: 10px;
	letter-spacing: 0;	
}

table.survey { 
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%; 
	height: auto; 
    border-collapse: collapse;
	z-index: 1; 
	text-align: left;
	font-size: 12px;
    background-color: transparent; 
    border: none; 	
}

td.survey1_column_1 {
    width: 40%;
}

td.survey1_column_2 {
    width: 5%;
}

td.survey1_column_3 {
    width: 55%;
}

td.survey2_column_1 {
    width: 55%; 
}

td.survey2_column_2 {
    width: 3%;
}

td.survey2_column_3 {
    width: 42%;
}

td.survey3_column_1 {
    width: 45%;
}


td.survey_column_1 {
    width: 100%;
}

input, select, textarea {
    background-color: #ffffff;
    border: solid 1px #cccccc;
}

input.radio_button {
    background-color: transparent;
    border: none;
}

input.button {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 1.4em;
	background-color: #ff3300;
	border: solid 1px #ffffcc;
	color: #ffffff;	
}

input.button_hover {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 1.4em;
	background-color: #669933;
	border: solid 1px #006600;
	color: #ffffcc;	
}




/*---------------------------------------*/
/*       Link and Navigation Styles      */
/*---------------------------------------*/

/*--- Standard Links ---*/


a:link {
   color: #cc0000; 
   font-weight: bold; 
   text-decoration: none;
   background-color: transparent;
}

a:visited {
   color: #cc0000; 
   font-weight: bold; 
   text-decoration: none;
   background-color: transparent;
}

a:hover {
   color: #669933;  
   font-weight: bold; 
   text-decoration: underline;
   background-color: transparent;
}

a:active { 
   color: #cc0000; 
   font-weight: bold; 
   text-decoration: none;
   background-color: transparent;
}



/*--- Primary navigation ---*/

#nav_primary {
    position: absolute; 
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 142px; 
	height: auto; 
	z-index: 1; 
	left: 16px; 
	top: 80px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
    background-color: transparent;
    border: none;	
}


a:link.nav_primary_link {
   margin: 0px 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   color: #ac4435; 
   text-decoration: none;
   background-color: transparent;
}

a:visited.nav_primary_link {
   margin: 0px 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   color: #ac4435; 
   text-decoration: none;
   background-color: transparent;
}

a:hover.nav_primary_link {
   margin: 0px 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   color: #ac4435;  
   text-decoration: none;
   background-color: #ffffcc; 
   border: solid 1px #ffcc00;
}

a:active.nav_primary_link { 
   margin: 0px 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   color: #ac4435; 
   text-decoration: none;
   background-color: transparent;
}


a:link.nav_primary_link_on {
   margin: 0px 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   color: #006699; 
   text-decoration: none;
   background-color: transparent;
}

a:visited.nav_primary_link_on {
   margin: 0px 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   color: #006699; 
   text-decoration: none;
   background-color: transparent;
}

a:hover.nav_primary_link_on {
   margin: 0px 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   color: #006699;  
   text-decoration: none;
   background-color: transparent; 
}

a:active.nav_primary_link_on { 
   margin: 0px 0px 0px 0px;
   padding: 0px 5px 0px 5px;
   color: #006699; 
   text-decoration: none;
   background-color: transparent;
}



/*--- Services navigation ---*/

table.services { 
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%; 
	height: auto; 
    border-collapse: collapse;
	z-index: 1; 
	text-align: center;	
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
    background-color: transparent;
    border: none; 	
}

.services_row_2_and_4_outer_cells {  
    width: 45%;
}

.services_row_2_and_4_inner_cells {  
    width: 10%;
}

.services_row_3_outer_cells {  
    width: 25%;
}

.services_row_3_inner_cells {  
    width: 50%;
}


a:link.nav_service {
    color: #cc3300; 
    text-decoration: none;
    background-color: transparent;
}

a:visited.nav_service {
    color: #cc3300; 
    text-decoration: none;
    background-color: transparent;
}

a:hover.nav_service {
    color: #006699; 
    text-decoration: none;
}

a:active.nav_service { 
    color: #cc3300; 
    text-decoration: none;
    background-color: transparent;
}


/*--- 'Return to Top' Links ---*/

a:link.goto_top_link {
    color: #ffffff;
	font-weight: bold;  
    text-decoration: none;
    background-color: #cc0000;  
    border: solid 1px #993300; 
    border-top: solid 1px #ff6600; 
}

a:visited.goto_top_link {
    color: #ffffff;  
	font-weight: bold;  
    text-decoration: none;
    background-color: #cc0000;  
    border: solid 1px #993300; 
    border-top: solid 1px #ff6600; 
}

a:hover.goto_top_link {
    color: #ffffff;  
	font-weight: bold;  
    text-decoration: none;
    background-color: #669933;  
    border: solid 1px #006633; 
    border-top: solid 1px #99CC66; 
}

a:active.goto_top_link { 
    color: #ffffff;  
	font-weight: bold;  
    text-decoration: none;
    background-color: #cc0000;  
    border: solid 1px #993300; 
    border-top: solid 1px #ff6600; 
}





/*--- Signature ---*/


a:link.signature {
   color: #cc0000; 
   text-decoration: none;
   background-color: transparent;
}

a:visited.signature {
   color: #cc0000; 
   text-decoration: none;
   background-color: transparent;
}

a:hover.signature {
   color: #ff0000;  
   text-decoration: none;
   background-color: transparent;
}

a:active.signature { 
   color: #cc0000; 
   text-decoration: none;
   background-color: transparent;
}