* { margin: 0; padding: 0; }
p { margin: 1.12em 0;}

body { background: url('/oreis/images/bg.gif') top left repeat-x #0c3b77; font-family: Arial, Helvetica, sans-serif; text-align: center; }
body.internal { background: url('/oreis/images/bg.gif') top left repeat-x #0c3b77; font-family: Arial, Helvetica, sans-serif; text-align: center; }

#container { margin: 0 auto; text-align: left; width: 840px; }

#header { padding: 15px 0 0 0; }
#header #logo { float: left; }
#header #logo h1 { background: url('/oreis/images/vw-logo1-new.gif') top left no-repeat; display: block; height: 61px; text-indent: -9999px; width: 250px; }
#header #contact { float: right; text-align: right; color:#fff; font-size:12px; }
#header #contact address { color: #0a64ad; font-size:12px; font-style: normal; line-height: 20px; }
#header #contact a {color:#fff; }
#header #contact a:hover { color:#ADAFB2; }

body #header #topnav { margin-top:20px;}

#header #topnav { padding: 0px; margin:0; height:32px; }
#header #topnav ul { height: 32px; list-style: none; text-align: center; }
#header #topnav ul li { float:left; height:32px; margin-right:5px; }
#header #topnav ul li .left { background: url('/oreis/images/topnav-left.gif') top left no-repeat; float: left; width:6px; height:32px; font-size:1px; }
#header #topnav ul li .right { background: url('/oreis/images/topnav-right.gif') top left no-repeat; float: left; width:6px; height:32px; font-size:1px; }
#header #topnav ul li.active .left { background: url('/oreis/images/topnav-over-left.gif') top left no-repeat; float: left; width:6px; height:32px; font-size:1px; }
#header #topnav ul li.active .right { background: url('/oreis/images/topnav-over-right.gif') top left no-repeat; float: left; width:6px; height:32px; font-size:1px; }
#header #topnav ul li a { background: #0C3B77; border: solid #bbd3f2; border-width: 1px 0 0; color: #fff; display: block; float: left; font-size: 13px; margin: 0 0 0 0; padding: 7px 5px 8px 5px; text-decoration:none; width: 90px;}
#header #topnav ul li a:hover { background: #fff; color: #0C3B77; text-decoration:underline; }
#header #topnav ul li.active a { background: #fff; color: #0C3B77; }
#header #topnav ul li.active a:hover { text-decoration: none; }

#page #splash { background: url('/oreis/images/splash.jpg') top left no-repeat; display: block; height: 302px; margin: 0 auto; width: 835px; position:relative; }
#page #splash #master0 { top:0; left:0; position:absolute; }
#page #dropdowns { background: url('/oreis/images/drop-bg.gif') 0 30px repeat-x; margin-top: 20px; width: 840px; }
#page #dropdowns .droplink { display: block; height: 118px; width: 202px; }
#page #dropdowns ul { list-style: none; }
#page #dropdowns ul li { float: left; }
#page #dropdowns ul li img { position: absolute; }

#page #dropdowns .ecomm { background: url('/oreis/images/drop-shop-bg.jpg') top left repeat-y; width: 202px; }
#page #dropdowns .ecomm .dropbottom { background: url('/oreis/images/drop-shop-bottom.jpg') bottom left no-repeat; }
#page #dropdowns .ecomm .droptop { background: url('/oreis/images/drop-ecom-top.jpg') top left no-repeat; }

#page #dropdowns .support { background: url('/oreis/images/drop-about-bg.jpg') top left repeat-y; margin: 0 6px 0 10px; width: 202px; }
#page #dropdowns .support .dropbottom { background: url('/oreis/images/drop-about-bottom.jpg') bottom left no-repeat; }
#page #dropdowns .support .droptop { background: url('/oreis/images/drop-support-services-top.jpg') top left no-repeat; }

#page #dropdowns .manage { background: url('/oreis/images/drop-tracker-bg.jpg') top left repeat-y; margin: 0 11px 0 5px; width: 202px; }
#page #dropdowns .manage .dropbottom { background: url('/oreis/images/drop-tracker-bottom.jpg') bottom left no-repeat; }
#page #dropdowns .manage .droptop { background: url('/oreis/images/drop-wiremng-top.jpg') top left no-repeat; }

#page #dropdowns .solution { background: url('/oreis/images/drop-services-bg.jpg') top left repeat-y; width: 202px; }
#page #dropdowns .solution .dropbottom { background: url('/oreis/images/drop-services-bottom.jpg') bottom left no-repeat; }
#page #dropdowns .solution .droptop { background: url('/oreis/images/drop-solution-top.jpg') top left no-repeat; }

#page #dropdowns .dropbottom, #page #dropdowns .droptop { width: 202px; }
#page #dropdowns .ecomm p, #page #dropdowns .support p, #page #dropdowns .manage p, #page #dropdowns .solution p{ display: none; color: #fff; font-size: 13px; font-weight: bold; padding: 0 15px 40px 15px; }
#page #dropdowns a { color: #D5E4F7; }
#page #dropdowns a:hover { color: #fff; }
#page #dropdowns .ecomm a, #page #dropdowns .solution a { color: #0C3B77; }
#page #dropdowns .ecomm a:hover, #page #dropdowns .solution a:hover { color: #fff; }

body.internal #body { background: url('/oreis/images/page-bg-bottom.gif') bottom center no-repeat #fff; padding: 15px 15px 0 15px; width: 810px; }
body.internal #bodybg { background: url('/oreis/images/leftnav-bg.gif') top left repeat-y ; width: 810px;}
body #body #leftnav { display: none; }
body.internal #body #leftnav { display: block; float: left; width: 151px; margin-right:19px; min-height:400px;}
body.internal #body #leftnav ul { list-style: none; }
body.internal #body #leftnav .menuecomm { border-top:15px solid #da7a11; }
body.internal #body #leftnav .menusupport { border-top:15px solid #d5dc08; }
body.internal #body #leftnav .menumanage { border-top:15px solid #6782cf; }
body.internal #body #leftnav .menusolution { border-top:15px solid #9fcf67; }
body.internal #body #leftnav ul li { font-size: 13px; }
body.internal #body #leftnav ul li a { color: #0a64ad; display:block; padding: 7px 7px 9px 7px; text-decoration: none; font-weight:bold; }
body.internal #body #leftnav ul li a:hover { text-decoration: underline; }
body.internal #body #leftnav ul li a.active { text-decoration: underline; }

body.internal #body #content { color: #333; float: left; font-size: 13px; width: 640px; }
body #body #content h1 { color: #0c3d7c; font-size: 22px; margin-bottom: 7px; }
body #body #content h2 { color: #0c3d7c; font-size: 17px; margin-bottom: 7px; }
body #body #content h3 { color: #0c3d7c; font-size: 13px; margin-bottom: 7px; }
body.internal #body #content ul { list-style-position: inside; }
body.internal #body #content ul li { margin:10px 10px 15px 10px; }
body.internal #body #content ul ul li { margin:5px 10px 5px 20px; }
body.internal #body #content div.image { background: url('/oreis/images/image-bg.gif') #ECE9D8; border: 1px solid #e0ddcd; padding: 3px; }
body.internal #body #content div.image.right { float: right; margin: 10px 0 10px 10px; }
body.internal #body #content div.image.left { float: left; margin: 10px 10px 10px 0; }
body.internal #body #content div.image img { border: 1px solid #e0ddcd; }
body.internal #body #content div.image p { font-size: 11px; font-weight: bold; margin-top: 5px; }

body.homepage #body { background: url('/oreis/images/page-bg-bottom.gif') bottom center no-repeat #fff; padding: 15px 15px 0 15px; width: 810px; }
body.homepage #bodybg { width: 810px;}

body.homepage #body .left { float: left; width: 450px; }
body.homepage #body .left p { padding: 0 10px 0 0; }
body.homepage #body .left img { margin-bottom: 10px; }
body.homepage #body .left .info { float: left; padding: 5px; width: 220px; }
body.homepage #body .left .form { background: #f7f7f7; border: 1px solid #ccc; float: left; padding: 5px; width: 195px; }
body.homepage #body .left .form label { color: #0C3D7C; font-size: 11px; font-weight: bold; padding-right: 5px; }
body.homepage #body .left .form input.text { margin-bottom: 10px; width: 98%; }
body.homepage #body .left .form .error { color: #c00; font-size: 11px; font-weight: bold; }
body.homepage #body .right { background: url('/oreis/images/right.bg.gif') top left ; float: left; padding: 10px; width: 340px; }
body.homepage #body .casestudies { border-top: 1px dotted #ccc; margin-top: 10px; padding-top: 10px; }
body.homepage #body #content .casestudies h2 { font-size: 19px; }
body.homepage #body .casestudies .case { background: #f7f7f7; margin-bottom: 5px; padding: 10px; border-bottom: 1px dotted #ccc; }
body.homepage #body #content .casestudies .case h3 { font-size: 15px; }
body.homepage #body #content .casestudies .case a.pdf { background: url('/oreis/images/ico.pdf.gif') bottom left no-repeat; height: 20px; padding: 12px 0 7px 35px; }
body.homepage #body #content .casestudies .case .small { font-size: 11px; padding-left: 5px; }

body.internal #body .form { background: #f7f7f7; border: 1px solid #ccc; float: left; padding: 5px; width: 195px; }
body.internal #body .form label { color: #0C3D7C; font-size: 11px; font-weight: bold; padding-right: 5px; }
body.internal #body .form input.text { margin-bottom: 10px; width: 98%; }
body.internal #body .form .error { color: #c00; font-size: 11px; font-weight: bold; }


body.homepage #body p { font-size: 13px; line-height: 18px; margin-bottom: 10px; }


#body #splash { margin-bottom: 15px; }

.index #footer { display: none;  }
#footer { clear: both; padding: 20px 10px 0 0; text-align: right; }
#footer p { font-size: 10px!important; line-height: 12px!important; }

.clearer { clear: both; }
* html #body { position: relative; top: -9px; }

/* Nathan, edit here */

/* Add any new left nav menus here */
body.internal #body #leftnav .menu-nvfc,
body.internal #body #leftnav .menu-aboutus,
body.internal #body #leftnav .menu-oreismobile, 
body.internal #body #leftnav .menu-media,
body.internal #body #leftnav .menu-order,
body.internal #body #leftnav .menu-faq,
body.internal .contact #body #leftnav ul { display: none; }

body.internal .nvfc #body #leftnav .menu-nvfc,
body.internal .aboutus #body #leftnav .menu-aboutus,
body.internal .oreismobile #body #leftnav .menu-oreismobile,
body.internal .media #body #leftnav .menu-media,
body.internal .order #body #leftnav .menu-order,
body.internal .faq #body #leftnav .menu-faq { display: block !important; }

/* Add any new page's splash images here  */
.aboutus #body #splash { background: url('/oreis/images/orilogo.gif') top left no-repeat; display: block; height: 133px; width: 640px; }
.aboutus #body #splash.accuweather { background: url('/oreis/images/accuweather_logo.gif') top left no-repeat; display: block; height: 133px; width: 441px; }
.aboutus #body #splash.visionwireless { background: url('/oreis/images/vw-banner.png') top left no-repeat; display: block; height: 97px; width: 640px; }
.aboutus #body #splash.esinc { background: url('/oreis/images/esinc_logo.png') top left no-repeat; display: block; height: 137px; width: 640px; }
.aboutus #body #splash.aboutori { background: url('/oreis/images/ORIESbanner.png') top left no-repeat; display: block; height: 119px; width: 640px; }

/* Contact us Form */
#form { float: left; }
#form label { display:block; width:150px; float:left; text-align:right; padding:0 10px 0 0;}
#form label.radio {clear: both; width: auto; text-align: left; margin-left: 5px;}
#form .error { color:#c00; padding:0 0 0 10px;}
#thankyou { background:#0C3B77; color:#fff; font-size:12px; padding:10px; float: left; font-style:italic; width:290px; margin:3px 0 20px 0;}
fieldset {width: 400px;}
div#sprintoffer{text-align: left; color: blue;}
legend {color: black;}
input.commentbox{height:5em; width: 14em;}


#rightside { float: right; padding-left: 10px; text-align: left; width: 310px; }

/*New rules set up by Nathan */
div.section {margin-top: 2em; float: left; clear: both; width: 100%;}

div#logos img {margin: 5px 20px 5px 20px;}

img.contentleft, img.contentright {margin: 10px;}
  img.contentleft {float: left;}
  img.contentright {float: right;}

img.outline {border: 1px solid gray;}

p.quote{}
p.quotecitation{font-weight: bold; margin-top: -.8em;}

span.subhead {color: gray;}

dl#faq dt {font-weight: bold;}
dl#faq dd {margin: 1em 0 2em 1em;}

/* New rules set up by Don */
#pricingtable {margin:20px 0; width: 500px;}
#pricingtable .title {font-size:1em; color:#0C3B77; font-weight:bold;}
#pricingtable .bordertop {border-top:1px solid #000;}

#body #content .callout { background: url('/oreis/images/image-bg.gif') #ECE9D8; border: 1px solid #e0ddcd; margin-bottom: 10px; padding: 3px; }
#body #content .callout .table { width: 100%; }
#body #content .callout th { font-size: 11px; }
#body #content .callout .view { text-align: center; }
#body #content .callout td { background: #edeade; border: 1px dotted #cfcaae; font-size: 11px; padding: 3px; }
#body #content .callout .alt td { background: #e6e2d1; }

#body #content .callout td a { display: block; }
#body #content .callout td a.pdf { background: url('/oreis/images/ico.pdf.gif') top left no-repeat; color: #0A64AD; padding: 6px 0 6px 30px; text-decoration: none; }
#body #content .callout td a.wmv { background: url('/oreis/images/ico.wmv.gif') top left no-repeat; color: #0A64AD; padding: 6px 0 6px 30px; text-decoration: none; }
#body #content .callout td a:hover { text-decoration: underline; }