* { margin: 0; padding: 0;}
p { line-height: 20px; margin: 0 0 1.12em 0;}
a { color: #0a64ad; text-decoration: none; }


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

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

#header { padding: 6px 0 0 0; }
#header #logo { float: left; margin: -4px 0 0 9px; }
#header #logo h1 { background: url('/images/vw-logo1.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; }

#header #contact .webinar img { margin-top: 5px; }

body #header #topnav { display: none; }
body.internal #header #topnav { display: block; margin-top:20px;}
body.internal #header { padding: 15px 0 0 0; }

#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('/images/topnav-left.gif') top left no-repeat; float: left; width:6px; height:32px; font-size:1px; }
#header #topnav ul li .right { background: url('/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('/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('/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 13px 8px 13px; text-decoration:none; }
#header #topnav ul li a:hover { background: #fff; color: #0C3B77; text-decoration:underline; }
#header #topnav ul li.hover a { 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; }


/* Homepage Tabs */
#tabs { background: url('/images/tabs/tabs.bg.gif') top left no-repeat; display: block; height: 300px; position: relative; width: 840px; }

	/* Tabs */
	#tabs .ui-tabs-nav { bottom: 0; list-style: none; position: absolute; }
	#tabs .ui-tabs-nav li { float: left; }
	#tabs .ui-tabs-nav li a{ font-size: 12px; }
	
	#tabs .ui-tabs-nav li a.wirelessdevice{ display: block; height: 66px; width: 320px; }
	#tabs .ui-tabs-nav li.ui-state-default a.wirelessdevice { background: url('/images/tabs/wireless.tab.bg.gif') bottom left no-repeat; }
	#tabs .ui-tabs-nav li.ui-state-active a.wirelessdevice { background: url('/images/tabs/wireless.tab.bg.gif') top left no-repeat;  }

	#tabs .ui-tabs-nav li a.wirelessanalytics { display: block; height: 66px; width: 260px; }
	#tabs .ui-tabs-nav li.ui-state-default a.wirelessanalytics { background: url('/images/tabs/analytics.tab.bg.gif') bottom left no-repeat; }
	#tabs .ui-tabs-nav li.ui-state-active a.wirelessanalytics { background: url('/images/tabs/analytics.tab.bg.gif') top left no-repeat;  }

	#tabs .ui-tabs-nav li a.requestdemo { display: block; height: 66px; width: 255px; }
	#tabs .ui-tabs-nav li.ui-state-default a.requestdemo { background: url('/images/tabs/demo.tab.bg.gif') bottom left no-repeat; }
	#tabs .ui-tabs-nav li.ui-state-active a.requestdemo { background: url('/images/tabs/demo.tab.bg.gif') top left no-repeat; }
	

	/* Content */
	#tabs .ui-tabs-panel { color: #fff; padding: 20px; width: 813px; }
	#tabs .ui-tabs-panel .text { float: left; width: 445px; }
	#tabs .ui-tabs-panel p { font-size: 12px; font-weight: bold; line-height: 19px; margin: 0 0 10px 0; }
	#tabs .ui-tabs-hide { display: none; }
	#tabs .largeico { float: right; margin-top: -9px; }
	
	#tabs #webinar { float: none; font-size: 11px; }
	#tabs #webinar table { width: 420px; }
	#tabs #webinar table td { padding-bottom: 5px; vertical-align: top; }
	#tabs #webinar table th { padding-bottom: 5px; vertical-align: top; }
	#tabs #webinar label { display:block; float:left; padding:0 10px 0 0; text-align:left; width:82px;}
	#tabs #webinar input { border: none; color: #505050; font-size: 11px; padding: 2px; }
	#tabs #webinar .error { color:#c00; padding:0 0 0 10px;}


#page #splash { background: url('/images/splash.jpg') top left no-repeat; display: block; height: 290px; margin: 0 auto; width: 835px; position:relative; }
#page #splash #master0 { top:0; left:0; position:absolute; }
#page #dropdowns { background: url('/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 ul li p { display: block; height: 100px!important; overflow: hidden; }
#page #dropdowns ul li .line { background: #fff; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0; width: 170px; }

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

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

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

#page #dropdowns .solution { background: url('/images/drop-services-bg.jpg') top left repeat-y; width: 202px; }
#page #dropdowns .solution .dropbottom { background: url('/images/drop-services-bottom.jpg') bottom left no-repeat; }
#page #dropdowns .solution .droptop { background: url('/images/drop-green.gif') 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; margin: 0; 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('/images/page-bg-bottom.gif') bottom center no-repeat #fff; padding: 15px 15px 0 15px; width: 810px; }
body.internal #bodybg { background: url('/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:200px;}
body.internal #body #leftnav ul { list-style: none; }
body.internal #body #leftnav ul li { font-size: 13px; }
body.internal #body #leftnav ul li a { color: #0a64ad; display:block; height: 15px; 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 #leftnav ul li ul { margin-left: 15px; }
body.internal #body #leftnav ul li li { font-size: 12px; }
body.internal #body #leftnav ul li li a { color: #0a64ad; display:block; height: auto; padding: 0 0 6px 0; text-decoration: none; font-weight:bold; }


body.internal #body #content { color: #333; float: right; font-size: 13px; width: 640px; }
body.internal .demo #body #content { width: 810px; }
body.internal #body #content h1 { color: #0c3d7c; font-size: 21px; margin-bottom: 7px; }
body.internal #body #content h2 { color: #0c3d7c; font-size: 16px; margin: 20px 0 3px 0; }
body.internal #body #content h4 { color: #0c3d7c; font-size: 13px; margin: 25px 0 3px 0; }

body.internal #body #content ul { list-style-position: inside; }

#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; }

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

/* Nathan, edit here */
p.quote{}
p.quotecitation{font-weight: bold; margin-top: -.8em;}

/* Add any new left nav menus here */
body.internal #body #leftnav .menuecomm, body.internal #body #leftnav .menusupport, body.internal #body #leftnav .menumanage, #body #leftnav .menusolution { display: none; }
body.internal .manage #body #leftnav .menumanage, body.internal .ecomm #body #leftnav .menuecomm, body.internal .support #body #leftnav .menusupport, body.internal .solution #body #leftnav .menusolution, body.internal .contact #body #leftnav .menucontact { display: block !important; }

/* Add any new page's splash images here  */
.wirelessmgmt #body #splash { background: url('/images/splash-small-01.jpg') top left no-repeat; display: block; height: 133px; width: 640px; }
.procurement #body #splash { background: url('/images/splash-small-02.jpg') top left no-repeat; display: block; height: 133px; width: 640px; }
.support #body #splash { background: url('/images/splash-small-03.jpg') top left no-repeat; display: block; height: 133px; width: 640px; }
.wirelessreporting #body #splash { background: url('/images/splash-small-04.jpg') top left no-repeat; display: block; height: 133px; width: 640px; }
.about #body #splash,
.contact #body #splash { background: url('/images/splash-small-04.jpg') top left no-repeat; display: block; height: 133px; width: 640px; }

/* Contact us Form */
#form { float: left; }
#form label { display:block; width:100px; float:left; text-align:right; padding:0 10px 0 0;}
#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;}

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

/* Webinar Register Form */
#webinar { float: left; }
#webinar table td { padding-bottom: 5px; vertical-align: top; }
#webinar table th { padding-bottom: 5px; vertical-align: top; }
#webinar label { display:block; float:left; padding:0 10px 0 0; text-align:right; width:150px;}
#webinar .error { color:#c00; padding:0 0 0 10px;}


body.internal .demo #body #content .downloadDemo { float: right; }

#body #content .callout { background: url('/images/image-bg.gif') #ECE9D8; border: 1px solid #e0ddcd; margin-bottom: 10px; padding: 3px; }
body.internal #body #content .callout h4 { margin-top: 5px; }
body.internal #body #content .callout .sub { margin-left: 15px; }

#body #content .callout.left { width: 338px; }
#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 ul { list-style: none; list-style-position: outside; }
#body #content .callout ul li { border-bottom: 1px dotted #e0ddcd; list-style: none; list-style-position: outside; padding: 10px; }
#body #content .callout ul li a { display: inline!important; }
#body #content .callout ul li:hover { background: #e0ddcd; }

#body #content .callout.twocolumn table { width: 100%; }
#body #content .callout.twocolumn td { padding-left: 10px; vertical-align: top; width: 50%; }
#body #content .callout.twocolumn ul li { background: url('/images/ico.check.gif') center left no-repeat; border-bottom: 1px dotted #e0ddcd; padding: 10px 10px 10px 20px; }

#body #content .callout.threecolumn table { width: 100%; }
#body #content .callout.threecolumn td { padding-left: 10px; text-align: center; vertical-align: top; width: 33%; }
#body #content .callout.threecolumn ul li { background: url('/images/ico.check.gif') center left no-repeat; border-bottom: 1px dotted #e0ddcd; display: inline;  padding: 10px 10px 10px 20px; }

#body #content .callout.jumpbox { background: #f7f7f7; margin-bottom: 30px; }
#body #content .callout.jumpbox table { width: 100%; }
#body #content .callout.jumpbox td { background: #eee; padding-left: 10px; text-align: center; vertical-align: top; width: 33%; }
#body #content .callout.jumpbox ul li { border-bottom: 1px dotted #ccc; padding: 5px 10px 5px 0px; text-align: left; }
#body #content .callout.jumpbox ul li.last { border: none; }
#body #content .callout.jumpbox ul li:hover { background: #eee; }

#body #content .callout.twolevel ul ul li { background: #e0ddcd; border-bottom: 1px dotted #EDEADE; padding: 3px 10px; }
#body #content .callout.twolevel ul ul li:hover,
#body #content .callout.twolevel ul li:hover { background: none; }

#body #content .callout td a { display: block; }
#body #content .callout td a.pdf { background: url('/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('/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; }
#body #content ul li ul li {margin-left: 15px;}

#body #content div.quote { background: #DFF3FE; border: 1px solid #7fb4d1; float: right; margin: 0 0 20px 20px; width: 300px; }
#body #content div.quote.left { background: #DFF3FE; border: 1px solid #7fb4d1; float: left; margin: 0 20px 20px 0; width: 300px; }
#body #content div.quote.quote td { background: none; border: none; font-size: 12px; font-style: italic; line-height: 18px; }
#body #content div.quote td ul { list-style: disc; list-style-position: inside; }
#body #content div.quote td ul li { border: none; padding: 5px 10px; }
#body #content div.quote td ul li:hover { background: none; }

#body #content div.casestudy { background: #DFF3FE; border: 1px solid #7fb4d1; margin: 0 0 10px 0; }
#body #content div.casestudy th { background: none; border: none; font-size: 12px; font-style: italic; line-height: 18px; padding-right: 5px; vertical-align: top; }
#body #content div.casestudy td { background: none; border: none; font-size: 14px; line-height: 18px; padding-top: 0; vertical-align: top; }
#body #content div.casestudy td p { margin: 0; }

#body #content div.image { background: #DFF3FE; border: 1px solid #7fb4d1; float: right; margin: 0 0 20px 20px; width: auto!important;  }
#body #content div.image.left { background: #DFF3FE; border: 1px solid #7fb4d1; float: left; margin: 0 20px 20px 0;  }
#body #content div.image td { background: none; border: 1px solid #cdecfd; font-size: 12px; font-style: italic; line-height: 18px; padding: 0; }
#body #content div.image td img {  }

/* FAQ */
#faq dt {
color: #2763A5;
cursor: pointer;
margin: 8px 0;
padding: 0;
}
#faq dd {
border: 1px solid #7fb4d1;
padding: 10px;
margin: 10px 0 20px 0;
background-color: #DFF3FE;
}

#body #content div.control { background: #DFF3FE; border: 1px solid #7fb4d1; float: left; margin: 10px 20px 20px 0; width: 265px; }
#body #content div.control ul { background: #eaf8fe; border: 1px solid #cdecfd; list-style: none; margin: 0 10px 5px 10px; padding: 5px 10px 7px 10px; }
#body #content div.control ul li { background: url('/images/bullet.gif') 10px center no-repeat; border: none; font-size: 11px; padding: 4px 10px 4px 20px; }
#body #content div.control ul li:hover { background: url('/images/bullet.gif') 10px center no-repeat #eaf8fe; }
#body #content div.control ul li.alt { background: url('/images/bullet.gif') 10px center no-repeat #daf2fe; }

#control dt { border-top: 1px solid #c6edfe; }
#control dt strong { border-top: 1px solid #ebf8fe; color: #0C3D7C; display: block; padding: 5px; }

#control dt.first { border-top: none; }
#control dt.first strong { border-top: none; }


/*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;}

span.subhead {color: gray;}