body {margin:0px;}

img,table, td {border:none}

#sitecontainer {
  width:820px;
  padding:10px;
  margin:20px auto 20px auto;
  background-color:#fff;
  border-radius:8px; 
}

#contentcontainer {padding:15px 10px 5px 10px;}
#photobox {width:350px;float:left;}
#formbox {width:350px;float:left;}
#messagebox {width:420px;float:right}
#contentcontainer h1 {margin-top:0px;padding-top:0}

.clearfloat { 
    clear:both;
    height:0;
    font-size: 1px;
}  

#leadform {
  margin-top:16px;
  padding-bottom:12px;
}

#leadform h4 {
  background-color:#a10000;
  color:#ffeded;
  font-size:16px;
  text-align:center;
  font-weight:normal;
  margin:0;
  padding:8px 3px 8px 0px;	
  border-radius:6px 6px 0px 0px;
  -webkit-background-clip: padding-box;
  -moz-background-clip:    padding;
  background-clip:         padding-box
}

#leadform h5 {
  font-size:20px;
  color:#444;
  font-weight:normal;
  margin:0;
  padding:10px 10px 5px 90px;
  text-align:left;
}

#leadform p {
  font-size:12px;
  color:#555;
  margin:0;
  padding:5px 10px 10px 90px;
  line-height:1.5em;
  text-align:left;
}

.formheader {
  background-image:url('images/designer.png');
  background-repeat:no-repeat;
  background-position:10px 14px;
}

#formwrapper {
  /* padding-bottom:20px; */
  background: rgba(245,245,245,1);
  background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(209,209,209,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(209,209,209,1)));
  background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(209,209,209,1) 100%);
  background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(209,209,209,1) 100%);
  background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(209,209,209,1) 100%);
  background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(209,209,209,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d1d1d1', GradientType=0 );

  border-radius:0px 0px 6px 6px;
  -webkit-background-clip: padding-box;
  -moz-background-clip:    padding;
  background-clip:         padding-box;
}

