/* Ovo Red is #6D0101 */

/* Callout Yellow is #E6E4A9 */



* {

	font-family: arial, sans-serif; }



body {

	background-color: gray;	}



#header, #footer {

	background-color: #6D0101; }

	

#main, #wrapper {

	background-color: white;}



/*** Header ***/

	

#header { 

	height: 70px; 

	color: gray;

	font-family: verdana;

	font-size: 11pt;

	font-weight: bold;

	width: 100%;

	border: 0;}



#header img {

	border: 0;

	float: left; }



#header p {

	font-size: 12px;

	font-family: verdana, arial, sans-serif; 

	font-weight: normal;

	padding-top: 49px;

	color: #E4CBCF; }



#header p.debug {

	color: white;

	top: 0;

	right: 0;

	padding: 0;}





	

/*** Top Menu Bar ***/



#topmenu {

	background:url('images/menuBlend.jpg') repeat-x;

	height: 27px;}



#topmenu p {

	float: left; 

	position: relative;

	height: 20px;

	width: 125px;

	text-align: center;

	list-style-type: none;

	padding-top: 7px;

	color: #404040;

	font: .8em verdana, arial,sans-serif;

	border-right: solid gray 1px; }



#topmenu p.toolbar {

	border: 0;

	margin: 0;

	padding: 0;

	float: left; 

	width: 100px;

	height: 20px;

	text-align: right;

	font: .8em verdana, arial,sans-serif;}



#topmenu p.toolbar span {

	float: right;}





#topmenu p.toolbar img {

	border: 0;

	height: 25px;

	width: 25px;

	margin: 0 0 0 1em;}



#topmenu p:first-child {

	border-left: solid gray 1px; }



#topmenu p:hover {

	cursor: pointer; }



#topmenu a {

	text-decoration: none;

	color: #404040;

	display: block;}

	

#topmenu a:hover {

	text-decoration: underline;}		

	

/*** Drop Down Menus ***/



#menu0 { left: 0px;}

#menu1 { left: 126px;}

#menu2 { left: 252px;}

#menu3 { left: 378px;}

#menu4 { left: 504px;}



.dropdowns {

	visibility: hidden;

	position: absolute;

	background-color: white;

	width: 125px;

	top: 96px;

	border: solid gray 1px;

	z-index: 10; }



.dropdowns p {

	min-height: 2em;

	font: 12px arial,sans-serif; }

	

.dropdowns a {

	color: black;

	text-decoration: none;

	padding: 5px 7px 8px 7px;	 }

	

.dropdowns a:hover {

	color: white;

	background-color: #909090;

	text-decoration: underline;}	



/*** Sub-Nav Bars ***/



div#subnav {

	background-color: #E6E4A9;

	height: 27px;}





div#subnav p {

	float: left; 

	list-style-type: none;

	color: red;

	font: .9em verdana,arial,sans-serif; 

	padding-top: 5px;

	margin-top: 0;

	margin-right: 5px; }



div#subnav p:first-child { 

	margin-left: 20px;}



div#subnav a {

	text-decoration: underline;

	display: block;

	color: #6D0101; }

	

div#subnav a:hover {

	text-decoration: underline;

	color: blue; }



/*** HOME PAGE TABLE ***/



.row {

	clear: both;}



.rowRule {

	clear: both;

	width: 450px;	

	border-bottom: solid silver 1px;

	margin: auto auto 10px 50px;}



.leftCol {

	float: left;

	width:200px; 

	text-align: center;

	margin-bottom: 10px;}



.rightCol {

	float: left;

	width: 300px; 

	margin-bottom: 10px;}



.centeredCol {

	float: left;

	width: 500px; 

	text-align: center;

	margin: auto auto 10px 50px;}



.fullCol {

	float: left;

	width: 500px; 

	text-align: left;

	margin: auto auto 10px 50px;}



/*** HOME PAGE RIGHTHAND BANNER ***/

#mainb {

	float: left;

	width: 550px;

	margin: 20px auto 2em auto;}



div#callout {

	position: absolute;	

/*	background-color: #E6E4A9;  */

	background-image:url('images/calloutBack.jpg');

	top: 50;

	left: 550px;

	width: 150px;

	margin: 20px 10px auto 10px;

	padding: 1em;

	height: 575px;

	font-size: .8em;}



/*** GENERIC RIGHT HAND BANNER ***/

#rBan {

	float: right; 

	width: 200px; 

	margin: auto 10px auto 2em;

	background-image:url('images/calloutBack.jpg');

	font-size: 80%;

	height: 575px;

}



