/*  ---------------------------------------------------
	=Base Styles
	===================================================*/

	body {
		color: #626C75;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		line-height: 17px;
		margin: 0 auto;
		outline: none;
		padding: 0;
		border-top: 6px solid #F3F4F5;
		}
		
	.clear {
		clear: both;
		}
		
	a {
		color: #ff6600;
		text-decoration: none;
		outline: none;
		}
	
	a:hover { 
		color: #0099FF;
		outline: none; 
		}
		
	a:visited { 
		color: #ff6600; 
		}
	
	img { 
		border: 0px none; 
		}
	
	
	/* color style */
	
	.dgray { 
		color: #485056; 
		}
	.mgray { 
		color: #626C75; 
		}
	.gray {
		color: #C9CDD0;
		}
	.lgray { 
		color: #838D97; 
		}
	.orange { 
		color: #ff6600; 
		}
	.teal {
		color: #04A9BC;
		}
	
	hr, .grayline, .orangeline {
		background: #E5E6E8;
		color: #E5E6E8;
		display: block;
		height: 1px;
		margin: 0;
		padding: 0;
		width: 100%;
		}
		
	.grayline { background: #fff url('img/dots_gray.gif') repeat-x center left; }
	
	.orangeline { background: #fff url('img/dots_orange.gif') repeat-x center left; }
	
/*  ---------------------------------------------------
	=Text Styles
	===================================================*/
	
	
	h1, h2, h3 {
		color: #485056;
		font-size: 23px;
		font-weight: normal;
		line-height: 26px;
		margin: 32px 15px 23px 15px;
		}
		
	h2 {
		font-size: 11px;
		font-weight: bold;
		line-height: 17px;
		padding: 0;
		margin: 0;
		}
		
	h3 {
		cursor: hand;
		font-size: 11px;
		line-height: 13px;
		}
		
		#logo {
			float: left;
			margin:0; padding:0;
			position:relative;
			width:194px; height:72px;
			overflow:hidden;
			}
			
		#logo span {
			cursor: hand;
			display:block;
			position:absolute; left:0; top:0; z-index:1;
			width:194px; height:72px;
			margin:0; padding:0;
			background:url('../images/armida_logo.gif') no-repeat top left;
			}
			
	h4 {
		font-size: 14px;
		}
		
	.breadcrumbs {
		color: #ff6600;
		font-size: 10px;
		display: block;
		background: url('img/dots_orange.gif') repeat-x bottom left;; margin-left:15px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:17px; padding-bottom:14px
		}
		
		.breadcrumbs a{
			color: #626C75;
			text-decoration: none;
			}
			
		.breadcrumbs a:hover {
			color: #ff6600;
			}
			
	.arrowlink {
		background: url('../images/nav/grayarrow.gif') no-repeat 0 8px ;
		margin: 0;
		padding-left:12px; padding-right:12px; padding-top:3px; padding-bottom:3px
		}
		
	.introtext {
		color: #ff6600;
		display: block;
		font-size: 16px;
		line-height: 22px;
		margin: 0 0 14px 15px;
		}
		
	#tagline {
		border-top: 1px solid #E0E2E3;
		color: #626C75;
		clear: both;
		float: left;
		font-size: 10px;
		margin: 3px 0 0 0;
		padding: 6px 0;
		text-align: right;
		width: 100%;
		}
		
