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

Title :
Author :
URL :
Description :
Created :
Modified :

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

/* --------------------------------- GLOBAL <<<----------------------------------------- */

body {
	margin: 0px 0px;
	padding: 0px 0px;
	text-align: center;
	color: #666;
	font-size: 12px;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.5;
	background: url(../images/bkgrnd.jpg) repeat;
}

* {
	margin: 0;
	padding: 0;
}
td {
	font-size:12px;
}
/* -------------------------------------- IDS <<<---------------------------------------------- */


#wrap {
	margin: 0px auto;
	width:900px;
	background:#fff;
	text-align: left;
}

#header {
	width: 900px;
	margin: 0px auto;
}

#header_image_a {
	background:url(../images/header_a.jpg) no-repeat top left;
	height:238px;
}

#header_image_s {
	background:url(../images/header_s.jpg) no-repeat top left;
	height:238px;
}

#header_image_g {
	background:url(../images/header_g.jpg) no-repeat top left;
	height:238px;
}

#header_image_p {
	background:url(../images/header_p.jpg) no-repeat top left;
	height:238px;
}

#header_image2 {
	background:url(../images/header_2.jpg) no-repeat top left;
	height:118px;
}

#header_image2 p {
	color:#000000;
	font-size:200%;
	text-transform:uppercase;
	padding: 38px 0 0 40px;
	font-family: "Century Gothic", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
}

#header_left {
	float: left;
	display: inline;
	width: 180px;
	height: 110px;
	background: url(../images/header_left.jpg) no-repeat top left;
}
#header_logo {
	float: left;
	display: inline;
	width: 540px;
	height:110px;
	}

#header_menu {
	background:url(../images/bkgrnd_bar.gif) repeat-x top left;
	height:30px;
	font-size:110%;
	clear: both;
	}

#header_menu a {
	float: left;
	display: inline;
	margin-right: 3px;
}

#login_links {
	float: left;
	display: inline;
	height: 110px;
	width: 180px;
	background: url(../images/header_right.jpg) top left no-repeat;
	text-align: right;
	font-size:90%;
	}
ul#login_list {
	margin-right: 10px;
}
#login_list li {
	color:#000000;
	display: inline;
	list-style-type: none;
	padding-right: 1px;
	text-transform:lowercase;
	font-size:110%;
	font-weight:900;
}

#login_list li a {
	color:#FFF;
	text-decoration: none;
}

#login_list li a:hover {
	color: #009;
	text-decoration: none;
}

.login_line {
	padding: 0 3px 0 0;
	color:#000000;
	font-weight:700;
}

#nav_menu {
	padding:5px 5px 5px 15px;
}

#nav_list ul {
	padding-left: 1em;
}

#nav_list li {
	color:#EEEEEE;
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	text-transform:uppercase;
}

#nav_list li a {
	color:#EEEEEE;
	text-decoration: none;
}

#nav_list li a:hover {
	color:#FEF200;
	text-decoration: none;
}

.menu_line {
	padding: 0 15px 0 0;
	color:#000000;
	font-weight:700;
}


#header_image {
	background:url(../images/bkgrnd_header_img.jpg) no-repeat top left;
	height:238px;
}
#header_image_aboutus {
	background:url(../images/bkgrnd_header_aboutus_img.jpg) no-repeat top left;
	height:238px;
}
#header_image_cquote {
	background:url(../images/bkgrnd_header_quote_img.jpg) no-repeat top left;
	height:238px;
}
#header_image_dealer {
	background:url(../images/hdr_dealer.jpg) no-repeat top left;
	height:119px;
}
#header_image_getstarted {
	background:url(../images/bkgrnd_header_gs_img.jpg) no-repeat top left;
	height:238px;
}
#header_image_guarantee {
	background:url(../images/bkgrnd_header_guarantee_img.jpg) no-repeat top left;
	height:238px;
}
#header_image_process {
	background:url(../images/bkgrnd_header_process_img.jpg) no-repeat top left;
	height:238px;
}

#header_bar {
	background:url(../images/bkgrnd_bar.gif) repeat-x top left;
	height:30px;
}
.header_dealer_welcome {
	font-weight: bold;
	font-size: 17px;
	padding: 10px 10px;
}

