#main {
	padding-top:0px;}

#wrapper {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/digitalsignage/images/columns.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#header {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	height:180px;
}

#leftsidebar {
	float: left; display:inline;
	width: 200px;
	margin-top: 0px;
}
#leftsidebar h1 {
	font-size: 14px;
	font-size:  "14px";
}
#leftsidebar p {
	font-size: 12px;
}

a.greentxt {
color:#156659;
font-weight: bold;
margin-bottom: 0px;
text-decoration:none;
}
a.greentxt:hover {
color:#156659;
font-weight: bold;
margin-bottom: 0px;
text-decoration:none;
}

a.greentxtsm {
font-size: 10px;
color:#156659;
font-weight: bold;
margin-top: 0px;
text-decoration:none;
}
a.greentxtsm:hover {
font-size: 10px;
color:#156659;
font-weight: bold;
text-decoration:none;
}

#rightsidebar {
	float: left; display:inline;
	width: 200px;
	margin-top: 0px;
}
#rightsidebar p {
	font-size: 11px;
}

#rightsidebar h1 {
	font-size:14px;
	font-weight:bold;
	color:#185F7D;
	margin: 0;
	padding-left: 12px;
}
#rightsidebar h3 {
	font-size:11px;
	color:#000000;
	margin: 0;
	padding-left: 12px;
}
#rightsidebar h2 {
	font-size:14px;
	font-weight:bold;
	color:#2F7A81;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	padding: 0px;
}

#rightsidebar .section {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-bottom: 10px;
}
#rightsidebar .headline{ 
	font-size:14px;
	font-weight: bold;
	margin: 0;
	}
#centercontent {
	float: left;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 12px;
	width: 531px;
}
p.smtxt {
font-size:10px;
}
#footer a:link{color: #277d89;text-decoration: none; font-sizes:11px;}
#footer a:visited{text-decoration: none;color: #277d89; font-sizes:11px;}
#footer a:hover{text-decoration: underline;color:#666; font-sizes:11px;}
#footer a:active {text-decoration: none;color: #277d89; font-sizes:11px;}

#centercontent h1 {
	font-size:16px;
	font-weight:bold;
	color:#3a5f7c;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
#centercontent h2 {
	font-size:15px;
	font-weight:bold;
	color:#000000;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#centercontent h3 {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin: 0px;
}
#centercontent h4 {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
}
#centercontent p {
	margin-bottom: 15px;
}

#centercontent ul {
	margin-bottom: 15px;
}

#centercontent li{
margin-left:25px;
list-style-type: square;

}  
#centercontent ul li li { 
padding-left:5px;
list-style-type: circle;
}