/*  ---------------------------------------------------
	=Header Navigation
	===================================================*/
		
	#top-nav, #top-nav ul {		
		font-size: 10px;
		list-style: none;
		line-height: 1;
		margin: 0;
		padding: 0;
		text-align: left;
		width: auto;
		}
	
	#top-nav a {
		color: #485056;
		display: block;
		text-decoration: none;
		width: auto;
		}
	
	#top-nav li {
		float: left;
		padding: 0;
		width: auto;
		}
	
	#top-nav li ul {
		border: 1px solid #C9CDD0;
		position: absolute;
		left: -999em;
		height: auto;
		width: 194px;
		font-weight: normal;
		margin: 0;	
		}
	
		#top-nav li li {
			margin: 0;
			width: 186px;
			background: #fff url('../images/nav/navdots.gif') no-repeat bottom center;; padding-left:4px; padding-right:4px; padding-top:7px; padding-bottom:7px
			}
	
		#top-nav li ul a {
			width: 194px;
			}
	
		#top-nav li:hover ul ul, #top-nav li:hover ul ul, #top-nav li.sfhover ul ul, #top-nav li.sfhover ul ul {
			left: -999em;
			}
	
		#top-nav li:hover ul, #top-nav li li:hover ul, #top-nav li li li:hover ul, #top-nav li.sfhover ul, #top-nav li li.sfhover ul, #top-nav li li li.sfhover ul {
			left: auto;
			}
	
		#top-nav li:hover, #top-nav li.sfhover {
			background: #F6F6F7;
			}
		
		
	#toplinks {
		color: #E5E5E5;
		font-size: 10px;
		margin: 0;
		padding: 9px 9px 15px 9px;
		}
		
		#toplinks a{
			color: #626C75;
			text-decoration: none;
			}
		
	
/*  ---------------------------------------------------
	=Left Hand Navigation
	===================================================*/
	
	#sidenav {
		border-top: 47px solid #C9CDD0;
		margin: 0;
		padding: 0;
		}
		
		#sidenav ul {
			list-style-position: outside;
			list-style-type: none;
			background: #fff url('img/dots_orange.gif') repeat-x bottom left;; margin-left:0; margin-right:0; margin-top:6px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:0; padding-bottom:19px
			}
		
		#sidenav li {
			font-weight: bold;
			border-top: 1px solid #E5E6E8;
			margin: 0;
			padding: 0;
			width: 100%;
			}
		
		#sidenav li a {
			color: #485056;
			display: block;
			padding: 3px 0px;
			margin: 0;
			text-indent: 8px;
			width: 100%;
			}
		
		#sidenav li a:hover {
			background-color: #F6F6F7;
			}
	
			#sidenav ul ul {
				background: none;
				border: 0px none;
				margin: 0;
				padding: 0;
				width: 100%
				}
		
			#sidenav li #sidesub li {
				border-top: 1px solid #EFF0F1;
				font-size: 10px;
				font-weight: normal;
				margin: 0;
				width: 100%;
				}
		
			#sidenav li #sidesub li a{
				background: #fff;
				color: #626C75;
				}
		
			#sidenav li #sidesub li a:hover{ background: #F6F6F7; }
	
		#about #nav-about a, #products #nav-products a, #dealers #nav-dealers a, #resources #nav-resources a, #news #nav-news a{ 
			color: #ffffff;
			background: #ff6600;
			border-bottom: 0px;
			padding: 3px 0px 4px 0px;
			}
	
		#about #nav-about #currentsub a, #products #nav-products #currentsub  a, #dealers #nav-dealers #currentsub a, #resources #nav-resources #currentsub a, #news #nav-news #currentsub a{
			background: #fff url('../images/nav/subarrow.gif') no-repeat center left;
			color: #ff6600; 
			display: block;
			text-indent: 18px
			}
		
		#about #nav-about #currentsub a:hover, #products #nav-products #currentsub  a:hover, #dealers #nav-dealers #currentsub a:hover, #resources #nav-resources #currentsub a:hover, #news #nav-news #currentsub a:hover { 
			background: #F6F6F7 url('../images/nav/subarrow.gif') no-repeat center left; 
			}
	
/*  ---------------------------------------------------
	=Gray Announcement Boxes
	===================================================*/
	
	#graybox {
		background: #F4F5F6 url('img/orangebar.gif') no-repeat top left;
		border-left: 0px solid #E5E6E8;
		margin: 6px 0;
		padding-left:12px; padding-right:12px; padding-top:10px; padding-bottom:12px
		}
		
		#graybox h2 {
			color: #485056;
			font-size: 10px;
			font-weight: bold;
			line-height: 14px;
			padding:0;
			margin: 0;
			}
		
		#graybox p {
			font-size: 10px;
			line-height: 14px;
			margin: 0;
			padding:0;
			}
	
