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

Common screen styles that are used in all static pages

--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
* {
	margin:0;
	padding:0;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
html { background:#fffffe; }
body {
	background:#ffffffe url(bg-span.gif) repeat-x;	
	color:black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:95%;
  line-height: 2; /* Unitless for proper inheritance */
	}
   
body          { font-size: 75%; }   /* IE */
html > body   { font-size: 12px; }  /* Other browsers */

/*--------------------------------------------------------------
 Main Link Styles 
--------------------------------------------------------------*/
a {color: #000; font-weight: bold; text-decoration: none;}
a:hover {color:#FF7900;text-decoration:underline;}
a img {border:0;}
#spotlight a { font-weight: normal; text-decoration: underline; line-height: normal; font-size: 90%; }

/*--------------------------------------------------------------
 Common element styles 
--------------------------------------------------------------*/
p           { margin: 0 0 1.5em 0; }
p.last      { margin-bottom:0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */
#spotlight p { line-height: normal; font-size: 90%; margin: 1.8em 0 0 0;}
p.title			{ font-weight: bold; margin: 0; }
p.view			{ font-weight: normal; float:right; font-size: 80%; padding-right: 10px; line-height: normal; }
p.view a		{ color: #ff7900; }
p.date			{ color: #ff7900; font-size: 80%; margin: 0; }
p.small			{ font-size: 80%; }

#right-content ul { margin-bottom: 1em; }
#right-content ul a { font-weight: normal; }
li      { margin: 0; padding-left: 10px; list-style: none; background:url(bullet.gif) no-repeat 0 10px; }
#left-content ul { margin: 0 0 21px 0; padding: 0; list-style: none; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #b61c1a; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #B2CCFF; 
  color: #B2CCFF;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 0.1em;
  margin: 0 0 1.4em 0;
  border: none; 
}
* html hr { margin: 0 0 1.2em 0; } /* IE6 fix */

acronym, dfn, abbr {
	text-decoration:none;
	padding-bottom:2px;
	cursor:help;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:separate;
	border-spacing:0;
	}
caption, th, td {
	text-align:left;
	font-weight:normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/*--------------------------------------------------------------
 Heading Styles 
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { 
  font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  color:#111; 
  clear:none;
	line-height: normal;
	}
h1 { font-size: 3em; }
h2 { font-size: 1.8em; font-weight: normal; margin-bottom: 16px; }
#content h2 { color: #025483; border-bottom: 1px solid #025483; }
#left-content h2 { color: #025483; border-bottom: 1px solid #ffffff; }
#spotlight h2 { padding: 0; border: 0; }
h3 { font-size: 1.5em; line-height:2; }
#spotlight h3 { color: #380982; font-size: 1.2em; font-weight: bold; line-height: normal; }
.product-preview h3 { color: #025483; line-height: normal; }
h4 span { color: #000; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }

#right-content .floater h2 { border: 0; margin: 0; }
#right-content .floater { border-bottom: 1px solid #ffe6cf; margin-bottom: 16px; }
#right-content .floater .left { float: left; width: 366px; }
#right-content .floater .right { float: right; width: 200px; text-align:right; }
#right-content .floater .right.with-cart {
	
	}

/*--------------------------------------------------------------
 Layout element styles 
-------------------------------------------------------------*/
#fixed-width-wrapper {
	position:relative;
	margin:0 auto;
	width:802px;
	background:transparent;
	}
#header {
	position: relative;
	height: 153px;
	}
#headerabout {
	position: relative;
	height: 60px;
	}

#nav-wrap {
	width: 802px;
	height: 44px;
	position: absolute;
	top: 20px;
	left: 0;
	background: url(nav-wrap.gif) no-repeat;
	}
#nav-wrapindex {
	width: 802px;
	height: 44px;
	position: absolute;
	top: 109px;
	left: 0;
	background: url(nav-wrap.gif) no-repeat;
	}
#content {
	background: url(main-span.gif) repeat-y;
	width: 802px;
	padding-top: 23px;
	}
#feature-banner {
	background: url(banner.jpg) no-repeat;
	margin: 0 0 15px 23px;
	}
#feature-banner a {
	display: block;
	height: 178px;
	width: 756px;
	}
#feature-banner span {
	display: none;
	}
#left-content {
	float:left;
	width:191px;
	}
#right-content {
	float:left;
	width:800px;
	}
#left-content .padFix {
	padding:0 0 0 23px;
	}
#right-content .padFix {
	padding:0 22px 0 23px;
	color: #656667;
	}
#footer-image {
	background: url(footer.gif) no-repeat;
	width: 802px;
	height: 39px;
	}
#footer-wrap {
	margin-bottom: 1em;
	}
#footer {
	width: 780px;
	margin: 0 auto;
	}
#two-col .col-1,
#two-col .col-2 {
	width: 283px;
	float: left;
	}
#map-outer {
	padding: 3px;
	border: 1px solid #ccc;
	float: right;
	}
#map {
	height: 220px;
	width: 300px;
	}
/*--------------------------------------------------------------
 Header styles 
-------------------------------------------------------------*/
#header h1 {
	margin:0;
	position:absolute;
	top:35px; left:22px;
	width:385px;	
	height:45px;
	background: url(logo.gif) no-repeat;
	}
#header h1 a {
	display:block;
	height:25px;
	}
#header a span {
	display: none;
	}

/*--------------------------------------------------------------
 Footer specific styles 
--------------------------------------------------------------*/
#footer p {
	color: #a6a59b;
	text-align: center;
	font-size: 80%;
	line-height:normal;
	}
#footer a {
	color: #6e6e6c;
	text-decoration: none;
	font-weight: normal;
	}
#footer a:hover {
	text-decoration: underline;
	}
#footer ul {
	list-style: none;
	font-size: 100%;
	margin: 1em;
	text-align: center;
	}
#footer li {
	display: inline;
	border-right: 1px solid #a6a59b;
	background: 0;
	padding-right: 10px;
	}
#footer li.last {
	border: 0;
	}
/*--------------------------------------------------------------
 Top Nav styles 
--------------------------------------------------------------*/
ul#top-nav {
	list-style: none;
	background: url(top-back.gif) repeat-x;
	width: 786px;
	height: 44px;
	margin: 0 auto;
	padding: 0;
	}


/*--------------------------------------------------------------
 Miscellaneous styles 
--------------------------------------------------------------*/
a.banner { display: block; width: 566px; }
a.banner span { display: none; }
.banner-wrap { margin-bottom: 15px; }
.pad-off-spot { margin-right: 263px; }
.text-align-right {text-align:right;}
.text-align-left{text-align:left;}
.center {text-align:center;}
.float-right {float:right;padding:0 0 14px 14px;}
.float-left {float:left;padding:0 14px 14px 0;}
.float-search {float:left; margin:0 15px 25px 0; display: block; border: 2px solid #fdfdfa;}
.float-search:hover {border: 2px solid #ff7900;}
div.float-fix {overflow:hidden;clear:both;height:0;}
br.float-fix {clear:both;}
.bold {font-weight:bold;}
.hide {display:none;}
.error { color: #f00; }
.separator { border-top: 1px solid #ffe6cf; height: 1px; font-size: 1px; }