#mainLeftg{ float:left; margin-top:6px;}
.mBoxg{ float:left; margin-right:10px; padding-bottom:8px;}
.mBoxg2{ float:left; margin-right:0px; padding-bottom:8px;}
.resellg{width:531px;
background:url(/digitalsignage/boxt2.gif) repeat-x left top;}
.resellg{width:531px;
background:url(/digitalsignage/boxt2.gif) repeat-x left top;}
.resellContentg{ background:url(/digitalsignage/images/boxb2.gif) repeat-x left bottom; overflow:hidden;}
.arcTopLg{ background:url(/digitalsignage/images/arctl2.gif) no-repeat left top; height:6px;}
.arcTopRg{ background:url(/digitalsignage/images/arctr2.gif) no-repeat right top; width:6px; height:6px; float:right;}
.arcBotLg{ background:url(/digitalsignage/images/arcbl2.gif) no-repeat left  bottom; height:6px; _margin-top:-12px;}
.arcBotRg{ background:url(/digitalsignage/images/arcbr2.gif) no-repeat right bottom; width:6px; height:6px; float:right;}
.resellPg{ border-left:1px solid #3E5077;border-right:1px solid #3E5077; padding:0px 0px 0px 5px; zoom:1; margin-bottom: 0px; margin-top: 0px; _margin-top: -10px;}
.minHeightg{ height:230px; _height:225px;}

#mainLeftg2{ float:left; margin-top:6px;}
.mBoxg22{ float:left; margin-right:0px; padding-bottom:0px;}
.resellg2{width:531px;
background:url(/digitalsignage/images/boxt2.gif) repeat-x left top;}
.resellContentg2{ background:url(/digitalsignage/images/boxb2.gif) repeat-x left bottom;}
.arcTopLg2{ background:url(/digitalsignage/images/arctl2.gif) no-repeat left top; height:6px;}
.arcTopRg2{ background:url(/digitalsignage/images/arctr2.gif) no-repeat right top; width:6px; height:6px; float:right;}
.arcBotLg2{ background:url(/digitalsignage/images/arcbl2.gif) no-repeat left  bottom; height:6px; _margin-top:-12px;}
.arcBotRg2{ background:url(/digitalsignage/images/arcbr2.gif) no-repeat right bottom; width:6px; height:6px; float:right;}
.resellPg2{ border-left:1px solid #3E5077;border-right:1px solid #3E5077; padding: 0 0 0 5px; zoom:1; margin-top: 0px; _margin-top: -10px;}
.minHeightg2{ height:660px; _height:315px;}
.minHeightg3{ height:445px; _height:440px; }

.gBoxes{ border-left:1px solid #ccc;border-right:1px solid #3E5077;}
.gtxt{ padding:10px 15px 15px 15px; _padding:10px 15px 30px 15px;}
.gBoxp1{
float: left; display:inline;
width: 90px;
border: 1px;
border-color:#000000;
border-style: solid;
margin-right: 8px;
}

.gBoxp2 { 
float:left; display:inline;
width: 140px;
font-size: 10px;
}

.gh1 { font-size: 17px; font-weight: bold; color:#000000;}

#centercontent 3col {width: 526px;}
.col1 { width: 242px; float:left; border:2px; border-style:outset; border-color:#2F7A81; background-color:#F3F3F3; padding:5px; height:200px;}
.col2 { width: 15px; float:left;}
.col3 { width: 242px; float:left; border:2px; border-style:outset; border-color:#2F7A81; background-color:#F3F3F3; padding:5px; height:200px;}

#promoheader {
display: block;
background: #3a5f7c;
padding-top: 6px;
size: 528px;
height: 40px;
font-size: 14px;
color:#FFCC00;
font-weight: bold;
text-align:center;
}

#promos {
display: block;
background: #FFFFFF;
size: 528px;
border: 1px;
border-width: 1px;
border-style:solid;
padding: 4px;
}

#announce {
display: block;
background: #FFFFFF;
size: 528px;
border: 2px;
border-style:solid;
border-color:#FF0000;
padding: 4px;
}

#contactsheader {
display: block;
background: #3a5f7c;
padding-top: 6px;
size: 100%;
height: 25px;
font-size: 14px;
color:#FFFFFF;
font-weight: bold;
margin-right: 10px;
}

#contacts {
display: block;
background: #E9F8E7;
width: 168px;
margin-top: 13px;
padding: 2px;
border: 1px;
border-width: 1px;
border-style:outset;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 12px;
}

#contacts h1 {
	font-size: 14px;
	color: #156659;
	font-weight: normal;
}

#contacts h2 {
	font-size: 12px;
	color: #156659;
	font-weight: normal;
margin-top:0px;
}

#contacts h3 {
	font-size: 12px;
	color: #156659;
	font-weight: bold;
	margin-bottom:0px;
}

#contacts a:link, #contacts a:visited {
	display: inline-block;
	text-decoration: underline;
	color: #156659; 
}
#contacts a:hover {
	color: #000000;
	text-decoration: underline;
}
#webinarheader {
display: block;
background: #034582;
width: 168px;
margin-top: 0px;
margin-left: 12px;
margin-right: 12px;
margin-bottom: 0px;
padding-left: 4px;
padding-bottom: 0px;
border: 1px;
border-width: 1px;
border-style: outset;
}
#webinarheader h1 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
#webinar {
display: block;
background: #FFFFFF;
width: 168px;
margin-top: 0px;
margin-left: 12px;
margin-right: 12px;
padding-left: 4px;
padding-bottom: 4px;
border: 1px;
border-width: 1px;
border-style:outset;
margin-bottom: 15px;
}
#webinar h1 {
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