.citynav {margin-left:auto;margin-right:auto;}
.citynav {width:735px;padding-left:10px;margin-top:20px;text-align:left}
.citynav ul {display:inline;}
.citynav ul li {display:block;float:left;width:175px;}
.citynav ul li a {color:#555555;text-decoration:none;font-weight:normal;font-size:9pt;}

div.bottom_links {color:#444444;text-align:center}
div.bottom_links a {color:#333333;font-weight:bold;text-decoration:none;}
div.bottom_links a:hover {color:#940F10;text-decoration:none}

p,li,td {line-height:16px;font-size:12px;}

body,td,tr,div,h1,h2,h3,h4,h5,a,p {font-family: Arial,Helvetica,Sans-Serif;}

td,ol,ul,li,p {font-size:10pt;color:#333333}
 
hr {height: 1px;color:#666666;background-color:#666666;}

.subhead {font-size:16px;color:#666;line-height:1.2em;margin:8px 0px 5px 0px}

h1,h2,h3,h4,h5 {font-family:helvetica,sans-serif;color:#333;font-weight:normal;padding:0;margin:0;}
h1 {font-size:24px;padding:.2em 0 0 0;line-height:28px;color:#991415;font-weight:normal}
h2 {font-size:22px;padding:.2em 0 0 0}
h3 {font-size:20px;color:#666;padding:.2em 0 0 0}
h4 {font-size:20px;padding:.2em 0 0 0}
h5 {font-size:16px;padding:.2em 0 0 0}

.yellowshade {border-top:1px solid #E8BB15;border-bottom:1px solid #E8BB15;background-color:#ffffcc;margin-bottom:5px;}

.txtshade {color:#b20000;}

.rdemo {font-size:14pt;font-weight:bold}

.osignup {border-top:1px solid #b20000;border-bottom:1px solid #b20000;background:#ffffcc}

.signup {
	background: #fff6bf;
	text-align: left;
	padding: 5px;
	border: 2px solid #ffd324;
}
.signup a {color:#b20000;text-decoration:none;}
.signup a:hover {color:#b20000;text-decoration:underline}

a.rollover  {	color:#b20000;
		background-image:url('images/rarrow.gif');
		background-position:100% 53%; 
		background-repeat:no-repeat;
		padding-right:7px;
		margin:0px;
		text-decoration:none;
}
a.rollover:hover {color:#b20000;text-decoration:underline}


.xcontentbox {padding:15px 20px 0px 5px;border-right:1px solid #cccccc;}

.leftcontentbox {padding:10px 15px 10px 10px;}
.rightcontentbox {padding:10px 10px 10px 15px;}
.formcontainer {padding-top:12px}

.bullettable {margin:3px 10px 3px 0px;width:auto}
.bullettable td {padding:8px 5px 8px 5px}
.bullettable td ul {margin:8px 0px 0px 0px;}

.csformback {
        background-image:url('images/formback3.gif');
        background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}

div.csformback p {padding:5px 10px 5px 10px;margin:0px;}

a.ftrsel {color:#b20000;}
a.ftrunsel {color:#444444;}
a.ftrunsel:hover {color:#b20000;}

.pubheader {background:#5762A4;color:#ffffff;}

.required {color:#b20000;font-size:16px;}

#menubar {
	border-bottom:3px solid #b20000;
}

#mainmenu {
  list-style-type: none;
  float:left;
  text-align:left;
  padding:0;
  margin:0;
}

#mainmenu li {
  padding:0;
  margin:0;
  display:inline;
  float:left;
}

#mainmenu li a {
  display:block;
  width:110px;
  border-right:1px solid #fff;
  text-align:center;
  text-decoration:none;
  padding:3px 10px 3px 10px;
  font-size:15px;
  color:#fff;
}


#mainmenu .mtab {
  background-color:#777;
  border-bottom:1px solid #eee;
}

#mainmenu .mtab:hover {
	color:#ccc;
}

#mainmenu .mselect {
  display:block;
  background-color:#b20000;
  border-bottom:1px solid #b20000;
}

div.boxleft {
	background-color:#ffffff;
	background-image:url(http://jlcdev.com/boxleft.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:365px;
	height:175px;
	padding:15px 25px 15px 140px;
}
div.boxleft h4 {margin:0px;padding:0px 0px 0px 0px;font-size:14px;color:#b20000}
div.boxleft p { font-size:12px;line-height:16px;}

div.graybox {
	background-color:#dbdbdb;
	background-image:url(images/grey-box-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:193px;
}

div.graybox+div {
	padding:8px;
}

.notopbottom {margin-top:0;padding-top:0;margin-bottom:0;padding-bottom:0;}


.graybox h3{
	margin:0px;
	padding:3px 5px 3px 8px;
	font-size:18px;
	color:#ffffff;
	background-color:#707070;
	background-image:url(images/grey-box-top.gif);
	background-position:top;
	background-repeat:no-repeat;		  
}

.demorequest {
	margin:5px 5px 11px 0px;
}

.demorequest a {
	color:#b20000;
        font-size:16px;
	text-decoration:none;
}

.demorequest a:hover {color:#222222;text-decoration:underline}


.faq_question { padding:6px;
    		border-top:1px solid #cccccc;
    		border-bottom:1px solid #cccccc;
    		background:#eeeeee;
			font-weight:bold;
			font-size:100%;
}

.faq_answer {padding:6px;border-bottom:1px solid #E5DFC8;line-height:1.4em}
.faq_answer_img {padding-top:10px;}


ul li {padding: 1px 0px 4px 0px;}

ol {list-style-position:outside;}

ol li {padding: 1px 0px 4px 0px;}


div.content {padding:0px 15px 0px 15px;}
div.content p {margin-top:1em;margin-bottom:1em;line-height:1.3em;}
div.content strong {background:#FFFF99;}

ul {margin-left:12px;padding-left:12px;}
a {color:#D20000;}


td.infocell h3 {color:#666666;}
td.infocell p {font-size:9pt;margin-top:4px;}


div.headerlinks {color:#bbbbbb;font-size:12px;font-weight:normal;}
div.headerlinks a {color:#b20000;font-size:12px;font-weight:normal;text-decoration:none;}
div.headerlinks a:hover {text-decoration:underline;}

img.helpicon {margin-left:5px;vertical-align:-2px}

#NT_copy {
   background-color: #222222;
   color: #FFFFFF;
   font-size: 13px;
   width:190px;
   left: 0;
   top: 0;
   padding: 8px;
   position: absolute;
   text-align: left;
   z-index: 20;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   /*filter: progid: DXImageTransform.Microsoft.Alpha(opacity=87);*/
   -moz-opacity: .87;
   -khtml-opacity:.87;
   opacity:.87;
}


ul.testlist li {padding-bottom:10px}

td.submenu {padding:4px;border-bottom:1px solid #eeeeee;background-color:#eeeeee;}
td.submenu a {color:#444444;}

td.submenu_selected {padding:4px;border-bottom:1px solid #eeeeee;background-color:#d2d2d2;color:#111111;}
td.submenu_selected a {color:#111111;}

td.submenu_heading {padding:4px;border-bottom:1px solid #eeeeee;
			background-color:#777777;color:#ffffff;font-weight:bold;}

#slider ul, #slider li,
#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	width:342px;
	height:226px;
	overflow:hidden; 
}	

.examplelist, .examplelist ul li a {color:#666;}

#quotereq {
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0px;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	width:185px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 1px #cd8a15;
}
#quotereq:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
}
#quotereq:active {
	position:relative;
	top:1px;
}