/*** Products Page Styles ***/





div.rowwrap {

	clear: both;}



div.hrule {

	clear: both;

	border-bottom: solid silver 1px;

	margin: 20px auto;}



div.prodicon {

	float: left;

	width: 325px;

	text-align: center; }



div.proddesc {

	float: left;

	width: 425px;}



/*** Video Engine Styles ***/



div.hlrowwrap {

	clear: both;

	margin-top: 1em;}



div.hldesc {

	float: left;

	width: 275px;}



div.hldesc p {

	padding: 0 0 0 20px;}

 

div.hljpg {

	float: left;

	width: 475px;

	text-align: center; }



/*** Fixed Labs ***/



.fixedImgLeft {

	float: left;

	border: 0;

	margin: auto 20px;}



.fixedImgRight {

	float: right;

	border: 0;

	margin: 20px 0 0 20px; }



/*** DEVICE CAMERA TABLE ***/



.label {

	float: left;

	width: 200px;

	margin: 0px 0px 0px 50px;

	padding: 0px;}



.value {

	margin: 0px;

	padding: 0px;}





/*** General Content Styles ***/



#main h1, #main h2, #main h3, #main p, #main li  {

	margin-left: 15px;

	margin-right: 15px; }



h1 {

	font-size: x-large;

	margin: 15px auto .5em auto; }

	

h2 {

	font-size: large;

	margin: auto auto 1em auto}



h3 {

	font-weight: bold;

	margin: 15px auto 0 auto;}



#main p {

	color: black;

	font: 1em/1.4em arial,sans-serif;

	margin-bottom: 1em;}

	

#main li {

	color: black;

	font: 1em/1.4em arial,sans-serif;

	margin: 0 2em .5em 4em; }



#main li:first-child {

	margin-top: 1em;}



#main ul {

	list-style-type: disc;

	margin: auto auto 1em auto;}



	

#main a {

	color: blue;

	text-decoration: underline; }

	

#main a:hover {

	color: blue; }

	

.left {

	float: left; 

	margin: auto 20px;

	border: 0;

	text-align: center;}



.right {

	float: right;

	margin: auto 20px;

	border: 0;

	text-align: center;}



.col300 {

	float: left;

	width: 300px;

	margin: auto 20px;

	border: 0;

	text-align: left;}



.col350 {

	float: left;

	width: 350px;

	margin: auto 20px;

	border: 0;

	text-align: left;}



.center {

	text-align: center;}



.caption {

	color: gray;

	font-size: .8em;

	margin: 0;

	padding: 0;}





.clearfloats, 

.clearFloats, 

.ClearFloats {

	clear: both;

	margin: 0px; padding: 0px;}



div.contactUs div.frmWrap p.smGray {

	font-size: 9pt;

	color: grey;}



img {

	border: 0; }



.small, 

.sm {	

	font-size: .75em; }



.emph {

	font-weight: bold;

	font-style: italic; }



/*** STAFF PAGE ***/



img.staff {

	float: right;}



/*** vidplay iframe ***/





.swfHide {

	height: 0;

	width: 0;

	border: 0;}





.swfShow {

	position: fixed;

	width: 670px;	

	height: 530px;

	top: 20px;

	background-color: black;

	border: solid black 4px;

	text-align: center;

	margin-left: 30px;}





/*** Footer ***/



#footer {

	background:url('images/FooterBlend.jpg') repeat-x;

	font: x-small helvetica,arial,sans-serif;	

	width: 100%;

	border: 0px none; }



#footer p.nav {

	font-weight: normal;

	color: #DFDFDF;

	padding-top: 1em;}



#footer p.copyright {

	color: silver;}

	

#footer a {

	color: #DFDFDF; }	

	

#footer a:hover {

	text-decoration: underline; }



#footer_base {

	width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	text-align: center;

	font-weight: normal;}



/*** Forms ***/



div.frmRow {

	clear: both;

	position: relative;

	margin: 0; padding: 0;

	}



p.frmLabelCol {

	float: left;

	width: 10em;

	margin: 0; padding: 0;	}



p.frmInputCol {

	float: left;

	width: 25em;

	margin: 0; padding: 0;}



div#contactUs div.frmWrap {

	float: left;

	width: 25em;}





div#contactUs div.contactColWrap {

	float: left;

	width: 20em;

	padding: 0;

	margin: 0;}



.frmButton {

	padding: 2px 7px;

	}