/*  ---------------------------------------------------
	=Layout Styles
	===================================================*/
	
	#global-wrap {
		padding: 0;
		margin: 0 auto;
		width: 873px;
		border: 0px solid #cc0000;
		}
		
	#header {
		border-bottom: 1px solid #E5E6E8;
		float: left;
		margin: 0 0 3px 0;
		padding: 0;
		width: 100%;
		}
		
	#flash {
		background: #3E474F;
		float: left;
		clear: both;
		cursor: hand;
		margin: 0;
		padding: 0;
		height: 248px;
		width: 100%;
		}
		
	#iconfront {
		background: #3E474F url('img/icondiagnols.gif') top left;
		margin: 0;
		padding: 0;
		height: 24px;
		width: 100%
		}
		
	#announce {
		float: left;
		background: #626C75;
		margin: 0;
		padding: 0;
		height: 82px;
		width: 100%;
		}
		
	#events, #signup {
		color: #fff;
		font-size: 10px;
		float: left;
		line-height: 13px;
		width: 291px;
		padding: 12px;
		}
	
	#events a { color: #fff; }
		
	#events img{
		border: 1px solid #A1A7AC;
		float: left;
		margin: 0 15px 0 0;
		padding: 0;		
		}
		
	#callbar {
		float: left;
		border-top: 12px solid #EDEEEF;
		border-bottom: 0px solid #EDEEEF;
		margin-top: 12px;
		padding: 10px 0 11px 0;
		width: 100%;
		}
		
	#signup {
		float: right;
		width: 170px;
		}
		
	#centerrow {
		float: left;
		background: url('img/dots_orange.gif') repeat-x bottom left;
		margin-top: 3px;
		border-top: 24px solid #C9CDD0;
		height: auto;
		width: 100%
		}
	
	#bottomrow {
		background: #F6F6F7;
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		}
		
	#navheader {
		float: right;
		text-align: right;
		margin: 0;
		padding: 0;
		}
		
	#masthead {
		clear: both;
		height:98px;
		margin: 0;
		padding: 0;
		width: 100%;
		background-color: #485056;
		}
		
	#iconbar {
		clear: both;
		height: 24px;
		margin: 0;
		padding: 0;
		width: 100%;
		background: #626C75 url('img/iconbar.gif') no-repeat center left;
		}
		
	#sidecol {
		float: left;
		margin: 1px 0;
		padding: 0;
		width: 194px;
		}
		
	#content {
		float: left;
		margin: 1px 0;
		padding: 0;
		width: 677px;
		}
		
	#col {
		float: left;
		clear: both;
		width: 100%;
		height: 48px;
		padding: 0;
		margin: 0;
		}
	
	#col1 {
		display: inline;
		float: left;
		width: 372px;
		margin: 15px;
		padding: 0;
		}
		
		#col1 p, #col3 p, #col4 p {
			padding: 0 0 17px 0;
			margin: 0;
			}
			
		*html #col2 {
			\width: 372px;
  			w\idth: 372px;
			}
		
	#col2 {
		display: inline;
		float: left;
		margin: 15px 0 15px 15px;
		padding: 0;
		width: 260px;
		}
		
		#col2 p {
			font-size: 10px;
			line-height: 14px;
			padding: 0 0 6px 0;
			margin: 0;
			}
			
		*html #col2 {
			\width: 260px;
  			w\idth: 230px;
			}
			
	#col3 {
		display: inline;
		float: left;
		width: 639px;
		margin: 15px;
		padding: 0;
		}
		
		*html #col3 {
			\width: 639px;
  			w\idth: 639px;
			}
		
	#col4 {
		display: inline;
		float: left;
		width: 323px;
		margin: 15px 0 15px 15px;
		padding: 0;
		}
		
	*html #col4 {
			\width: 323px;
  			w\idth: 293px;
			}
			
	#col1 a, #col2 a { text-decoration: underline; }
	#col1 a:hover, #col2 a:hover, #col3 a:hover, #col4 a:hover { color: #0099FF; }
	
	#productbox {
		float: left;
		width: 276px;
		padding: 0 15px 0 0;
		margin: 40px 0 0 0;
		}
		
		.toggle {
			background: url('../images/nav/sm-OrangeArrow.gif') no-repeat 0 8px;
			width: 100%;
			border-bottom: 1px solid #E4E6E7;
			text-indent: 15px
			}
			.toggle a {
				display: block;
				color: #485056;
				padding: 1px 0;
				}
				
			.toggle a:hover {
				background: #F6F6F7 url('../images/nav/sm-OrangeArrow.gif') no-repeat 0 8px;
				color: #ff6600;
				}
			
		#commentForm {
			display: none;
			}
	
	
	.features {
		float: left;
		height: 166px;
		padding:0 0 0 15px;
		margin: 0;
		width: 179px;
		}
		
		*html .features {
			\width: 194px;
  			w\idth: 179px;
			}
		
		.features img {
			clear:both;
			margin: 11px 0 3px 0;
			}
		.features p  {
			color: #838D97;
			line-height: 13px;
			padding: 0;
			margin: 10px 0 0 0;
			}
	
	.indexcol1, .indexcol2, .indexcol3 {
		float: left;
		display: block;
		margin: 0;
		padding: 11px 14px;
		width: 263px;
		}
		
	*html .indexcol1 {
		\width: 291px;
  		w\idth: 263px;
		}
		
	*html .indexcol2 {
		\width: 388px;
  		w\idth: 360px;
		}
		
	*html .indexcol3 {
		\width: 194px;
  		w\idth: 166px;
		}
		
		.indexcol1 h2, .indexcol2 h2, .indexcol3 h2{
			border-bottom: 1px solid #fff;
			color: #485056;
			line-height: 17px;
			padding: 0 0 8px 0;
			margin: 0;
			}
		
		.indexcol1 p{
			margin: 8px 0 15px 0;
			padding: 0;
			}
			
		.indexcol2 p, .indexcol3 p{
			margin: 6px 0 0 0;
			padding: 0;
			}
			
		.indexcol2 {
			width: 360px;
			}
			
		.indexcol3 {
			padding: 11px 14px;
			width: 166px;
			}
		
	#footer, #ifooter {
		border-top: 1px solid #E5E6E8;
		clear: both;
		color: #838D97;
		float: right;
		font: normal 10px/15px Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 12px 0;
		text-align: center;
		width: 679px;
		}
		
		#footer a {
			color: #838D97;
			}
			
		#footer a:hover {
			color: #ff6600;
			}
			
		#ifooter { 
			width: 100%; 
			}
			
			
