/** Clear the air **/
@import "reset.css";

/** load the forms **/
@import "forms.css";

/** Globals **/

html {
	height: 100%;
	overflow-y: scroll;
}

body {
	height: 100%;
	background: #FFF;
}

body, form input, form button {
	font-family: "Lucida Sans", Arial, Helvetica, sans;
	font-size: 10px;
}

a:link, a:active, a:visited {
	color: #FF8100;
	text-decoration: none;
}

a:hover {
	cursor: pointer;
	text-decoration: underline;
}

strong {
	font-weight:bold;
}
/** /Globals **/
/** Utility Classes **/
.small {
	font-size: 10px;
}

.clear {
	clear: both;
}
/** /Utility Classes **/
/** Forms **/
label {
	display: block;
}

label.required {
	padding: 0 0 0 14px;
	color: #CC0018;
	background: url(../images/red_bullet.png) left center no-repeat;
}

.text-input {
	font-size: 10px;
	border: 0;
}

button {
	display: block;
	padding: 2px 10px;
	font-weight: bold;
	border: 1px solid #FFCF06;
	background: #FFF;
}

button:hover {
	cursor: pointer;
	background: #FFCF06;
	border-color: #FF8100;
}
/** /Forms **/

/** Skeleton Layout **/
#top-bg {
	position: absolute;
	top: 220px;
	width: 100%;
	height: 180px;
	background: url(../images/main_bg.png) repeat-x;
}

#foot-bg {
	margin-top: -160px;
	padding-bottom: 40px;
	z-index: 80;
	width: 100%;
	height: 120px;
	background: url(../images/foot_fade_bg.png) top repeat-x;
}

#top {
	position: relative;
	z-index: 90;
	min-height: 100%;
	background: url(../images/top_bg.png) center repeat-y;
}

#content {
	margin: 0 auto;
	padding: 0 0 40px 0;
	width: 780px;
}
/** Main Content Container **/
#content-container {
	float: left;
	width: 572px;
	padding: 12px 8px;
}
/** /Main Content Container **/
/** Global Header **/
#header {
	height: 220px;
	background: url(../images/header_bg.png) repeat-x;
}

h1#logo {
	width: 780px;
	height: 165px;
	margin: 0 auto;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
	background: url(../images/logo.jpg) no-repeat;
}

#logo a {
	display: block;
	width: 251px;
	height: 60px;
	text-indent: -1000px;
	overflow: hidden;
}
/** /Global Header **/
/** Left Column **/
#nav-column {
	float: left;
	width: 192px;
}

#banners {
	margin: 12px 6px;
}

#banners li {
	margin: 6px;
}
/** /Left Column **/
/** Footer **/
#footer {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 40px;
	margin: -40px 0 0 0;
	background: url(../images/footer_bg.png) repeat-x;
}

#footer-overlay {
	background: url(../images/footer_overlay.png) center top no-repeat;
}

#footer-container {
	width: 756px;
	margin: 0 auto;
	padding: 0 12px;
}

#footer-container, #footer-container p {
	line-height: 40px;
}

#footer-nav {
	float: left;
}

#footer-nav li {
	display: inline;
	padding: 0 8px 0 8px;
	border-left: 1px solid #5D5D5D;
}

#footer-nav li.first {
	padding-left: 0;
	border-left: 0;
}

#footer-nav a {
	color: #CC0018;
	text-decoration: underline;
}

#footer-nav a:hover {
	color: #000;
}

#credits {
	float: right;
	margin: 0;
}

#credits a {
	color: #000;
}
/** /Footer **/
/** /Skeleton Layout **/
/** Primary Navigation **/
#global-nav a {
	display: block;
	padding: 13px 0 13px 12px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/nav_bg.png) no-repeat;
}

#global-nav li.active a, #global-nav a:hover {
	color: #FFF;
	background-position: 0 -40px;
}
/** /Primary Navigation **/
/** Content Layout **/
h2, h3, h4, h5, h6 {
	margin: 0 0 3px 0;
}

p {
	margin: 0 0 15px 0;
	line-height: 14px;
}

h2 {
	color: #CC0018;
	font-size: 24px;
	font-weight: normal;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}