#webinar h2 {
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 5px;
}
#webinar p {
	font-size: 11px;
	color: #000000;
	font-weight: normal;
		margin-top: 0px;
}
#webinar a:link, #webinar a:visited {
	display: inline-block;
	text-decoration: underline;
	color: #006756; 
}
#webinar a:hover {
	color: #000000;
	text-decoration: underline;
}

#webinarheader2 {
display: block;
background: #01752E;
width: 168px;
margin-top: 0px;
margin-left: 12px;
margin-right: 12px;
margin-bottom: 0px;
padding-left: 4px;
padding-bottom: 0px;
border: 1px;
border-width: 1px;
border-style: outset;
}
#webinarheader2 h1 {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
#webinar2 {
display: block;
background: #FFFFFF;
width: 168px;
margin-top: 0px;
margin-left: 12px;
margin-right: 12px;
padding-left: 4px;
padding-bottom: 4px;
border: 1px;
border-width: 1px;
border-style:outset;
margin-bottom: 15px;
}
#webinar2 h1 {
	font-size: 14px;
	color: #000000;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}

#webinar2 h2 {
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 5px;
}
#webinar2 p {
	font-size: 11px;
	color: #000000;
	font-weight: normal;
		margin-top: 0px;
}
#webinar2 a:link, #webinar2 a:visited {
	display: inline-block;
	text-decoration: underline;
	color: #034582; 
}
#webinar2 a:hover {
	color: #000000;
	text-decoration: underline;
}
#centercontent a:active {
}

.caption {
	font-size: 11px;
	font-style: italic;
}
#centercontent p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
#centercontent a:link, #centercontent a:visited {
	/*display: inline-block;*/
	text-decoration: underline;
	color: #027065; 
}
#centercontent a:hover {
	color: #000000;
	text-decoration: underline;
}
#centercontent a:active {
}

#centercontent a.redlink {color: #FF0000; text-decoration: underline; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#centercontent a.redlink:hover {color: #000000; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

A.biglink {color: #003366; text-decoration: underline; font-size: 13px; font-family: Verdana, Arial, Helvetica; font-weight:bold;}
A.biglink:hover {color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica;; font-size: 13px; font-weight:bold;}

A.biglink2 {color: #003366; text-decoration: underline; font-size: 14px; font-family: Verdana, Arial, Helvetica; font-weight:bold;}
A.biglink2:hover {color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica;; font-size: 14px; font-weight:bold;}
A.biglink2:active {color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica;; font-size: 14px; font-weight:bold;}
A.biglink2:visited {color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica;; font-size: 14px; font-weight:bold;}

.marketplace {
	padding: 0px;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00535E;
	border-right-color: #00535E;
	border-bottom-color: #00535E;
	border-left-color: #00535E;
	margin-top: 8px;
	margin-right: 4px;
	margin-bottom: 8px;
	margin-left: 4px;
	background-color: #E8F2D2;
}
.marketplace h3 {
	background-color: #009577;
	display: block;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.marketplace h4 {
	margin: 0px;
	font-size: 12px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.marketplace p {
	font-size: 11px;
	display: block;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C4E09A;
	padding-right: 8px;
	padding-left: 8px;
}

#sidebarmenu h1{ 
	font-size:14px;
	font-weight:bold;
	color:#00535E;
	margin-left: 0px;
	padding: 0;
}
#sidebarmenu p{ 
	font-size:12px;
	margin-left: 8px;
	padding: 0;
}
#sidebarmenu .headline{ 
	font-size:14px;
	font-weight: bold;
	margin: 0;
	padding-top: 12px;
}
#sidebarmenu a { 
	font-size:12px;
	color:#2F7A81;
	text-decoration:underline;
	font-weight:bold;
	margin-left: 8px;
	padding: 0;
}
#sidebarmenu a:hover { 
	font-size:12px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	margin-left: 8px;
	padding: 0;
}
#rightsidebarmenu a { 
	font-size:11px;
	color:#2F7A81;
	text-decoration:underline;
	font-weight:bold;
	padding: 0;
}
#rightsidebarmenu a:hover { 
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	padding: 0;
}

