@import "headers.css";
@import "forms.css";


html,body
{
	margin: 0em;
	padding: 0em;

	background-color: white; /* Overwritten with a background image */
	color: rgb(101,106,116); /* A dark gray */

	/* This centers #page for IE */
	text-align: center;
}

body
{
	font-size: 68.8%; /* Base font size */
}

/* This sets the font-types */
body, h3, h4, h5, td, p, a, li, dd, input, select, textarea
{
	font-family: Arial, sans-serif;
}

h1, h2, h6, label, dt, p#call-to-action, div#page p.severe-error
{
	font-family: "Times New Roman", serif;
}

/* This turns off borders around images */
img
{
	border-width: 0em;

	/* Normally, I might not apply display:block to all images,
		but it happens to fit in this case */
	display: block;
}

/* Ordinary paragraphs, lists, and addresses */
p, ul, ol, dl, dl dd, address
{
	font-style: normal;
	margin-top: 0em;
	padding-top: 0em;

	margin-bottom: 1.5em;
	padding-bottom: 0em;

	font-size: 1.0em;
}

/* Line height settings */
p, address, li, dt, dd
{
	line-height: 1.6;
}

/* Superscript items within paragraphs and list items */
p sup, li sup
{
	font-size: 0.9em;
}

/* General font sizing -- which shouldn't be necessary -- but IE could become confused otherwise */
input, textarea, select, table, td, th
{
	font-size: 1.0em;
}

form
{
	margin: 0em;
	padding: 0em;
}

/* General table properties */
table
{
	border-collapse: collapse; /* cells meet */
	border-spacing: 0em;

	font-size: 1.0em; /* This shouldn't be necessary but IE 5.x becomes confused without it */
	margin-bottom: 1.0em; /* This matches the margin-bottom on regular paragraphs */
}

table td,
	table th
{
	vertical-align: top;

	/* This prevents any browser defaults for th getting in the way */
	font-weight: normal;
	text-align: left;
}


/* This can be used to hide text from regular browsers while allowing it appear for text readers.
	It's the Aural Text Class from Standards Schmandards:
	http://www.standards-schmandards.com/index.php?2004/10/08/1-the-aural-text-class */
p.accessibility, li.accessibility
{
	position: absolute;
	font-size: 0;
	left: -1000px;
}

acronym, abbr
{
	border-bottom: 1px dotted rgb(101,106,116); /* A dark gray */
	cursor: help;
}

hr
{
	color: rgb(207,207,207); /* A light gray */
	background-color: rgb(207,207,207); /* A light gray */
	height: 1px;
	border-width: 0px;
	margin-bottom: 1.5em; /* The same as paragraphs */
}

/* ==================================== General Link Properties ===================================== */

a
{
	/* IE sometimes omits the right cursor, such as on image-replaced headers */
	cursor: pointer;
	text-decoration: none;
}

a:link,
	a:visited
{
	 color: rgb(101,106,116); /* A dark gray */
}

div#page a:hover,
	div#page a:active

{
	color: rgb(61,64,70); /* Soot color */
}

ul#primary-nav li a:hover,
	ul#primary-nav li a:active,
	ul#primary-nav li a#current-primary-nav,
	ul#secondary-nav li a:hover,
	ul#secondary-nav li a:active,
	ul#secondary-nav li a#current-secondary-nav
{
	color: rgb(20,164,197) !important; /* A happy cyan */
}

/* ======================================= Page =========================================== */

div#page
{
	width: 770px; /* Formerly 735px */

	margin-left: auto;
	margin-right: auto;

	/* This undoes the text-align:center on the body element,
		which is necessary for centering within IE */
	text-align: left;

	/* This allows other elements to be absolutely positioned with respect to this */
	position: relative;
}


/* ============================== Page: Common push-away-from-the-side values ============================= */

/* These items share a common margin-left value to align them
	align the left side of #page */

div#page img#logo
{
	left: 50px;
}

/* Holds all the content */
div#page div#content-container
{
	margin-left: 50px;
}

/* Footer */
div#page h6,
	div#page p.severe-error
{
	padding-left: 52px;
}

/* ============================== Page: Content Container ============================= */


/* This holds all the content bits */

div#page div#content-container
{
	padding-top: 205px; /* Formerly 270px */
	padding-bottom: 10.0em;
	padding-left: 20px; /* Formerly 45px */

	border-left: 1px solid rgb(207,207,207); /* A light gray */
}

/* This makes use of auto float clearing:
	http://www.positioniseverything.net/easyclearing.html */

div#page div#content-container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#page div#content-container {display: inline-table;}

/* Hides from IE-mac \*/
* html div#page div#content-container {height: 1%;}
div#page div#content-container {display: block;}
/* End hide from IE-mac */