h4 {
	font-size: 14px;
	font-weight: normal;
}

h5 {
	font-size: 10px;
}

h6 {
	font-size :10px;
	font-style: italic;
}

#content-container ul {
	list-style: url(../images/bullet.png) inside;
	margin: 0 0 15px 0;
}

#content-container ul li {
	margin: 0 0 20px 0;
}

.flushright {
	margin-right: 0 !important;
}

.flushright p{
	text-align:center;
}

.one-column-block1, .one-column-block2, .two-column-block {
	position: relative;
	float: left;
	margin: 0 4px 5px 0;
	padding: 0 0 9px 0;
}

.one-column-block1, .one-column-block2 {
	width: 188px;
}

.one-column-block1 p, .one-column-block2 p {
	margin: 0 15px 8px 15px;
}

#store-block {
	height: 157px;
	background: url(../images/store_block_bg.png) bottom no-repeat;
}

#survey-block {
	height: 157px;
	background: url(../images/survey_block_bg.png) no-repeat;
}

#specials-block {
	height: 157px;
	background: url(../images/specials_block_bg.png) no-repeat;
}

#specials-block a {
	display:block;
	height:100%;
	text-indent:-1000px;
	overflow:hidden;
}

.one-column-foot1 {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: url(../images/1col_foot1.png) no-repeat;
}

.one-column-block1 {
	background: url(../images/red_bg_1col.png) repeat-y;
}

.one-column-block2 {
	font-size: 12px;
	font-weight: bold;
}

.one-column-block2 a {
	color: #CC0018;
	text-decoration: underline;
}

.two-column-block {
	width: 380px;
	height: 298px;
	background: url(../images/nitrogen_block_bg.png) bottom no-repeat;
}

.subtitle1, .subtitle2, .subtitle3, .subtitle4 {
	margin: 0 0 6px 0;
	padding: 15px 15px 11px 15px;
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
}

.subtitle1, .subtitle2, .subtitle3 {
	color: #FFF;
}

.subtitle4 {
	color: #000;
}

.subtitle1 {
	background: url(../images/red_title_1col.png) no-repeat;
}

.subtitle2 {
	background: url(../images/green_title_2col.png) no-repeat;
}

.subtitle3 {
	background: url(../images/black_title_1col.png) no-repeat;
}

.one-column-block1 {
	color: #FFF;
}

.one-column-block1 label {
	font-weight: bold;
	text-transform: uppercase;
}

.one-column-block1 button {
	margin: 55px 0 0 0;
	padding: 8px 3px;
	background: url(../images/tire_search_button.png) no-repeat;
	border: 0;
}

#slideshow {
	height: 298px;
	margin: 0 0 7px 0;
	padding: 1px 0 8px 5px;
	background: url(../images/splash_bg.png) no-repeat;
}

#slideshow ul {
	list-style: none;
}
/** Content-Mast **/
#content-mast {
	margin: 0;
}

#content-mast li {
	position: absolute;
	z-index: 85;
	width: 562px;
	height: 298px;
	margin: 0;	
}

#content-mast a:hover {
	text-decoration: none;
}

#content-mast li .overlay {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 75px;
	background: #000;
	opacity: .75;
	-moz-opacity: .75;
}

#content-mast li a {
	position: relative;
	display: block;
	height: 100%;
}

#content-mast li span {
	text-align: right;
	position: absolute;
	right: 12px;
	bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	line-height: 24px;
	color: #FFF;
	font-size: 20px;
	font-style: italic;
}

#content-mast li span em {
	display: block;
	color: #DFBC52;
	font-size: 16px;
	font-style: normal;
}
#whynitrogen {
	padding: 0 0 0 30px;
}
/** /Content mast **/
/** Calendar Popup (also see "datePicker.css") **/
.calendar-link {
	float: left;
	width: 21px;
	height: 15px;
	margin: 0 0 0 2px;
	background:url(../images/cal_icon.png) no-repeat 0 -15px;
}

.calendar-link:hover {
	background-position: 0 0;
}

.date-pick {
	float:left;
}
/** /Calendar Popup **/