/* Tag-level styles */
html
{
	width: 100%;
	height: 100%;
}
body
{
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: url(foo) fixed;
}
p
{
	margin: 10px 0px;
}
a
{
	text-decoration: underline;
	color: #D00;
}
a:hover
{
	color: #800;
}

/* General styles */
div.centered
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
div.stretcher
{
	clear: both;
}

div.right
{
	float:right;
}

img.goodsamlogo
{
	float: right;
	margin-bottom: 5px;
}
a.redlink
{
	text-decoration: none;
	background: url( '../../images/bg_redlink.gif' ) no-repeat left top;
	display: block;
	width: 200px;
	height: 32px;
	color: #FFF;
	font-size: 13px;
	padding-left: 38px;
	padding-top: 7px;
}
a.redlink:hover
{
	text-decoration: none;
	color: #EE5;
}
h3
{
	margin: 20px 0px 10px 0px;
	padding: 0px;
	font-size: 16px;
	color: #D22;
}
h3.gradient
{
	background: no-repeat left top;
	height: 94px;
	padding-left: 200px;
	font-weight: normal;
	font-size: 20px;
	margin-top: 20px;
}
h3.gradient strong
{
	color: #000;
	font-size: 28px;
	display: block;
	padding-top: 24px;
	margin-left: -20px;
	line-height: 22px;
}

h3.gradient.motorhomes
{
	background-image: url('../../images/bg_h3_motorhomes.jpg');
}

h3.gradient.trailers
{
	background-image: url('../../images/bg_h3_trailers.jpg');
}

h3.gradient.cars
{
	background-image: url('../../images/bg_h3_cars.jpg');
}
h4
{
	margin: 14px 0px 8px 0px;
	padding: 0px;
	font-size: 16px;
	color: #3F6F9E;
}