/*  ---------------------------------------------------
	=form Styles
	===================================================*/
	
	#frmEmail {
		background: #F4F5F6;
		border: 1px solid #E5E6E8;
		padding: 12px;
		}
	
	#frmEmail input, #frmEmail textarea {
		background: #fff;
		border: 1px solid #E5E6E8;
		color: #485056; 
		width: 97%;
		font-size: 10px;
		color: #443;
		padding: 4px;
		margin: 0 0 10px 0;
		outline: none;
		}
		
	#frmEmail p{
		margin: 0 0 3px 0;
		padding: 0;
		}
		
/*  ---------------------------------------------------
	=List Styles
	===================================================*/
	
	ul#arrowlist {
		padding: 0 0 0 6px;
		margin: 0 0 12px 0;
		list-style: none;
		}
		
		#arrowlist li {
			padding-left: 15px;
			background: url('../images/nav/sm-OrangeArrow.gif') no-repeat 0 7px;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:4px
			}
			
		#col2 #arrowlist li { 
			background: url('../images/nav/sm-OrangeArrow.gif') no-repeat 0 7px;
			font-size: 10px 
			}
			
		ul#circlelist {
		padding: 0 0 0 6px;
		margin: 0 0 12px 4px;
		}
		
		#circlelist li {
			color: #04A9BC;
			font-size: 10px;
			padding: 0;
			margin: 0 0 4px 5px;
			}
			
		ul.linkrows {
			border-bottom: 1px solid #626C75;
			padding: 0;
			margin: 6px 0 24px 0;
			width: 100%;
			list-style: none;
			}
			
		.linkrows li {
			border-top: 1px solid #E5E6E8;
			margin: 0;
			padding: 3px 1px 4px 1px;
			}
			
		.linkrows li a{
			font-weight: bold;
			text-decoration: none;
			}
			
		ul.newsrows {
			border-bottom: 1px solid #626C75;
			padding: 0;
			margin: 6px 0 24px 0;
			width: 100%;
			list-style: none;
			}
			
		.newsrows li {
			color: #ff6600;
			border-top: 1px solid #E5E6E8;
			display: block;
			padding: 3px 1px;
			}
			
		.newsrows li a {
			color: #485056;
			font-weight: bold;
			margin: 0;
			text-decoration: none;
			}
			
		.indexcol2 ul, .indexcol3 ul {
			margin:0;
			padding: 0;
			list-style: none;
			}
			
		.indexcol2 li, .indexcol3 li {
			color: #ff6600;
			background: url('../images/nav/dividerdots.gif') repeat-x bottom left;
			line-height: 17px; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:5px
			}
			
		.indexcol2 li a { color: #626C75; }
		.indexcol2 li a:hover, indexcol3 li a:hover { color: #ff6600; }
		
		.indexcol3 li a { color: #ff6600; }
		.indexcol3 li { color: #626C75; }
		
		
/*  ---------------------------------------------------
	=Table Styles
	===================================================*/
	
	#techspecs {
		border-left:0px solid #C9CDD0; border-top:0px solid #C9CDD0; border-bottom:0px solid #C9CDD0; border-right:0px none; margin:0; padding:0; width: 100%;
		text-align: left
		}
		
	#techspecs th {
		background: #fff;
		border-bottom: 1px solid #838D97;
		border-right: 0px solid  #C9CDD0;
		color: #ff6600; 
		text-align: left;
		padding: 6px 1px;
		}

	#techspecs td {
		border-right: 0px solid #C1DAD7;
		border-bottom: 1px solid #E5E6E8;
		background: #fff;
		padding: 6px 1px;
		width: 63%;
		vertical-align: text-top;
		}
		
	#techspecs td.techdesc {
		border-right: 0px solid #e5e5e5;
		font-weight: bold;		
		width: 37%;
		}


	#techspecs td.alt {
		background: #FAFAFB;
		}

