@charset "utf-8";

/* ----------------------------------
swell | web | graphic | design
Copyright 2009
written for - www.HensleeAutoParts.com

swatch colors ----------------------
charcoal: #333333
dark red: #BD0404
green:    #009245

------------------------------------*/

/*----- Resets and overrides ------------*/

body {
	background: #333333;
	padding: 0;
	text-align: center;
}

/*----- Links and type ------------------*/

body {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

/* headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

/* text elements */
p           { margin: 0 1.5em .5em 0; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:hover     { color: #BD0404; text-decoration: underline; }
a           { color: #BD0404; text-decoration:none }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }

/* lists */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          {margin: 2em 1.5em; list-style-type: disc; list-style-image:url(../graphics/henslee-bullet_03.png) }
ol          { list-style-type: decimal; }

ul li {margin:1em 0}

/*----- Main layout ---------------------*/
.henslee #container {
	width: 1040px;
	background: #FFF url(../graphics/henslee-background_02.jpg) repeat-y;	 
	margin: 0 auto; 
	text-align: left; 
}
.henslee #header { height:266px;}
.henslee #mainContent {
	padding: 0 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFF url(../graphics/henslee-background_02.jpg) repeat-y;	 
}
#address{text-align:center; font-size:90%; padding-left: 45px}
#warranty-text ol{margin: 20px 50px}
#warranty-text {margin: inherit 75px; height:700px}
.henslee #footer {
	padding: 0 50px 30px 50px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(../graphics/henslee-footer_03.jpg) no-repeat bottom;	
}

/* A container should group all your columns. */
.container {
  width: 950px;
  margin: 0 auto;
}

div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #ccc;
}


/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-3, div.span-4, div.span-8, div.span-9, div.span-10, 
div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-24 {
  float: left;
  margin-right: 10px; 
}

.span-1  { width: 30px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-20 { width: 790px; }
.span-24 { width: 950px; margin: 0; }

.last, div.last { margin-right: 0; }
.prepend-1  { padding-left: 40px; }  
.prepend-2  { padding-left: 80px; } 
.pull-5 { margin-left: -200px; }

/*----- Secondary layout elements -----*/
.henslee #mainContent h1{text-align:left;}
.henslee #footer p {
	margin: 0; 
	padding: 10px 0;
	text-align:center;
	font-size: 80%; 
}
img.left  { float: left; margin: 0 1.5em; padding: 0; }
img.right { float: right; margin: 0 1.5em; padding: 0; }

#payment-types p img.left  { float: left; margin: 4em 1.5em 1.5em 0; padding: 0; }


/*----- Navigation -------------------*/
div#menu {margin: -10px 45px 10px 10px; padding: 0; float:right; position: relative; z-index:999; width:540px;}
#menu ul {margin: 0; padding: 0; height:40px;}
#menu img { border: none; }
#menu li { display: inline; list-style:none; }
#menu li a { float: left; display:block; width: 135px; height: 34px; margin: 0; }
#menu li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#menu li a:hover { visibility:visible; }
/*#menu li a:hover img { visibility:visible; }
*/#menu li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

/* active states */
#home { background:url(../graphics/active-button_03.png) no-repeat left bottom; }
#search { background:url(../graphics/active-button_05.png) no-repeat left bottom; }
#warranty { background:url(../graphics/active-button_07.png) no-repeat left bottom; }
#contact { background:url(../graphics/active-button_09.png) no-repeat left bottom; }

/*----- Form elements -------------------*/

/*----- Miscellaneous -------------------*/
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.lclear{clear:left;}
.rclear{clear:right;}
.left {float:left}
.right {float:right}

/*----------------------SIFR-------------------------*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size:32px;
	line-height:25px;
}

/*.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 16px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/