/* ================================ Content Container: Primary Content ============================ */

/* (default content page) */

div#content-container div#primary-content
{
	float: right;
	margin-right: 50px;
	width: 310px;
}

* html div#content-container div#primary-content
{
	/* Helps IE with floated elements */
	display: inline;
}

/* ============================== Content Container: Secondary Content =========================== */

/* (default content page) */

div#content-container div#secondary-content
{
	float: left;
	width: 320px;
}

/* ===================================== Priamry and Secondary Nav ====================================== */

div#page ul#primary-nav,
	div#page ul#secondary-nav
{
	position: absolute;
	/* "top" set below */
	right: 0px;
	/* "width" set below */

	margin: 0em;
	padding: 0em;
}

div#page ul#primary-nav
{
	top: 99px; /* Formerly 164px */
	width: 396px;

	padding-top: 13px;
	border-top: 1px solid rgb(207,207,207); /* A light gray */
}

div#page ul#secondary-nav
{
	top: 205px; /* Formerly 270px */
	width: 100px;
}


ul#primary-nav li,
	ul#secondary-nav li
{
	margin: 0em;
	padding: 0em;

	line-height: 1.2em;
	list-style-type: none;
	text-transform: lowercase;
}

/* Hides from IE5-mac \*/
* html ul#primary-nav li a,
	* html ul#secondary-nav li a
{
	height: 1%;
	background-color: white;
}
/* End hide from IE5-mac */

ul#primary-nav li a,
	ul#secondary-nav li a
{
	display: block;
	text-align: right;

	margin-right: 10px;

	/* Leaves room for the background image */
	padding-right: 9px;
}

ul#primary-nav li a:hover,
	ul#primary-nav li a#current-primary-nav,
	ul#secondary-nav li a:hover,
	ul#secondary-nav li a#current-secondary-nav
{
	background-image: url(../images/common/current-section.png);
	background-position: top right;
	background-repeat: no-repeat;
}

/* ===================================== Elements in Primary-Content ====================================== */

div#primary-content dl dt
{
	font-size: 1.2em;
	color: rgb(130,130,130); /* Medium gray */
}

/* ==================================== Page: Footer ================================= */

/* H6 holds the footer (and p.sever-error corresponds to application level-errors) */
div#page h6,
	div#page p.severe-error
{
	border-top: 1px solid rgb(207,207,207); /* A light gray */

	/* Plus-sign magic */
	margin-top: -50px;
	padding-top: 60px;

	margin-right: 390px;
	margin-bottom: 1.5em; /* The same as regular paragraphs */
}

/* Severe error messages may occasionally follow the footer */
div#page p.severe-error
{
	border-top-width: 0px;
	font-style: italic;


	margin-top: 0px;
	padding-top: 0px
}

/* ========================== Other elements in #secondary-content ========================== */

div#secondary-content div.placeholder
{
	border: 1px solid rgb(207,207,207); /* A light gray */
	text-align: center;
}

div#secondary-content div.large-placeholder
{
	padding-top: 7.0em;
	padding-bottom: 7.0em;
	padding-left: 8.0em;
	padding-right: 8.0em;
}

/* Unordered lists within content are mostly just used on
	the Sell to Us page */

div#secondary-content ul,
	div#secondary-content ul li
{
	margin-left: 0em;
	margin-right: 0em;
	padding-left: 0em;
	padding-right: 0em;
}

div#secondary-content ul li
{
	list-style-type: none;
	padding-left: 25px;
	padding-bottom: 15px;
}

/* IE gets a slightly different value \*/
* html div#secondary-content ul li
{
	padding-bottom: 12px;
}
/* End hiding from IE/Mac */

/* Width & height for the images in a secondary-content list */
div#secondary-content ul li img
{
	display: block; /* Just to be sure */
	width: 233px;
	height: 233px;
}

/* ============================== Other elements in #page ============================= */

/* Currently: "Call: (214) 520-8600" */
p#call-to-action
{
	position: absolute;

	margin: 0em;
	padding: 0em;

	top: 27px; /* Formerly 92px */
	right: 0px;

	padding-top: 44px;
	padding-bottom: 6.9em;
	padding-right: 18px;

	background-image: url(../images/common/call-icon.png);
	background-position: top right;
	background-repeat: no-repeat;

	border-right: 1px solid rgb(207,207,207); /* A light gray */

	font-size: 1.2em;
	text-transform: lowercase;
}


/* The company logo */
div#page img#logo
{
	position: absolute;
	top: 0px;
	/* The "left" value is set in the "Common push-away-from-the-side values" section */

	width: 224px;
	height: 126px; /* Formerly 191px */
}