/* styling for GPS Member Rewards Website */

* {
	margin:0; padding:0;
}

body {
	background-color: #000000;
	background-image: url(images/pg-top-grad.png);
	background-repeat: repeat-x;
	background-position:0 27px;
}
html, input, textarea
	{
		font-family:"Lucida Grande", Helvetica, Arial, san-serif;
		font-size:11px;
		line-height:17px;
		color:#666666;	/* was 868686 - too light */	
}
h1 {font-size:20px; line-height:1.3em; margin-bottom:7px;}
h2 {font-size:14px;}
h3 {font-size:12px; margin-bottom:5px;}

/* form select and reset buttons */

.link3 { display:block; float:left; background:url(images/link3-bg.gif) left top repeat-x; color:#fff; text-decoration:none; margin-left:12px;}
.link3 em { display:block; background:url(images/link3-left.gif) no-repeat left top;}
.link3 b { display:block; background:url(images/link3-right.gif) no-repeat right top; padding:3px 9px 4px 10px; font-weight:normal; font-style:normal;}
.link3:hover { text-decoration:underline;}
.pad {padding:15px;}

#wrapper {
	width:820px; 
	margin:0 auto; 
	background-image:url(images/spotlight2.jpg);
	background-repeat:no-repeat;
	background-position:center 27px; 
/*border:1px solid #ffffff; */

}

	
/* header elements --------------- */
#header {
	height:85px;
	background:transparent;/* was 1B1B1B */
} 

.logo {margin:18px 0 0 10px; text-decoration:none;}
.phone {margin:15px 10px 0 0;}
/*#header .left {padding:13px 0 0 0;}  NOT USED top padding influences placement of logo - was 26 */

#header .right {
	float:right; padding:0px 20px 0 0px; width:450px;} /* top sub-navigation items if used */

#header .right ul {
	list-style:none; margin:0; padding:0; 
}
#header .right li {
	float:left; /* do not remove this */
	display:inline;
	margin-left:2px;
	padding:0px 11px 0px 11px; /* controls spacing */
}
#header .right a {
	color:#999999; /* was aeaeae */
	font-family:arial; 
	font-size:98%; 
	padding:0 5px 2px 0;
	/*display:block; */
}
#header .right li a img {float:right; margin:0; padding:0; width:16px;}
 
.h_logo{ width:100%; padding:5px 0px 0px 20px; } /* this positions the top sub-nav elements */

#page_image {width:100%; height:225px; background:#000000;}

#page_image .textbox {
	width:300px;
	float:right;
	padding:20px 0px 0px 0px;}
#page_image .h1 {
	font-size:28px;
	font-stretch:extra-condensed;
	color:#eaeaea;
	line-height:1.3em; 
}
#page_image .h2 {
	font-size:18px;
	color:#787878; /* was 6a6a6a - a bit too dark */
	line-height:1.3em; 
}

#newsfeed 
{
	background-color:#1E1E26;
	height:35px;
}
#newsfeed p {color:#CCCCCC; padding:8px 0 0 10px; text-transform:uppercase;}

/* Level 2 Page Sub Navigation Items ------------------------ */

#subpage {width:100%; height:160px; background:#000000;}

#subpage .feature_text {
	width:230px;
	float:right;
	padding:20px 0px 0px 20px;}
#subpage .h1 {
	font-size:18px;
	font-stretch:extra-condensed;
	color:#eaeaea;
	line-height:1.3em; 
}
#subpage .h2 {
	font-size:14px;
	color:#787878; /* was 6a6a6a - a bit too dark */
	line-height:1.3em; 
}
	
#footer {
	margin:12px 0 0 10px;
	height:40px;
}
#footer p {padding:10px 0 0 25px; color:#c7c7c7;font-size:90%;}
#footer a {color:#B1B1B1;}
#footer a:hover {color:#F1F1F1;}
#footer .right {float:right; text-align:right; padding-right:10px;}

.floatl { float:left;}
.floatr {float:right;}

.clear  { clear:both;}
.quote {color:#3d6f92; font-style:italic;}

.dotted_line {border-bottom:2px dotted #aeaeae;  margin-bottom:15px;} 

.redbold {font-weight:bold; color:#CC0000;}



/* main content rounded corner box -----------------------*/

.rbox_container {background-color:#F1F1F1;} 
.rbox_content { margin: 0 7px; padding:10px; } /* padding is for text */

.rbox_top div { background: url(images/crnr-tl.gif) no-repeat top left; }
.rbox_top { background: url(images/crnr-tr.gif) no-repeat top right; }
.rbox_bot div { background: url(images/crnr-bl.gif) no-repeat bottom left; }
.rbox_bot { background: url(images/crnr-br.gif) no-repeat bottom right; }

.rbox_top div, .rbox_top, .rbox_bot div, .rbox_bot {
	width: 100%;
	height: 14px;  /* needed to display corners */
	font-size: 1px;
}

/* grey rounded corner box -----------------------*/

.gbox_container {background-color:#B4B4B6; margin-top:10px;}
.gbox_container a {text-decoration:none; color:#636363; }
.gbox_container a:hover {color:#333333;} 
.gbox_content { margin: 0 7px; padding:20px; } /* padding is for text */

.gbox_top div { background: url(images/gbox_tl.gif) no-repeat top left; }
.gbox_top { background: url(images/gbox_tr.gif) no-repeat top right; }
.gbox_bot div { background: url(images/gbox_bl.gif) no-repeat bottom left; }
.gbox_bot { background: url(images/gbox_br.gif) no-repeat bottom right; }

.gbox_top div, .gbox_top, .gbox_bot div, .gbox_bot {
width: 100%;
height: 14px;  /* needed to display corners */
font-size: 1px;
}


/* different page layouts for content area ---------------------- */

/* left column = 2/3 of width */
#home_layout .col1 {width:500px;border-right:1px dotted #c7c7c7; padding:10px 20px 10px 20px;}
#home_layout .col2 {width:200px;float:right; padding:10px 20px 10px 20px;}

 
#layout1 .col1 {width:436px; border-right:1px dotted #c7c7c7; padding:10px 20px 10px 20px; }
#layout1 .col2 {float:right; width:280px; padding:10px 0px 10px 20px;}

/*  HOME PAGE elements -------------------------- */

.hometable {background:#F9F9F9; }
.hometable td {vertical-align:top; padding:15px 0px 15px 5px;}

.homefeature {width:100%; border-collapse:collaps;}
.homefeature td {vertical-align:top; text-align:center; padding:0px 20px 0px 20px;}
.homefeature a {text-decoration:underline;}

/* for rotating news feed */
textarea.test {
  width: 500px;
  /*height: 50; */
  border: none;
}

/* roadside table ------------- */
.rstable {background:#FFFFFF;}
.rstable caption {background:#CC0000; color:#FFFFFF; height:2em; border:1px solid #333333;}