/* CSS Document */
body { color:#4D4D4D; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; margin:10px 0 10px 0; padding:0; }

#main-banner { background:url('/images/reversing-cameras-logo.jpg'); height:108px; width:704px; }
#reversing-cameras-banner { background:url('/images/reversing-cameras-logo.jpg'); height:108px; width:704px; }
.logo { display:none; }
#header { text-align:left; }
#container { border: 1px solid #4D4D4D; margin:10px; padding:10px; }
#container, #header, #hmenu { width:704px; }
#footer { width:704px; clear:both; }
#container { margin:0 auto; }
#footer { margin-top:2em; }

h1 { font-size:1.6em; margin:0.2em 0.2em 0 0.2em; }
h2 { font-size:1.0em; margin:0.2em; }
h3 { background-color:#EEEEFF; padding:6px; color:#31266C; }
h4, p { padding:0 6px 0 6px; }
h5 { font-size:1.6em; margin:0.2em 0.2em 0 0.2em; }

form { padding:0; margin:0; display:inline; }

#hmenu { margin-top:0px; border-bottom:2px solid #C5D3E5; height:90px}
#hmenu .left { width:700px; }
#hmenu .right { width:223px; text-align:right; float:right; padding-right:15px; }
#hmenu .right a {float:right; padding:5px 15px 0 0; margin:15px 0 0 0; background:url('/images/company-button.gif') no-repeat right; width:145px; height:27px; text-align:right; position:relative; left:15px}

table { margin:0 0 1em 6px; }
table .highlight { font-weight:bold; color:#31266C; }
table th { text-align:left; vertical-align:top; }
table td, table th { padding:6px 12px 0 6px; }
table img { border:0; }

ul.hmenu, ul.fmenu { list-style-type:none; margin:0; padding:10px 0 0 0; }
ul.hmenu li { font-size:12px; width:130px; height:27px; background:url('/images/button.gif') no-repeat; margin-right:10px; float:left; }
ul.hmenu li a { margin:3px 0 0 8px; font-weight:bold; text-decoration:none; color:#31266C; display:block; }
ul.hmenu li a:hover { color:#4D4D4D; }

#content {  }
#content .img-left { float:left; margin: 0 10px 10px 0; }
#content .img-right { float:right; margin: 0 0 10px 10px;  }
.highlight { font-weight:bold; font-style:italic; }

.contact { padding:6px 20px 0 20px; margin:0;}

#footer .left { margin-top:14px; border-top:#C5D3E5 2px solid; float:left; width:481px; font-size:0.8em; }
#footer .right { float:left; width:223px; }

ul.fmenu li { margin-right:10px; display:block; float:left; }
ul.fmenu li a { color:#31266C; text-decoration:none; font-weight:bold; }
ul.fmenu li a:hover { color:#4D4D4D; }

#slogan { border-top:#C5D3E5 2px solid; clear:both; padding-top:6px; font-size:0.8em; }

li.title { font-weight:bold; margin-top:10px; }
ol.normal { font-weight:normal; }

.specification {
	font-size: 1em;
	color: #4d4d4d;
	font-weight: bold;
}
td.indent {
	margin-left: 20px;
}
.system { padding:6px 6px 0 6px; clear:both; width:692px; margin-bottom:12px; border:1px solid gray; }
.system img { border:0; }
.systemImage, .systemDescription, .sytsemButtons { float:left; }
.systemImage { width:150px; }
.systemDescription { width:380px; padding:6px; }
.systemButtons { width:138px; padding:6px 6px 0 6px; }
.title {font-weight:bold; font-style:italic; }
.button { padding: 3px 0 0 8px; font-size:12px; width:120px; height:27px; background:url('/images/button.gif') no-repeat; }
a { color:#31266C; font-weight:bold; text-decoration:none; }
a:hover { color:#4D4D4D; }
a.specification {
	color:#31266C;
	font-weight:normal;
	text-decoration:none;
	margin-left: 20px;
	font-style: italic;
	list-style-type: disc;
	display: list-item;
	margin-bottom: 8px;
}
a:hover { color:#4D4D4D; }

.confcanc { text-align:center; width:400px; border:2px solid #4D4D4D; margin:0 auto; padding-top:2em; margin-top:1em; }