/*
	##     DirectSupport
	##     screensheet 3.5.3
	##     Updated: Jan 8, 2006
	##     brent@mimoYmima.com
  
	- - - Color References - - -
	Background: #FFF

*/

/* include IE mac hacks */
/*\*//*/ @import "hacks-ie-mac.css"; /**/

/* - - - Appearance of General Elements - - - */

	body {
		font-family: formata, univers, arial, helvetica, verdana, sans-serif;
		background: url(../images/bkg.nav.gif) repeat-x;
	}

	/* Links */
	a { color: #369; text-decoration: none; }
	a:link { color: #369; text-decoration: none; }
	a:visited { color: #369; text-decoration: none; }
	a:hover, a:focus { color: #C60; text-decoration: underline; }
	a:active { color: #C60;	text-decoration: underline; }

	/* - - Content Headings - - */
	h1 { margin: 1.5em 0 .5em 0; color: #963; font-size: 1.6em; }
	h2 { margin: 2em 0 .5em 0; color: #C60; border-bottom: 1px solid #EEE; letter-spacing: 1px; font-size: 1.5em; }
	h3 { margin: 1.5em 0 .5em 0; color: #bcbc8b; clear: both; font-size: 1.2em; }
	h4 { margin: 1.5em 0 .5em 0; }
	h5 { margin: 1.5em 0 .5em 0; }
	h6 { margin: 1.5em 0 .5em 0; }

	/* Forms */
	label { color: #666; margin: 2px 5px 1em 0; vertical-align: top; }
	.TextInput, textarea, select { color: #33F; background: #D9F2FD; border: 2px solid #CCC; }
	.TextInput:focus, .TextInput:hover, textarea:focus, textarea:hover, select:focus, select:hover { background: #FC3; border: 2px solid #3CF; }
          /*For content area forms*/
		.MainContent form { text-align: right; margin: 40px 40% 40px 0; }
		.MainContent .TextInput { width: 210px; margin: 0 0 1em 0; }
		.MainContent textarea { width: 214px; margin: 0 0 1em 0; }
		.MainContent select { width: 218px; margin: 0 0 1em 0; }

	/* Other */
	.Cols { border-top: 5px solid #DDD; padding-top: 15px; }
	.Rounded { -moz-border-radius: 15px; -webkit-border-radius: 15px; }

/* - - - Page Divisions - - - */

	/* PageWrapper - contains font and page size control */
	#PageWrapper { text-align: left; min-width: 650px; font-size: 1.2em; position: relative; margin: 0 auto; margin-bottom: 50px; }

	/* SearchWrapper */
	#SearchWrapper { height: 3.9em; background: #003264 url(../images/bkg.searchwrapper.gif) bottom repeat-x; }

	/*ProductSearch*/
	#ProductSearch { position: absolute; top: 12px; right: 0px; width: 33em; }
	#ProductSearch form { display: inline; }
	#ProductSearch input { border: 1px solid #CCC; font-size: 1em; padding: 1px; }
	#ProductSearch input:hover, #ProductSearch input:focus { background: #7bbabc; color: #FFF; }
	#ProductSearch .SearchSubmit { text-transform: uppercase; font-weight: bold; color: #FC3 !important; vertical-align: middle; }
	#ProductSearch .TextInput { border: 1px solid #bfe7e8; margin-left: .1em; padding: 1px; width: 12em; color: #22727f; font-size: 11px; }
	
	/*GlobalSearch*/
	#GlobalSearch { position: absolute; top: 12px; right: 25px; }
	#GlobalSearch form, #GlobalSearch div { display: inline; }
	#GlobalSearch label { font-size: 10px; text-transform: uppercase; font-weight: bold; color: #FC3; }
	#GlobalSearch input:hover, #GlobalSearch input:focus { background: #826222; color: #FC6; }
	#GlobalSearch .SearchSubmit { text-transform: uppercase; font-weight: bold; color: #FC3 !important; }
	#GlobalSearch .TextInput { border: 1px solid #FC3; margin-left: .1em; background: #FC6; padding: 1px; width: 12em; color: #826222; font-size: 11px; }

	/* Main Navigation */
	#MainNavigation { position: relative; background-color: #FFF; }
	#MainNavigation #Logo { position: absolute; left: 0; top: -1.7em; margin: 0; padding: 0; border: 0; }
	#MainNavigation img { float: left; }
	#MainNavigation div { position: relative; margin-left: 233px; }
	#MainNavigation div a { display: block; float: left; width: auto; font-size: 1.1em; padding: 9px; font-weight: bold; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; }
	#MainNavigation #NavInstall { border-top: 1px solid #663; background: #663 url(../images/bkg.navinstall.gif) bottom repeat-x; }
	#MainNavigation #NavInstall img { padding: .6em .8em 0 .8em; }
	#MainNavigation #NavInstall a:link { color: #CC9; border-right: 1px dotted #4C4C26; }
	#MainNavigation #NavInstall a:visited { color: #CC9; border-right: 1px dotted #4C4C26; }
	#MainNavigation #NavInstall a:hover { color: #FFF; text-decoration: none; }
	#MainNavigation #NavInstall a:active { color: #FFF; text-decoration: none; }
	#MainNavigation #NavTrain { background: #996 url(../images/bkg.navtrain.gif) bottom repeat-x; }
	#MainNavigation #NavTrain img { padding: .6em .8em 0 .8em; }
	#MainNavigation #NavTrain a:link { color: #E0DFBD; border-right: 1px dotted #71714C; }
	#MainNavigation #NavTrain a:visited { color: #E0DFBD; border-right: 1px dotted #71714C; }
	#MainNavigation #NavTrain a:hover { color: #FFF; text-decoration: none; }
	#MainNavigation #NavTrain a:active { color: #FFF; text-decoration: none; }
	#MainNavigation #NavMaintain { background: #CC9 url(../images/bkg.navmaintain.gif) bottom repeat-x; }
	#MainNavigation #NavMaintain img { padding: .6em .8em 0 .8em; }
	#MainNavigation #NavMaintain a:link { color: #663; border-right: 1px dotted #7F7F65; }
	#MainNavigation #NavMaintain a:visited { color: #663; border-right: 1px dotted #7F7F65; }
	#MainNavigation #NavMaintain a:hover { color: #FFF; text-decoration: none; }
	#MainNavigation #NavMaintain a:active { color: #FFF; text-decoration: none; }
		/*conversion links*/
		#MainNavigation #Conversion .HorizList { width: auto; float: right; font-size: 1em; border-top: dotted 1px #c9c9c9; border-bottom: dotted 1px #c9c9c9; margin: 10px 5px 0 10px; }
		#MainNavigation #Conversion .HorizList li { font-size: 1em; }
		#MainNavigation #Conversion .HorizList li a {  padding: 2px 10px 2px 10px; font-weight: bold; line-height: 1.5em; text-decoration: none; letter-spacing: .05em; border-right: dotted 1px #c9c9c9; text-transform: none; }
		#MainNavigation #Conversion .HorizList li .Last { border-right: none; }
		#MainNavigation #Conversion .HorizList a:hover { background: #f3aa39; color: #FFF; }
	

	/* LiveChat */
	#LiveChat { margin: 7px; }

	/* Content */
	#Content { margin: 10px 50px 10px 10px; }
	.MainContent { margin-left: 1em; margin-bottom: 20px; }

	.ContentNav { color: #F90; text-transform: uppercase; margin: 1em 0 2em 1em; padding: .5em 0;  border-bottom: 1px solid #EEE; }
	.ContentNav { list-style-type: none; }
	.ContentNav li { display: inline; margin: 0; padding: 0 1em; border-right: 1px solid #FC3; }
	.ContentNav li.Last { border-right: 0; }

	.ContentNavBottom { color: #F90; text-transform: uppercase; margin: 0; padding: 0;  border-top: 1px solid #EEE; list-style-type: none; }
	.ContentNavBottom li { display: inline; margin: 0; padding: 0 1em; border-right: 1px solid #FC3; }
	.ContentNavBottom li.Last { border-right: 0; }

	.LeftNav { border-right: 1px solid #EEE; }
	.LeftNav UL{ list-style-type: none; margin-top: 2em; }
	.LeftNav UL LI { border-bottom: 1px dotted #CCC; margin: 1em 0; font-weight: bold; }
	.LeftNav A:Hover, .LeftNav A:Active { text-decoration: none; }

	#TechSupportPromos { clear: both; float: left; }
	#TechSupportPromos a { padding: 5px; float: left; }

	.Top { text-align: right; }
	.FootNote { font-size: 85%; color: #999; }

	/* Resume Logos */
	#ResumeLogos { text-align: center; margin-top: 20px; }

	/* BMI Network */
	#BMINetwork { position: absolute; z-index: 3; left: 10px; text-transform: none; margin-top: 2em; }
	#BMINetwork h3 { color: #333; font-weight: normal; font-size: 90%; margin: .5em 0 .7em 0; padding: 0; }
	#BMINetwork ul { display: block; margin-left: 1.5em; }
	#BMINetwork ul li { list-style-type: none !important; text-align: left; display: block; margin: 0 0 .5em 0; padding-left: 15px; }
	#BMINetwork ul li.Hospitality { background: url(../images/bullet.network.blue.gif) 0 3px no-repeat; }
	#BMINetwork ul li.Retail { background: url(../images/bullet.network.green.gif) 0 3px no-repeat; }
	#BMINetwork ul li.Support { background: url(../images/bullet.network.orange.gif) 0 3px no-repeat; }
	#BMINetwork ul li.BMI { background: url(../images/bullet.network.navy.gif) 0 3px no-repeat; }
	#BMINetwork ul li.Coffee { background: url(../images/bullet.network.red.gif) 0 3px no-repeat; }

	/*  Footer  */
	
	#Footer { position: relative; border-top: 2px dotted #FC3; margin-top: 1em; text-transform: uppercase; }
	#Footer ul { position: absolute; top: 160px; clear: both; margin: 5px 0 0 0; padding: 0 0 50px 0; }
	#Footer ul li { display: inline; list-style-type: none; color: #9CC; margin-left: 3em; }

		/* Copyright Info */
		#Footer .Info { font-size: 80%; color: #999; position: absolute; top: 0; right: 20px; text-transform: none; margin-top: 5em; text-align: right; }

	/*  Photos        #       #   # ##*/
		.MainContent .PhotoSpot { margin: 0 auto; margin-bottom: 1em; }
		.MainContent .PhotoSpotLeft { width: auto; float: left;  margin: 0 1em 1em 1em; }

	/* Error Messages */
	#ErrorMessage p { background: #FC0; color: #900; margin: 2px; padding: 10px; }


	/* Tables */
	
		.DataTable { width: 100%; }
		.DataTable td, .DataTable th { padding: 2px 0; }
		.DataTable th { text-align: left; vertical-align: bottom; }
	
		.LayoutTable table, .LayoutTable td, .LayoutTable tr { vertical-align: top; }
		.LayoutTable th { vertical-align: bottom; }
		.LayoutTable { voice-family: "\"}\""; voice-family: inherit; width: 100%; }
		.DummyRuleForIE50Win { }

		/*For left nav*/
		.Narrow { background: #F4FBFF; padding: 10px 5px; border: 2px dotted #CCF; margin: 20px 0; }
		.Narrow .TextInput, .Narrow select { padding: 2px; margin-bottom: 10px; margin-right: 0 !important; width: 140px !important; }
		.Narrow .Buttons { text-align: right; }

	/*  General Styles */

	a.JumpLink { padding-top: 2em; }


/* - - - Pages and Page Types - - - */

/* References */
	.References q { line-height: 130%; color: #666; }
	.References em { color: #C60; }
	.References blockquote { margin: 0; padding: 0; margin: 1em 5em 2em 2em; }

/* Articles */
	.Articles h1 { margin-bottom: 1em; }
	.Articles h3 { margin: 0; padding: 0; }
	.Articles h3 { color: #369; }
	.Articles h3:Hover { color: #FC3; }

/* FAQ */
	.FAQ h2 { margin-bottom: 2em; }
	.FAQ .Buttons { margin-top: 2em; }
	.FAQ .ContentNav { border-top: 1px solid #EEE; border-bottom: 0; margin-top: 1.5em; text-align: left; }
	.FAQ .MainContent ul { margin-bottom: 2em; }
	.FAQ .MainContent ul li { margin-bottom: 1em; }
	.FAQ .MainContent ol { line-height: 130% }
	.FAQ .MainContent ol li { margin-bottom: 1em; }

/* About */
	.About h2 { margin-bottom: 2em; }
	.About .Info { list-style-type: none; }

/* Hardware */
	.Hardware .MainContent table { width: 90%; margin-left: 10px; }
	.Hardware .MainContent .DataTable th { border-bottom: 2px solid #CCC; font-weight: bold; }
	.Hardware .MainContent .DataTable td { border-bottom: 1px dashed #CCC; padding: 1em 0; }
	.Hardware .MainContent .DataTable tr.Last td { border-bottom: none; padding-top: 1em; padding-bottom: 2em; }
	.Hardware .MainContent #LastTable { margin-bottom: 4em; }
	.Hardware .MainContent .Description { margin-bottom: 2em; }
	.Hardware .Notes { color: #666; padding: 0; list-style-type: square; margin: 2em 0 2em 1em; }
	.Hardware .Notes li { margin-bottom: 1em; }

/* DemosSteps */
	.DemosSteps .Top { margin-top: 1em; }
	.DemosSteps .ContentNav { margin-bottom: 0; color: #C60; }
	.DemosSteps .Buttons { margin-bottom: 1em; }
	.DemosSteps .WatchVideo { display: inline; }
	.DemosSteps .Demo { margin-bottom: 2em; }
	.DemosSteps h1 { color: #963; margin-bottom: .5em; }
	.DemosSteps .Demo ol { margin-top: 2em;  }
	.DemosSteps .Demo ol li { margin-bottom: 4em; margin-right: 2em; color: #066; }
	.DemosSteps .Demo img { margin-top: 1em; }
	.DemosSteps .Demo .Description { line-height: 130%; }

/* Press */
	.Press ol li { line-height: 180%; color: #666; }

/* Leases */
	.Leases .Buttons { text-align: left; }

/* Login */
	.Login #PageWrapper { width: 532px !important; }

/* Retail */
	.RetailCompleteSystem h2 { text-align: center; border-bottom: none; }
	.RetailCompleteSystem .Bullet { margin-left: 2em; }
	.RetailCompleteSystem .MainContent .LayoutTable { margin: 2em 0;}
	.RetailCompleteSystem .MainContent .LayoutTable th { padding-bottom: 1em;}

/* ApplicationsRoi */
	.ApplicationsRoi .FootNote { margin-top: 1.5em; }
	.ApplicationsRoi h1 { margin-bottom: .5em; }

/* Contact */
	.Contact .MainContent h2 { margin-top: 3em; }
	.Contact .MainContent .DataTable { margin-top: 2em; }
	.Contact .MainContent .DataTable td { padding: 5px; }
	.Contact .MainContent .DataTable label { font-weight: bold; }
	.Contact .MainContent .Required { color: #C60; font-weight: bold; }
	.Contact .MainContent .Buttons { width: 100%; text-align: center; margin-bottom: 3em; }

/* Thank You */
	.ThankYou .MainContent { height: 300px; }
	.ThankYou ol li { margin-bottom: 1.5em; }

/* Top 10 */
	.Top10 ol { list-style-type: lower-alpha; }
	.Top10 ol li { margin-bottom: 1em; }

/* Key Feature */
	.KeyFeature .MainContent blockquote { color: #C90; line-height: 150%; padding: 0 100px; margin: 1.5em; }
	.KeyFeature .MainContent ol { line-height: 150%; color: #666; margin-bottom: 1.5em; }
	.KeyFeature .MainContent table { width: 90%; margin-left: 10px; margin-bottom: 1.5em; }
	.KeyFeature .MainContent .DataTable thead th { border-bottom: 2px solid #CCC; font-weight: bold; }
	.KeyFeature .MainContent .DataTable tbody th { border-bottom: 1px dashed #CCC; padding: 1em 0; font-weight: bold;}
	.KeyFeature .MainContent .DataTable td { border-bottom: 1px dashed #CCC; padding: 1em 0; }
	.KeyFeature .MainContent .DataTable tr.Last td { border-bottom: none; padding-top: 1em; padding-bottom: 2em; }

/*Reports*/
	.Reports .MainContent IMG { margin-bottom: 1em; margin-top: .5em; }


/* Product Listing Pages*/
	.ProductList .CartTools { height: 48px; }
	.ProductList .CartTools .PCode { width: 330px; padding-top: 13px; padding-left: 13px; background: url(../images/bkg.products.pcode.gif) no-repeat left top; height: 35px; float: left;}
	.ProductList .CartTools .PCodeSubmit { margin: 0; padding: 0; }
	.ProductList .CartTools .PCodeSubmit a { width: 35px; height: 19px; float: left; background: url(../images/btn.go.small.gif) 0 0 no-repeat; }
	.ProductList .CartTools .PCodeSubmit a:hover { background-position: 0 -19px; }
	.ProductList .CartTools label { line-height: 100%; color: #06C; font-weight: normal; margin: 0; padding: 0; width: 115px; float: left; }
	.ProductList .CartTools .TextInput { color: #390; width: 140px; float: left; padding: 2px; margin-right: 5px; background: #FFF; border: 1px solid #06C; }
	.ProductList .CartTools .CartCount { width: 130px; float: right; }
	.ProductList .CartTools .CartCount h6 { color: #666; font-weight: normal; margin-bottom: 3px; }
	.ProductList .CartTools .CartCount h6 Strong { color: #C30; }
	.ProductList .CartTools .CartCount .CheckoutButton { margin: 0; padding: 0; }
	.ProductList .CartTools .CartCount .CheckoutButton a { width: 69px; height: 19px; float: left; background: url(../images/btn.checkout.gif) 0 0 no-repeat; }
	.ProductList .CartTools .CartCount .CheckoutButton a:hover { background-position: 0 -19px; }
	.ProductList #ProductsContainer { margin: 1em 0; clear: both; }
	.ProductList #ProductsContainer tr td { border-bottom: 1px dotted #CCC; }

/* Manuals */
	.Manuals .MainContent table { width: 508px; margin-top: 1em; }
	.Manuals .MainContent table td { border-bottom: 1px dashed #CCC; padding: .5em; }
	.Manuals .MainContent table th { border-bottom: 2px solid #DDD; padding: .5em; }

/* Search Results */
	.zoom_searchform {  font-weight: bold; background: #DCEDF7; padding: 10px; width: 675px; text-align: left !important; margin: 40px 10px 40px 0 !important;  }
	/*.zoom_options { }*/
	.zoom_button { margin-right: 20px; border: normal; height: 20px; font-weight: bold; background: #efefef; }
	.zoom_button:hover { background: #99BDD1; color: white; }
	.zoom_searchform  select { margin-right: 20px; }
	.searchheading { margin-top: 1em; font-size: 140%; color: green; margin-bottom: 0; }
	/*.results { }*/
	.summary { color: green; display: inline; }
	.sorting { color: green; display: inline; }
	.result_title { color: green; font-weight: bold; border-top: 1px dotted #CCF; padding-top: 10px; margin-bottom: 5px; }
	/*.context { }*/
	.infoline { color: #999; margin-top: 5px; padding-bottom: 10px; font-style: italic;  }

/* PCI */
	.CreditCards img { padding: 10px 20px; }
	.PCINav .HorizList { width: auto; font-size: 1em; border-top: dotted 1px #c9c9c9; border-bottom: dotted 1px #c9c9c9; margin: 10px 5px 0 10px; }
	.PCINav .HorizList li { font-size: 1em; }
	.PCINav .HorizList li a {  padding: 2px 10px 2px 10px; font-weight: bold; line-height: 1.5em; text-decoration: none; letter-spacing: .05em; border-right: dotted 1px #c9c9c9; }
	.PCINav .HorizList li .Last { border-right: none; }
	.PCINav .HorizList a:hover { background: #f3aa39; color: #FFF; }