/* Additions to the basestyles */

/* external links */
.link_external {
	display:inline-block;
	padding-right:18px;
	background-color: transparent;
	background-image: url(images/external.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 16px;
}

/* ZIP document links */
.link_zip {
	display:inline-block;
	padding-right:18px;
	background-color: transparent;
	background-image: url(images/zip.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 16px;
}

/* PDF document links */
.link_pdf {
	display:inline-block;
	padding-right:18px;
	background-color: transparent;
	background-image: url(images/pdf.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 16px;
}

/* Excel Documents links */
.link_excel {
	display:inline-block;
	padding-right:18px;
	background-color: transparent;
	background-image: url(images/excel.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 16px;
}

/* Word Document Links */
.link_doc {
	display:inline-block;
	padding-right:18px;
	background-color: transparent;
	background-image: url(images/word.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 16px;
}
.synnexlink {
	float:right;
}

/* mailto: links */
.link_mailto {
	display:inline-block;
	padding-right:18px;
	background-color: transparent;
	background-image: url(images/mailto.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 16px;
}
/* End hide from IE-mac */
/* end float fix */
.clear {
	clear: both;
}

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}
#modernbricksmenu{
padding: 0;
width: 100%;
height: 26px;
background-color:#009577;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font-weight:bold;
font-size:0.8em;
margin:0;
margin-left: 0; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 11px;
text-decoration: none;
letter-spacing: 1px;
background-color: #00535E; /*Default menu color*/
border-right: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: #E0A300; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #E0A300; /*Brown color theme*/ 
border-color: #E0A300; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 1px;
line-height: 1px;
background: #00535E; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}

.adbanner {
	background-color: #FFFFFF;
	padding: 8px;
	margin-top: 20px;
	margin-bottom: 12px;
	height: 100px;
}
#test li {
	display: block;
	border: solid 1px red;
}
/* Standardista Table sort */
table {
	border-collapse: collapse;
	width: 100%;
	/*font-size: 9pt;*/
}
thead th, tfoot th {
	text-align: left;
	border: 0px solid black;
	background-color: #92C643;
	color: #00535e;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	color: #00535E;
}
.img { padding-right: 10px; }

tfoot td {
	border-top: 1px solid black;
}
tbody td {
	/*border: 0px solid black;*/
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
td.tablenoborder {
border: 0px;
}
table.tablenoborder {
border: 0px;
}
.tableheader {
background-color:#cccccc;
}
tbody tr {
	background-color: #FFFFFF;
}
tbody tr.odd {
	background-color: #FFFFFF;
}
td.numeric, th.numeric {
	text-align: right;
}
/* ordered and unordered lists */

ul.styled {
	list-style-type: none;
	list-style-image: url(images/bullet.png);
	list-style-position: inside;
	font-style: italic;
}
ol.styled {
	list-style-type: upper-roman;
	list-style-position: inside;
	font-style: italic;
}
.photo_inline_left {
	float:left;
	border: 2px solid #333333;
	padding: 1px;
	margin-bottom: 11px;
}

blockquote.withquote {
	background-position:left top;
	text-align: justify;
	padding-left:24px;
	background-image: url(images/q_O.png);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #DCDCDC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DCDCDC;
	color: #FF3333;
	font-style: italic;
	margin-top: 8px;
	margin-bottom: 8px;
} 

p.withunquote {
	background-position:right bottom;
	padding-right:12px;
	background-image: url(images/q_C.png);
	background-repeat: no-repeat;
}
.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 160px;
}

.buttonmenu li a{
color: white;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
border-bottom: 1px solid;
border-top: 1px solid;
border-left: 7px solid;
border-right: 1px solid;
border-color:#669999 #01535f #01535f #669999; /*light dark dark light*/
background-color: #3a5f7c;
text-decoration:none;
}


.buttonmenu li a:hover, .buttonmenu li a:active{
color: #3a5f7c;
background-color: #E7EFEF;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}

.buttonmenu2{
list-style-type: none;
margin: 0;
padding: 0;
width: 160px;
}

.buttonmenu2 li a{
color: #3a5f7c;
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
border-bottom: 1px solid;
border-top: 1px solid;
border-left: 7px solid;
border-right: 1px solid;
border-color:#669999 #01535f #01535f #669999; /*light dark dark light*/
background-color: #E7EFEF;
text-decoration:none;
}

.buttonmenu2 li a:hover, .buttonmenu2 li a:active{
color: #ffffff;
background-color: #3a5f7c;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
}

.redtext { color:#FF0000 }
.clear {
	clear: both;
}

#space2 { margin-top: 12px;}

/* CSS Document - horizontal drop down menu */

div#listmenu ul {margin:0; padding:0;z-index:10;} 

/* the horizontal menu starts here */
div#listmenu {
width:100%;
float:left;
padding-left:0px;/*added to overide menu.css settings*/
text-decoration:none;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
z-index:10;
background-color: #626365;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #626365;
border-bottom-color: #626365;
height: 25px;
}

div#listmenu ul {
margin: 0; z-index:10;/* indents ul from edge of container */
float:left;padding:0px; /*added to overide menu.css settings*/
}

div#listmenu li {
float:left; /* causes the list to align horizontally instead of stack */
position:relative; /* positioning context for the absolutely positioned drop-down */
list-style-type:none; /* removes the bullet off each list item */
background-color:#626365; /*sets the background of the menu items */
border-right:1px solid #626365;
border-bottom:1px solid #626365;
padding-top: 4px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
height: 21px;
z-index:10;
background:none; /*added to overide menu.css settings*/
}
div#listmenu li:first-child {
border-left:1px solid #626365; /*the first vertical line on the menu */
}
div#listmenu li.nohover:hover { 
background-color:#626365; /*sets the background of the menu items */
}
div#listmenu li:hover { 
background-color:#626365; /*sets the background of the menu items */
}
div#listmenu a {
display:block;
text-decoration:none;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
/*font-size: 10px;*/
font-weight: bold;
}
div#listmenu a:hover {
color: #cccccc;
text-decoration: none;
/*font-size: 10px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;*/
}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu a.current:link, div#listmenu a.current:visited  {
	color: #cccccc;
	text-decoration: none;
}
div#listmenu ul li ul {
position:absolute;
width:100px;
left:-1px;
margin-top: 3px; /* positions drop downs */
margin-left: 0px;
z-index:10;
}
div#listmenu ul li ul li {
width:100%; /* makes the list items fill the list container (ul) */
border-left:1px solid 626365; /* three sides of each drop-down item */
border-bottom:1px solid 626365;
border-right:1px solid 626365;
z-index:10;
}
div#listmenu ul li ul li:first-child {
border-top:1px solid 626365; /*the top edge of the dropdown */
}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;z-index:10;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul {
visibility:hidden; /* same effect as display:none in this situation */
top:-1px;
left:15.8em;
z-index:10;
}
div#listmenu ul li ul li ul li {
padding-left: 20px;
} 

div#listmenu ul li ul li ul li ul li {
padding-left: 30px;
} 

div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* third level popouts start here*/
div#listmenu ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */


/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
float:left; /* makes the ul wrap the li's */
border-left:1px solid #626365; /* adds the rightmost menu vertical line to the ul */
margin-left:1px; /* IE doubles the given value above - why? */
}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html div#listmenu ul li ul {
border-top:1px solid #626365;
border-left:0px; /* stops the drop inheriting the ul border */
}
/* end of hack zone */
/* END OF LIST-BASED MENU */