#content {
	background: #ffffff/*url(../images/bkgrnd_content.jpg) no-repeat top left*/;
	min-height:300px;
	padding:10px;
	width: 880px;
	margin: 0px auto;
	}
#content p, #content ul, #content ol {
	font-size: 12px;
	}

.number_list {
	line-height:24px;
	margin: 0px 0px 10px 0px;
}

.products a:link, .products a:visited, .products a:hover {
	text-decoration:none;
}

.products img {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}

.facts_alphabet {
	letter-spacing:5px;
	padding: 5px 0;
}

.facts p {
	margin-bottom:10px;
}

td.products h5 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	width: 100%;
	padding-bottom: 4px;
}

td.products {
	padding-right: 11px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #c5c8ce;
}

#bottom_box {
	width: 870px;
	margin: 0px auto;
	padding: 15px;
}



#box_left {
	float:left;
	width: 240px;
	padding-right: 25px;
}



#box_middle {
	float:left;
	width:240px;
}



#box_right{
	float:left;
	width: 360px;
}


#footer {
	clear:both;
	padding: 1em;
	background: #fff;
	color: #666;
	border-top:1px solid #ccc;
}

#footer p {
	text-align:center;
	font-size: 90%;
}

#footer a {
	text-decoration: none;
	color: #666;
}

#footer a:hover {
	text-decoration: none;
	color: blue;
}


/* Calendar popup

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

#calendar_div {
	position:absolute;
	visibility:hidden;
	background-color:white;
	layer-background-color:white;
}

/* Some default classes

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

p.small   { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }

p.large   { font-size: 1.2em; line-height: 2.5em; }

p.quiet   { color: #666; }

.hide     { display: none; }

.loud		{text-transform:uppercase;}

.msg-error      { font-weight: bold; color: #ff0000; }
.msg-error ul   { margin: 4px 20px; }


/* Headings

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

h1,h2,h3,h4,h5,h6 {
  font-family: "Century Gothic", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  color:#111;
  clear:both;
}

h1 { font-size: 24px; font-weight:normal; text-transform: uppercase; line-height:1.25; }
h2 { font-size: 24px; font-weight:normal; text-transform: uppercase; line-height:1.25;}
h3 { font-size: 18px; font-weight:normal; line-height:2; }
h4 { font-size: 14px; font-weight:normal; line-height:1.25; color:#00157e;}
h5 { font-size: 12px; font-weight:bold; }
h6 { font-size: 12px; }

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

/* Image Replacement */

/* This technique is for when you want to replace, say, a header containing text with an equivalent image */

h1#newrepl {
    padding: 35px 0 0 0;
    overflow: hidden;
    background-image: url("hello_world.gif");
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:35px; /* for IE5.5's bad box model */
}

/* -------------------------------------- PARAGRAPHS <<<---------------------------------------------- */


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em 0;  line-height: 16px;}
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>. */

.blue {color:#00157e;}
.pink {color:#ED008C;}
.yellow {color:#FEF200;}

#primaryContent p{
}

#secondaryContent p{
}

.prod_caption {
	font-size: 200%;
	/*font-weight: 700;*/
	text-transform:uppercase;
	line-height:1em;
	margin:0;
	padding:20px 0 0 0;
	border-bottom: 2px solid #666;
}

.prod_caption2 {
	font-size: 175%;
	/*font-weight: 700;*/
	text-transform:uppercase;
	margin:0;
	padding:0;
	line-height:1em;
	border-bottom: 2px solid #666;
}

/* Etc. elements
-------------------------------------------------------------- */

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; 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; }

/* -------------------------------------- LISTS <<<---------------------------------------------- */

ul.no_bullet li {
	font-size: 14px;
	line-height: 16px;
}

.no_bullet {
	list-style-type:none;
	list-style-position:outside;
	text-transform:uppercase;
	line-height: 20px;
}

.no_bullet a:link, .no_bullet a:visited {
	text-decoration:none;
	color:#00157e;
}

.no_bullet a:hover {
	text-decoration:none;
	color:#990000;
}

