/***************************/
/* RESET CSS */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 				{ border-collapse: separate; border-spacing: 0; }
caption, th, td 	{ text-align: left; font-weight: normal; }
table, td, th 		{ vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on links and linked images. */
a img { border: none; outline: 0;}
a {outline: 0;}

/* USE EMS TO DEFINE FONTS AFTER THIS; 1em = 10px, 1.2em = 12px, 1.6em = 16px, 2em = 20px, ect... */
body {font: 62.5%/1.22 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;color: #000;background: #FFF;text-align: left;}

/* USE TO CLEAR FLOATS */
.clear {clear: both;}

/***************************/
/* BODY */

body {
	background-color: #cfdbe6;
}

/***************************/
/* HEADER */

#header {
	width: 100%;
	height: 100px;
	background: url(../images/header_bg.gif) repeat-x center bottom;
}

#header h1 {
	display: none;
}

body.dealer #header .wrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	height: 100px;
	background: url(../images/header_logo_FLOWS.jpg) no-repeat center center;
}

body.employee #header .wrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	height: 100px;
	background: url(../images/header_logo_AWTP.jpg) no-repeat center center;
}

#header #username {
	margin-top: .5em;
	float: right;
	height: 15px;
}

/***************************/
/* NAVIGATION */

	/* Nav styles in dropdown.css, with 1 style in main-ie.css to replace transparent png with gif for IE */

/**************************/
/* CONTENT */

#content {
	background-color: white;
	width: 100%;
	padding-bottom: 1.5em;
	min-height: 600px;
}

#content .wrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/content_bg.jpg) no-repeat left top;
}

/***************************/
/* COLUMNS */


/* #content.layout1 --> LEFT SIDE COLUMN, RIGHT MAIN COLUMN, DEFUALT IF LAYOUT NOT DEFINED */
/* #content.layout2 --> LEFT MAIN COLUMN, RIGHT SIDE COLUMN */
/* #content.layout3 --> MAIN COLUMN, SIDE COLUMN HIDDEN */

#side { float: left;width: 244px;}
#main { float: right; width: 506px;}

#content.layout1 #side { float: left;width: 244px;}
#content.layout1 #main { float: right; width: 506px;}

#content.layout2 #side { float: right;width: 244px;}
#content.layout2 #main { float: left; width: 506px;}

#content.layout3 #side { display:none}
#content.layout3 #main { width: 800px;}

/***************************/
/* FOOTER */


#footer {
	font-size: 11px;
	width: 100%;
	height: 75px;
	background: #cfdbe6 url(../images/footer_bg.gif) repeat-x center top;
	color: #fff;
	clear: both;
}



#footer .wrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#footer #bfcbutton {
float: left;
width:121px;
height:37px;
	background: url(../images/footer_button.gif) no-repeat center top;
	text-align: center;
	line-height: 34px;
	margin-left: -3px;
}

#footer #bfcbutton a {
	display: block;
	text-decoration: none;
}

#footer p {	float: left;color: #fff;margin-left: 2em;margin-top: 0;line-height: 34px;}

#footer #bfcbutton a:link,
#footer #bfcbutton a:visited,
#footer #bfcbutton a:focus,
#footer #bfcbutton a:hover,
#footer #bfcbutton a:active {color:white;}

/***************************/
/* TYPOGRAPHY */

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {font-size: 11px;}
address,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,th,td {margin-top: 1em;}

/* HEADERS */
h1 			{ color: #86888d;font-size: 21px;padding-bottom: 10px;border-bottom: 1px solid #d4d5d6;margin-top:1.25em;}
h2 			{ color:  #45474b;font-size: 14px;}
h2 span 	{ display: block;font-size: 11px;color: #7F8185;}
h3 			{ color:  #45474b;font-size: 12px;}
h4,
h5,
h6 			{ color:  #45474b;}

/* LISTS */

li 			{ margin-top: 0;}
li ul, 
li ol       { margin-top: 0; }
ul, ol      { margin: 1em 1.5em 0;}
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 1em 0 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* GENERAL TYPOGRAPHY */
p           { margin: 1em 0 0; color:#7f8185;}
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 			{ text-decoration: underline;}
a:link    	{ color: #000; }   
a:visited 	{ color: #000; }   
a:focus,
a:hover   	{ color: #000; } 
a:hover		{ text-decoration: none; }
a:active  	{ color: #000; } 

a.alternate:link,
a.alternate:visited,
a.alternate:focus,
a.alternate:hover,
a.alternate:active {color: #509cd6;}

blockquote  { margin: 1.5em; font-style: italic; }
strong      { font-weight: bold; }
em,
dfn 	    { font-style: italic; }
dfn         { font-weight: bold; }
sup,
sub			{ line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #000; }
address     { font-style: italic; margin-top: 1em;}
del         { color:#666;text-decoration: line-through; }

pre 		{ margin: 1.5em 0; white-space: pre; }
pre,
code,
tt			{ font: 11px 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* TABLES */
table       { margin-bottom: 0; width:100%;margin-top: 1em;}
th          { font-weight: bold; }
thead th 	{ background: #c3d9ff; }

tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; margin-top: 1em; }

/* HORIZONTAL RULES*/

hr			{ color: #d4d5d6;background-color: #d4d5d6;height: 1px;margin-top:1em;}