.smB {

	font-size: 8pt;

	font-family: courier;

	padding: 0 3pt;

	height: 2em;}



.smBR {

	font-size: 9pt;

	font-family: courier;

	padding: 0 3pt;

	float: right;

	margin-right: 1em;}





/*

<span class="textButtonSm" id="1" onclick="funcClick(1);" onMouseDown="funcMD(1);" onMouseOut="funcMU(1);" onMouseUp="funcMU(1);">Edit</span>

*/

.textButtonSm {

	font-size: 9pt;

	font-weight: normal;

	border-top: solid gray 1px;

	border-left: solid gray 1px;

	border-right: solid black 2px;

	border-bottom: solid black 2px;

	padding: 0 3px;

	background-color: #E0DFE3;

	}



.textButtonSm:hover {

	cursor: pointer;}



.textButtonSmDown {

	font-size: 9pt;

	font-weight: normal;

	border-right: solid gray 1px;

	border-bottom: solid gray 1px;

	border-left: solid black 2px;

	border-top: solid black 2px;

	padding: 0 3px;

	background-color: #E0DFE3;}





.msg {

	color: red;}



.msgok {

	color: green;}



/******************************************************

/*   Ovo Solo

/******************************************************/



.soloGraphic {

	padding: 0 0 0 1em;}





.soloBullet {

	list-style-image: url(images/egg.gif);

	}

.soloBullet li {

	height: 1.5em; }



.soloLeft {

	float: left;

	width:300px; 

	text-align: center;

	margin-bottom: 10px;}



.soloRight {

	float: left;

	width: 400px;

	text-align: center;

	margin-bottom: 10px;}



.soloLeft2 {

	float: left;

	width:390px; 

	text-align: center;

	margin-bottom: 10px;}



.soloRight2 {

	float: left;

	width: 350

	text-align: center;

	margin-bottom: 10px;}



div#ovoSolo01 p.caption {

	font-size: 1em;

	font-weight: bold;}





/******************************************************

/*   SHOPPING CART STYLES

/******************************************************/



.rowRule {

	clear: both;

	width: 450px;	

	border-bottom: solid silver 1px;

	margin: auto auto 10px 50px;}



.leftSolo {

	float: left;

	width:300px; 

	text-align: left;

	margin-bottom: 10px;

	margin-left: 20px;}



.rightSolo {

	float: left;

	width: 300px; 

	margin-bottom: 10px;}



div.rightSolo.select {

	width: 100px;}



#entity {

	display: none;

	visibility: hidden; }



#entity2 {

	display: none;

	visibility: hidden; }



	



/******************************************************

/*   AdminProdConfig STYLES

/******************************************************/



#AdminProdConfig {}



#AdminProdConfig div {

	clear: both; 

	margin: 0 0 0 20px;}



#AdminProdConfig div.row {

	margin-top: 1em;

	border-bottom: solid silver 1px;}



#AdminProdConfig div.head {

	font-weight: bold;}



#AdminProdConfig p.col {

	float: left;

	width: auto;

	margin: 0; padding: 0;	}



/******************************************************

/*   XNETHOME STYLES

/******************************************************/



#xnethome .row {

	clear: both;

	margin: 0;

	padding: 0;}



#xnethome .lbl {

	float: left;

	width: 12em;

	margin: 0;

	padding: 0 0 0 1em;}



#xnethome .data {

	float: left;

	margin: 0;

	padding: 0;}



#xnethome .wide {

	width: 100%;

	margin: 0;

	padding: 0 0 0 1em;}



/******************************************************

/*   XNET CONTACT US VIEWER

/******************************************************/



div#xnetAdminContactUs div.row {

	clear: both;

	padding: 0:

	margin: 0;}

div#xnetAdminContactUs div.row:first-child {

	font-weight: bold;}

div#xnetAdminContactUs p.colA {

	float: left;

	width: 8em;

	padding: 0;

	margin: 0;

	font-size: 9pt;}



/******************************************************

/*   VIDEO SAMPLES PAGE

/******************************************************/



#vidSam .LCol {

	margin-top: 1em;

	float: left;

	width: 340px;

}

#vidSam .img {

	float: left;

	width: 400px;

	margin-top: 1em;

	text-align: left;

}

#main #vidSam .img p {

	margin-left: 0px;

}

#vidSam .row {

	clear: both;

	height: auto;

	overflow: auto;

	margin: 1em auto 1em auto;

	border-top: solid silver 1px;

}