.nav_start {
	padding-left:15px;
}

ul.items li, ol.items li      { margin: 5px 5px 5px 5px; }


/* Lists

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

ul, ol      { margin: 0 0 15px 0px; }
ul li, ol li {margin: 5px 0px 0px 0px;}
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }


/* -------------------------------------- IMAGES <<<---------------------------------------------- */
img{
	border:;
}

img a{
	border:;
	text-decoration:;
}

img a:hover{
	border:;
}

/* BREAK */

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 */


/* Links

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

a:link      { color: #00157e; text-decoration: none; outline: none; }
a:visited 	{ color: #00157e;  text-decoration: none; outline: none; }
a:hover     { color: #990000;  text-decoration: underline; outline: none; }
a:active 	{ }

/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; /*border-top:0.1em solid #ddd; border-left:0.1em solid #ddd;*/ }
th,td   { height: 1em; padding:0.2em 0.4em; /*border-bottom:0.1em solid #ddd; border-right:0.1em solid #ddd;*/ }
th      { font-weight:bold; }
.label {text-transform:uppercase; font-size: 12px;}

#cart_table {width: 800px;}
#cart_table th { text-align:left; font-size:13px; border-bottom:2px solid #ccc; }
#cart_table td { text-align:left; font-size:12px; border-bottom:1px solid #ccc; }


/* -------------------------------------- FORMS <<<---------------------------------------------- */

.required {
	color:red;
	text-transform:uppercase;
}

input.invalid, textarea.invalid {
	background-color: #FFE813;
	border: 0.1em;
	border-color: #BB0000 !important;
	border-style: solid;
	margin: 0.1em !important;
}

input.invalid:focus, textarea.invalid:focus {
	background-color: #FFE813;
	border: 0.2em;
	border-color: #BB0000 !important;
	border-style: solid;
	margin: 0 !important;
}


/* Forms

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

form {font-size: 12px; margin: 0px 0px; padding: 0px 0px; }
label     { font-weight: bold; }
textarea  { height: 180px; width: 300px; }


/* -------------------------------------- FLOATS <<<---------------------------------------------- */

.floatright {
	float:right;
	margin: 10px 10px 10px 10px;
}

.floatright_prod {
	float:right;
	margin: 0 75px;
}

.floatleft {
	float:left;
	margin: 10px 10px 10px 10px;
}


/* -------------------------------------- CLEARFIX <<<---------------------------------------------- */

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}  /*a fix for IE Mac*/

* html .clearfix {height: 1%;}

.clearfix {display: block;} /*The Holly hack for a bug in IE6 for Windows*/

/* -------------------------------------- PEEKABOO <<<---------------------------------------------- */


/* Hides from IE5-mac */

* html div#sidebar {height: 1%;} /* ------- change the sidebar to whatever div element is having the PEEKABOO Bug issue -------*/

/* End hide from IE5-mac */ /*� Holly Hack for IE 6 Peekaboo bug �*/

/* -------------------------------------- PNGs <<<---------------------------------------------- */


/* Example - Use this to make IE6 render transparent png images correctly */


#regular_logo {
    background:url('test.png'); width:150px; height:55px;
}

/* \ */

* html #regular_logo {
    background:none;
    float:left;
    width:150px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale');
}

/* */

.dealer{
	padding:10px 0px 0px 30px;
	font-size: 150%;
}

/* Extra fancy typography

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


/* For great looking type, use this code instead of asdf:

	<span class="alt">asdf</span>
   Best used on prepositions and ampersands. */

.alt {
  color: #666;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif;
  font-size: 12px;
  line-height: 1%; /* Maintain correct baseline */
  font-style: italic;
}


/* For great looking quote marks in titles, replace "asdf" width:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark).
   (You may have to change this value depending on your font size). */


.dquo { margin-left: -.7em; }


/* Reduced size type with incremental leading

   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to
   follow the 1.5x vertical rhythm -- the line-height is too much.


   Using this class, it reduces your font size and line-height so that for
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px
     60px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 0.83333em; /* font size 10px */
	line-height: 1.44em;
	margin-bottom: 1.8em; /* Still 1.5 x normal font size as baseline */
}