/*  ---------------------------------------------------
	=Misc Styles
	===================================================*/
	
	.toggleborder img { border: 1px solid #A5AFB8; margin-bottom: 4px; }
	.toggleborder:hover img { border: 1px solid #ff6600 }
	.toggleborder:hover{ color: #ff6600; /* Dummy definition to overcome IE bug */ }
	
	.partner-img { 
		background: #fff url('img/dots_gray.gif') repeat-x bottom left;
		clear: both;
		display:block;
		margin:6px;
		width: 100%
		}
		
	.partner-img a { display: block; padding:6px 0;}
		
	.partner-img a:hover { background: #F7F8F8;}
	
	.textinsert {
		border-top: 6px solid #F6F6F7; 
		border-bottom: 6px solid #F6F6F7;
		float: right;
		margin:6px; 
		padding:6px;
		}
		
	#pdfbox {
		background: #fff url('img/largepdf.gif') no-repeat 5px 50%;
		border: 6px solid #F6F6F7;
		display: block;
		font-size: 10px;
		font-weight: bold;
		line-height: 14px;
		margin: 12px 0;
		padding-left:40px; padding-right:12px; padding-top:12px; padding-bottom:12px
		}
		
		#pdfbox a{ 
			color: #485056;
			text-decoration: none; 
			}
			
		#pdfbox a:hover { color: #ff6600; }
		#pdfbox a:visited { color: #485056; }