/*
TOC:

1)   Header
2)   Navigation
3)   Left Side
3.5) Div that contains both the left side and the main content
4)   Content
5)   Footer
6)   Custom Form

*/


/*****************************************************
/* 1) Header
/*****************************************************/
#divHeader 
{
	border-top: 3px solid;
	background: url(/brand/bgHdr.jpg) no-repeat top left;
	height: 98px;
	width: 788px;
}
#banner{ padding: 10px 0 0 10px;}
#quickLinks ul { padding-top: 8px;}
#quickLinks ul li
{
	display: inline;
	padding: 0 5px 0 5px;
}
#quickLinks ul li a:link,
#quickLinks ul li a:visited,
#quickLinks ul li a:active,
#quickLinks ul li a:hover
{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	font-family: Trebuchet MS, helvetica, Sans-Serif;
}
#quickLinks ul li a:hover { text-decoration: underline;}

/****************************************************/


/*****************************************************
/* 2) Navigation
/*****************************************************/
div#divNav, div#divNav div
{
    width: 786px;
}

/****************************************************/



/*****************************************************
/* 3) Left Side
/*****************************************************/
div#divLeftSide
{
	padding-top: 25px;
    width: 252px;
    color: #666;
}

div#loggedInArea
{
    padding: 10px;
}

div#leftSideHSeparator
{
    height: 1px;
    background-image: url(/images/common/h_separator.gif);
    background-repeat: repeat-x;
    margin-left: -10px;
    margin-right: -10px;
}
#login .hdr 
{
	padding: 0 0 0 10px;
}
#login .content { padding: 0 7px 8px 10px;}

/****************************************************/



/*****************************************************
/* 3.5) Div that contains both the left side and the main content
/*****************************************************/
#divFaux { background: transparent url(/brand/bgFaux.gif) repeat-y top left;}
#divLeftContent
{
    width: 788px;
    min-height: 678px;
    background: url(/brand/bgSide.jpg) no-repeat top left;
}
* html #divLeftContent { height: 678px;}
/****************************************************/


/*****************************************************
/* 4) Content
/*****************************************************/
div.box
{
    border: 1px solid #ababab;

}

div.box-hdr span.txt{ color:#769f63; }

div#divContent
{
	padding-top: 25px;
    width: 503px;
    height: 100%;
}

div#divContent table.layoutControl tr td
{
    border: 1px solid #000;
    width: 501px;
}

div#divContent table#contentMain
{
    background-color: #E7E7E7;
}

div#divContent table#contentMain tr.contentTop td
{
    margin-top: 5px;
    padding: 10px;
}

div#divContent table#contentMain tr.contentTop td h2
{
    color: #105184;
    font-size: 16px;
}

div#divContent table#contentMain tr.contentTop td h3
{
    color: #7BA663;
}

div#divContent table#contentMain td.contentVSeparator
{
    background-image: url(/images/common/v_separator.gif);
    background-repeat: repeat-y;
    width: 1px;
}

div#divContent table#contentMain td#contentLeft
{
    width: 271px;
}

div#divContent table#contentMain td#contentRight
{
    width: 200px;
}

div#divContent table#contentMain tr#contentBottom
{
    margin-bottom: -10px;
}
div#divContent ul { list-style-type: disc; margin-left: 25px;}
div#divContent ul.nb { list-style: none; margin-left: 0;}
	
#page-hdr
{
	height: 24px;
	padding-left: 12px;
	margin-left: -12px;
}
#page-hdr h1 { color: #165188;padding-top:4px;font-size: 14px;}
#bread-crumbs { padding: 8px 0 30px 0;}
#divContent h2 { color: #165188;padding-bottom:3px;border-bottom: 1px solid #777;margin-bottom: 5px;}
/****************************************************/


/*****************************************************
/* 5) Footer
/*****************************************************/
div#divFooter
{
    text-align: center;
    color: #949694;
    margin-top: 3px;
}

div#divFooter a
{
    padding: 10px;
    line-height: 22px;
}

div#divFooter div#linkHolder
{
    padding: 0 10px 0 10px;
}
/****************************************************/

.dealer-programs h3 { color: #F2653F;}
.dealer-programs table tr td 
{
	padding: 10px;
	text-align: center;
}

ul.state-list li
{
	display: inline;
}
ul.state-list li a { border-right: 1px solid #aaa; padding: 0 5px;}
ul.state-list li a.last{ border: none; }
ul.state-list li a.on { color: #F2653F;}
.employee-listing td, th{ padding: 4px;}



/*****************************************************
/* 6) Custom Form
/*****************************************************/
table.adminFormList tr td
{
    border: 1px solid black;
    padding: 5px;
}

div#customForm
{
    padding: 10px;
}

div.sample
{
    background-color: #eee;
    border: 1px solid black;
    padding: 5px;
    width: 100%;
}

div#customForm .error
{
    color: red;
}

table#tblForms tbody tr
{
    border: 1px solid black;
}

table#tblForms tr.row
{
    background-color: #fff;
}

table#tblForms tr.altRow
{
    background-color: #eee;
}

table#tblForms tr td
{
    padding: 5px;
}


div#customForm div.formSep
{
    font-size: 1px;
    height: 20px;
}

div#customForm div.formInput .inputText
{
    width: 250px;
}

div#customForm div.formInput .inputDD,
div#customForm div.formInput .inputList
{
    min-width: 250px;
}

div#customForm .required
{
    color: #C92911;
}

table.customFormTable tr td
{
    padding: 3px;
}



div#customForm table.custFormRadioList
{
    width: 100%;
}
/****************************************************/