/* Network Navigation Bar */
div#network_hldr
{
	background: url('/images/gray_pipe_bg.gif') repeat-x;
	height: 20px;
	font-size: 10px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	position: fixed;
	_position: absolute;
	width: 100%;
	z-index: 1;
	margin: 0;
	padding: 0;
	top: 0;
	_top: expression(eval(document.body.scrollTop));
}
div#network_hldr img
{
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
div#network_hldr a
{
	margin: 0 10px;
	padding: 0;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
div#network_hldr a:hover
{
	text-decoration: underline;
}

/* Overall page container */
div#page
{
	text-align: center;
	margin-top: 20px;
}

/* Page header */
div#page div#pageheader
{
	height: 120px;
	background: url('../../images/bg_headergradient.jpg') repeat-x left -8px;
}
div#page div#pageheader div.centered
{
	position: relative;
	height: 100%;
}
div#page div#pageheader div.centered ul#topmenu
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#page div#pageheader div.centered ul#topmenu li
{
	margin: 0px 1px;
	width: 140px;
	height: 35px;
	padding: 0px;
	border-bottom: solid 2px #A00;
	text-align: center;
	float: left;
	background: url('../../images/bg_topmenu.gif') no-repeat left top;
}
div#page div#pageheader div.centered ul#topmenu li a
{
	margin-top: 10px;
	font-size: 16px;
	color: #888;
	font-weight: bold;
	display: block;
}
div#page div#pageheader div.centered ul#topmenu li a:hover
{
	color: #333;
}
div#page div#pageheader div.centered ul#topmenu li.current
{
	background-image: url('../../images/bg_topmenu_current.gif');
	height: 35px;
	padding-bottom: 2px;
	border-bottom: none; /*border:solid 1px #000;*/
}
div#page div#pageheader div.centered ul#topmenu li.current a
{
	color: #D00;
}
div#page div#pageheader div.centered ul#topmenu li#savedquote
{
	display: none;
	border-bottom: none;
	text-align: left;
	width: 200px;
	height: 32px;
	background-image: url('../../images/bg_redlink.gif');
	position: absolute;
	right: 0px;
	top: 40px;
}
div#page div#pageheader div.centered ul#topmenu li#savedquote a
{
	margin-top: 7px;
	margin-left: 37px;
	font-size: 13px;
	color: #fff;
}
div#page div#pageheader div.centered ul#topmenu li#savedquote a:hover
{
	color: #EE5;
}
div#page div#pageheader h1#csplogo
{
	background: url('../../images/logo_csp.gif') no-repeat 25px 5px;
	cursor: pointer;
	margin: 0px;
	height: 105px;
	padding-left: 190px;
	padding-top: 15px;
	font-size: 26px;
	line-height: 26px;
}
div#page div#pageheader div#searchbar
{
	float: right;
	width: 300px;
	padding-top: 5px;
	text-align: right;
}
div#page div#pageheader div#searchbar h6
{
	font-size: 16px;
	color: #000;
	font-style: italic;
	margin: 0px;
	margin-top: 6px;
}
/*div#page div#pageheader div#searchbar strong	{ font-size:11px; }*/
/*div#page div#pageheader div#searchbar input	{ font-size:11px; width:100px; }*/
/*div#page div#pageheader div#searchbar input:focus	{ color:#000; border-color:#000; }*/
/* div#page div#pageheader div#searchbar a.searchgo	{ background:url('../../images/searchgo.gif') no-repeat center center; font-weight:bold; padding:3px 10px; }*/

/* Left-hand column */
div#page div#pageleft
{
	width: 180px;
	float: left;
}
div#page div#pageleft ul#leftmenu
{
	background: url('../../images/bg_leftcolumn.gif') no-repeat center bottom;
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
	overflow: hidden;
	list-style-type: none;
}
div#page div#pageleft ul#leftmenu li
{
	background-color: #F1F1F1;
	border: solid 1px #999;
	border-width: 0px 1px;
	padding: 0px;
}
div#page div#pageleft ul#leftmenu li a
{
	display: block;
	width: 100%;
	border-bottom: solid 1px #999;
	padding: 5px 3px;
	text-align: left;
}
div#page div#pageleft ul#leftmenu li a:hover
{
	background: #999;
	color: #FFF;
}
div#page div#pageleft a.sidebanner1
{
	display: block;
	width: 125px;
	height: 125px;
	margin-top: 25px;
	margin-left: 25px;
	background: url('../../images/banner_gsc.gif') no-repeat center top;
}
div#page div#pageleft a.sidebanner2
{
	display: block;
	width: 125px;
	height: 125px;
	margin-top: 10px;
	margin-left: 25px;
	background: url('../../images/banner_ers.gif') no-repeat center top;
	border: solid 1px #000;
}
div#page div#pageleft a.sidebanner3
{
	display: block;
	width: 125px;
	height: 125px;
	margin-top: 10px;
	margin-left: 25px;
	background: url('../../images/banner_vip.gif') no-repeat center top;
	border: solid 1px #000;
}
div#page div#pageleft .ad
{
	margin-top: 10px;
	border: none;
	padding: 0px;
	text-align: center;
}
div#page div#pageleft div.leftform
{
	margin-top: 25px;
}
div#page div#pageleft div.leftform form
{
	margin: 0px;
}
div#page div#pageleft div.leftform strong.opinion
{
	color: #000;
	font-size: 15px;
	margin-bottom: 10px;
}
div#page div#pageleft div.leftform span.satisfied
{
	color: #D00;
	font-weight: bold;
}
div#page div#pageleft div.leftform input.vote
{
	margin-top: 5px;
}
div#page div#pageleft div.leftform a:hover
{
	color: #000;
	text-decoration: underline;
}

/* Main page content */
div#page div#pagecontent
{
	margin-left: 190px;
	padding-left: 0px;
	padding-top: 15px;
}
div#page div#pagecontent a
{
	font-weight: bold;
}
div#page div#pagecontent a:hover
{
	text-decoration: underline;
}
div#page div#pagecontent h1#pagetitle
{
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	color: #000;
}
div#page div#pagecontent h2#pagesubtitle
{
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	color: #D22;
}
div#page div#pagecontent ul.rightmenu
{
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 158px;
	margin-left: 10px;
}
div#page div#pagecontent ul.rightmenu li
{
	margin: 0px;
	padding: 0px;
}
div#page div#pagecontent div.pagetext
{
	padding-top: 25px;
}
div#page div#pagecontent .
div.pagetext.sample
{
	background: url('../../images/bg_samplecontract.gif') repeat-y center top;
}
div#page div#pagecontent .todo
{
	background-color: #FF0;
}

/* Footer row */
div#pagefooter
{
	clear: both;
	height: 127px;
	text-align: center;
	background: url('../../images/bg_footergradient.jpg') repeat-x left bottom;
	width: 100%;
}
div#pagefooter div.centered
{
	text-align: center;
}
div#pagefooter div.centered div.legal
{
	font-size: 10px;
	margin: 0px;
	margin-bottom: 4px;
	text-align: left;
	padding-top: 65px;
}
div#pagefooter div.centered div.legal a:hover
{
	text-decoration: underline;
	color: #000;
}
div#pagefooter div.centered div.legal h6
{
	font-size: 16px;
	color: #000;
	font-style: italic;
	margin: 0px;
	padding: 0px;
	float: right;
}
div#pagefooter div.centered ul#footermenu
{
	list-style-type: none;
	margin: 0px auto;
	padding: 0px;
}
div#pagefooter div.centered ul#footermenu2
{
	list-style-type: none;
	margin: 0px auto;
	padding: 15px;
}

/* changed color from FDD */
div#pagefooter div.centered ul#footermenu li
{
	display: inline;
	padding: 0px 8px;
	color: #FDD;
}
div#pagefooter div.centered ul#footermenu li a
{
	color: #000000;
	font-weight: bold;
	font-size: 11px;
}
/* changed color from EE8 */
div#pagefooter div.centered ul#footermenu li.topmenu a
{
	color: #EE8;
}
/* changed color from FFF */
div#pagefooter div.centered ul#footermenu2 li a:hover
{
	color: #000000;
	text-decoration: underline;
}

div#pagefooter div.centered ul#footermenu2 li
{
	display: inline;
	padding: 0px 8px;
	color: #FDD;
}
div#pagefooter div.centered ul#footermenu2 li a
{
	color: #000000;
	font-weight: bold;
	font-size: 11px;
}
/* changed color from EE8 */
div#pagefooter div.centered ul#footermenu2 li.topmenu a
{
	color: #EE8;
}
/* changed color from FFF */
div#pagefooter div.centered ul#footermenu2 li a:hover
{
	color: #000000;
	text-decoration: none;
}

/* Basic table chart style */
table.chart
{
	font-size: 12px;
}
table.chart thead th
{
	font-weight: bold;
	text-align: left;
	padding: 2px 0px;
}
table.chart tfoot td
{
	color: #888;
	font-size: 11px;
	padding-top: 20px;
}
table.chart tbody tr.oddrow
{
	background: #F7F5DF;
}
table.chart tbody tr th
{
	text-align: left;
	padding-left: 2px;
}
table.chart tbody tr td
{
	text-align: left;
	padding: 2px;
}

table.chart.comparison tbody tr td
{
	text-align: center;
	color: #555;
}
/* Comparison table chart */
 .
table.chart.comparison
{
	width: 700px;
	margin-bottom: 35px;
}

table.chart.comparison col.rowheading
{
	width: 310px;
}

table.chart.comparison thead th
{
	text-align: center;
}

table.chart.comparison thead th.goodsamcsp
{
	color: #D00;
}

table.chart.comparison tbody tr
{
	height: 25px;
}

table.chart.comparison tbody tr td img
{
	float: left;
	margin-left: 54px;
}
/* Common repairs table chart */

table.chart.commonrepairs
{
	margin: 10px 30px;
	width: 550px;
	color: #444;
}

table.chart.commonrepairs thead tr th
{
	color: #000;
	padding-right: 10px;
	font-size: 13px;
}

table.chart.commonrepairs tbody tr th
{
	text-align: right;
	padding-right: 5px;
}

table.chart.commonrepairs tbody tr td
{
	text-align: left;
}

table.chart.commonrepairs tbody tr td strong
{
	display: block;
	float: left;
	text-align: right;
	width: 70px;
	color: #3F6F9E;
}

table.chart.commonrepairs tbody tr td em
{
	display: block;
	float: left;
	text-align: right;
	width: 20px;
	color: #888;
}
/* Common dealers table chart */

table.chart.dealers
{
	margin: 10px 30px;
	width: 400px;
	color: #444;
	text-align: left;
}

table.chart.dealers thead tr th
{
	color: #000;
	padding-right: 10px;
	font-size: 13px;
}

table.chart.dealers tbody tr th
{
	text-align: left;
	padding-right: 5px;
}

table.chart.dealers tbody tr td
{
	text-align: left;
}

table.chart.dealers tbody tr td strong
{
	display: block;
	float: left;
	text-align: right;
	width: 70px;
	color: #3F6F9E;
}

table.chart.dealers tbody tr td em
{
	display: block;
	float: left;
	text-align: right;
	width: 20px;
	color: #888;
}
/* HowCSPWorks */
div#page div#pagecontent ol.steps
{
	list-style-type: none;
}
div#page div#pagecontent ol.steps li
{
	text-indent: -42px;
	margin-left: 40px;
	margin-bottom: 10px;
}
div#page div#pagecontent p.steps
{
	margin-left: 40px;
	text-indent: -42px;
}

/* Login Box for Dealer Login */
.loginBox
{
	margin:20px 0 20px 190px;
	width:350px;
	border:1px solid #990000; 
	padding:10px;
	overflow:hidden;
}

.loginBox .loginLabel
{
	float:left; 
	width:100px;
	text-align:right;
	margin-right:10px;
}

.loginBox .loginTextBox
{
	float:left;
	width:150px;
}

.red
{
	color:#990000;
}