﻿*
{
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

h1, h1 a, h1 a:hover
{
	font-size: 24px;
	font-weight: normal;
	color: #005A8A;
	margin:0;
	font-family:"Arial Narrow",  Arial, Sans-Serif;
	cursor:default;
}


img
{
	border:0;
}
a
{
	text-decoration:none;
	color:#005A8A;
	font-weight:bold;
}
a:hover
{
	color:#668DA2;
	
}

a.SageEcomm, a.SageEcomm :hover
{
	text-decoration:none;
	color:#000;
	font-weight:normal;
	cursor:default;
}

html, body, form
{
	margin: 0;
	padding: 0;
	height: 100%;
}


#Container
{
	position: relative;
	height: auto !important;
	min-height: 100%;
	background:#fff url(../images/new_images/leafy-bg.gif) no-repeat bottom right;

}

#Header
{
	margin:0px;
	background:#fff;
	height:64px;
	
	
}
#Header a img 
{
	float:left;
	padding:10px 0px 0 16px;
}


#Header #Affiliations
{
	margin:0;
	padding:10px 0px 0 0px;
}

#Header #Affiliations img
{
	margin:0;
	padding:0 8px 0 8px;
	float: right;
	border:none;
}

#Navigation
{
	clear:both;
	background: #00882F;
	margin-top:20px;
	margin-bottom:20px;
	padding:4px;
}
#Navigation a 
{
	font-size: 13px;
	font-weight: bold;
	color: white;
	padding:4px;
	margin-left:3px;
}

#Navigation a:hover,
#Navigation a.selected
{ 
	background-color: #99CC00;
}
#Navigation ul,
#Navigation li
{
	list-style-type: none;
	margin:0px 0px 0 4px;
	padding: 0;
	display: inline;
	color: white;
	font-weight: bold;
}
#Navigation li
{
	padding:0px 12px 0 0px;
}

#Footer
{
	width: 100%; 
	height: 40px; 
	margin:0 auto 0px auto;
	clear: both; 
	background:url(../images/new_images/new-footer.png) repeat-x bottom right;
	position: absolute;
	bottom: 0;
	
}
#Footer p
{
	color:#fff;
	margin-left:16px;
	padding-top:18px;
}

#Footer p a
{
	color:#fff;
	font-weight:normal;
}
#Footer p a:hover
{
	text-decoration:underline overline;
}

#PrimaryContent
{
line-height:150%;
}

#SecondaryContent
{

}

#TertiaryContent
{

}

.HomeShopfront
{
	margin-left:16px;

	
}
.HomeShopfront p
{
	font-size:14px;
	padding:6px 0 0 12px;
	color: #005A8A;
	font-weight:bold;
	margin-left:240px;
	margin-right:10px;
	line-height:150%;
}

.HomeShopfront img
{
	float:left;
	margin-bottom:6px;
	
}
.HomeShopfront span.Request
{
	float:right;
	margin-right:0;
	margin-top:12px;
	width:20%;
	
}
.HomeShopfront span.Request a
{
	color: #fff;
	padding:6px;
	position:relative;/*to make padding correct in IE*/
	background:#00882F;
	border:1px solid #444;
}
.HomeShopfront span.Request a:hover
{
	color: #fff;
	padding:6px;
	background:#99CC00;
	border:1px solid #444;
}


/*HomeFeature*/



#HomeFeature
{
	margin: 0px 0px 20px 0px;
	background:#fff url(../images/new_images/home-feature.jpg) top left repeat-x;
	height:227px;
	clear:both;
	position:relative;
}

#HomeFeature p
{
	color:White;
	font-size:20px;
	font-weight:normal;
	line-height:1.6em;
	width:440px;
	padding:18px 12px 12px 16px;
}

#HomeFeature p a
{
	color:White;
	font-size:12px;
	font-weight:bold;
	line-height:1.6em;
	float:right;
	padding-top:10px;
	text-decoration:underline;
}

#HomeFeature a.DemoRequest 
{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	float:none;
	text-decoration:none;
	position:absolute;
	top:189px;
	left:20px;
	border:1px solid #99CC00;
	padding:4px;
}


#HomeFeature p a:hover
{color:#9CD89D;}

#HomeFeature a.DemoRequest:hover
{border:1px solid #fff;background:#99CC00;color:White;}

/*/////////////////*/


#PrimaryContent #SageSoftware
{

	width: 67%;    
	float: left;    
	margin: 0;
	padding: 0px 0px 160px 16px;
}
/*
#PrimaryContent #Testimonial
{
	
	background:#fff url(../images/new_images/testimonial-bgd2.gif) no-repeat;
	width:259px;
	height:244px;
	margin-left: 71%; 
	color:#005A8A;

}
#PrimaryContent #Testimonial p
{
	padding: 14px 20px 0px 10px;
	font-size:medium;
	line-height:1.5em;
	font-style:italic;
}
#PrimaryContent #Testimonial a
{
	color:#005A8A;
	font-size:medium;
	font-weight:normal;
}
#PrimaryContent #Testimonial a:hover
{
	text-decoration:underline overline;
}
*/
.Highlight
{
	margin-bottom: 8px;
	background-color:#ECF9FF;
	text-align: left;
	padding: 0px 0 4px 0px;
}
.HighlightHome
{
	margin-right:20px;
	margin-left: 71%;
}
.HighlightHome p
{
	padding-left:8px;
}
.Highlight h2
{
	margin-top:0;
	background:#DDEFE3;
	display:block;	
	padding:4px 0 4px 8px;
	margin:0;
	border:1px solid #aaa;
}

#ShopfrontImages 
{
	height:320px; 
	background: url(../images/shopfront0.png) 6px 93px no-repeat;
	padding:6px;
	width:246px;
	position:relative; 
	top:0px; 
	left:0px; 
}
#ShopfrontImages p
{
	font-size:11px;
	margin:0;
	padding:0;
}
ul#Gallery 
{
	padding:0; 
	margin:204px 0 0 0; 
	list-style:none; 
	position:relative; 
}


ul#Gallery li 
{
	float:left;
	list-style:none;
	padding-bottom:0;
}

ul#Gallery li a, 
ul#Gallery li a:visited
{
	font-size:11px;
	float:left; 
	text-decoration:none; 
	color:#000; 
	background:#fff; 
	text-align:center; 
	width:28px; 
	height:28px; 
	line-height:30px; 
	border:1px solid #444;
	margin:4px;
	padding-bottom:0;
}
ul#Gallery li a img 
{
	position:absolute; 
	top:-182px; 
	left:0px; 
	visibility:hidden; 
	border:0;
}


ul#Gallery li a:hover
{
	background:#ECF9FF;
}
/* active/focus for text boxes for IE */
ul#Gallery li a:active, 
ul#Gallery li a:focus 
{
	background:#00882F; 
	color:#fff;
}
/* images visible */
ul#Gallery li a:active img, 
ul#Gallery li a:focus img 
{
	visibility:visible;
}


.Downloads
{
	margin:8px 0 0 8px;
}
.Downloads img
{
	vertical-align:middle;
}

.Highlight ul
{
	margin:10px 0 0 22px;
	padding:6px;
	list-style-image:url(../images/bullets.gif);
}
.Highlight ul li
{
	padding:4px;
	line-height:150%;
}



/*///////////////////////////////////////////////////*/

#Clients h1 span
{
	padding-left:60px;
}
#Clients h1 span small
{
	padding-right:20px;
}
#Clients h1 span small a
{
	font-size:14px;
	cursor:pointer;
}

#Clients h1 span small a:hover
{
	text-decoration:overline underline;
}

.ClientList ul.outer li div p 
{
	font-size:12px;
	line-height:140%; 
	margin:0px 260px 15px 0;
}
.ClientList ul.outer li div h2
{
	line-height:140%;
	color:#585;
	font-size:18px;
	margin-top:0; 
}

/*.ClientList ul.outer li div h3{font-family:"Arial Narrow"  Arial, Sans-Serif;}
.ClientList ul.outer li div h3.clear {clear:left;}
*/


.ClientList
{
	width:924px;
	height:248px;
	border:1px solid #aaa;
	background:#fff;
	position:relative;
	z-index:200;
	overflow:hidden;
	text-align:left;
	margin-bottom:12px;
}
.ClientList table 
{
	border-collapse:collapse;
	margin:-1px;
}
.ClientList ul.outer
{	padding:0;
	margin:0;
	list-style:none;
}
.ClientList ul.outer li.page a.menuitem {text-decoration:none;}

.ClientList ul.outer li.page i
{
	position:absolute; 
	display:block; 
	height:25px; 
	right:740px; 
	z-index:100;
	text-align:right;
	text-decoration:none;
	font-size:12px;
	color:#00882F;
	font-style:normal;
	cursor:pointer;
	width:200px;
}

.ClientList ul.outer li.p1 i {top:30px;}
.ClientList ul.outer li.p2 i {top:55px;}
.ClientList ul.outer li.p3 i {top:80px;}
.ClientList ul.outer li.p4 i {top:105px;}
.ClientList ul.outer li.p5 i {top:130px;}
.ClientList ul.outer li.p6 i {top:155px;}
.ClientList ul.outer li.p7 i {top:180px;}


.ClientList ul.outer li.page div
{
	display:block; 
	width:924px; 
	height:400px; 
	padding:25px; 
	font-weight:normal; 
	color:#444;
	background:#fff url("../images/client-list-bg.png");
}

.ClientList h2
{
	margin:0;
	padding:0;
}

h2.ClientsType
{
	color:#000;
	font-size:18px;
	font-weight:normal;
	margin:0 0 6px 0;
	padding:0;
}

.ClientList ul.outer li div img 
{
	float:right;
	padding:0 32px;
	margin:0;
}

.ClientList ul.outer li div em 
{
	display:block;
	width:190px;
	height:230px;
	float:left;
	background:#fff url(../images/current.gif) no-repeat;
	margin-right:10px;
}

.ClientList ul.outer li.p1 div em {background-position: 40px 0;}
.ClientList ul.outer li.p2 div em {background-position: 40px 25px;}
.ClientList ul.outer li.p3 div em {background-position: 40px 50px;}
.ClientList ul.outer li.p4 div em {background-position: 40px 75px;}
.ClientList ul.outer li.p5 div em {background-position: 40px 100px;}
.ClientList ul.outer li.p6 div em {background-position: 40px 125px;}
.ClientList ul.outer li.p7 div em {background-position: 40px 150px;}

/* required for IE to function correctly */
.ClientList ul.outer li.page a.menuitem:hover {white-space:normal;}
.ClientList ul.outer a:hover i {color:#66a; font-weight:bold;}
.ClientList ul.outer li.page {display:inline;} 

.ClientList ul.outer :hover div {position:absolute; left:0; top:0;}

.ClientList ul.outer :hover a i,
.ClientList ul.outer :hover a:visited i
{color:#005A8A; font-weight:bold;}

/*
.ClientList ul.outer div ul li {line-height:20px; font-size:0.9em; color:#256; list-style-type:disc;}
.ClientList ul.outer div ul li a,
.ClientList ul.outer div ul li a:visited
{line-height:20px; font-size:1.1em; color:#c00;}


.ClientList ul.outer div dl{margin:0;padding:0;}
.ClientList ul.outer div dl dd {line-height:20px; font-size:1em;}
.ClientList ul.outer div dl dd a{ color:#256;}
*/


/*////////////////////////////////////////////////////////////////*/


.Quotation {padding:5px; /*width:400px;*/ margin-left: 71%;}
.Quotation div {width:280px; height:auto; font-size:12px;}
.Quotation div p 
{
	padding:8px; 
	margin:0; 
	border:3px solid #999; 
	border-width:0 3px; 
	text-align:left;
	font-style:italic;
	font-size:13px;
}

b.tl {display:block; width:280px; height:8px; font-size:1px;}
b.tr {display:block; width:272px; height:8px; font-size:1px; float:right;}
b.bl {display:block; width:8px; height:8px; font-size:1px; float:left;}
b.br {display:block; width:272px; height:8px; font-size:1px; float:right; position:relative;}
b.point {display:block; font-size:1px; width:25px; height:14px;}


.Quote b.tl {background:url(../images/top_left.gif) top left no-repeat;}
.Quote b.tr {background:url(../images/top_right.gif) top right no-repeat;}
.Quote p {background:#E5ECC9;}
.Quote b.bl {background:url(../images/bottom_left.gif) top left no-repeat;}
.Quote b.br {background:url(../images/bottom_right.gif) top right no-repeat;}
.Quote b.point {background:url(../images/point.gif) top left no-repeat; margin:5px 0 0 125px;}

p.italic {margin:20px 0 40px 140px; font-weight:bold; font-style:italic;}



#Clients
{
	padding: 0px 0px 160px 16px;
}

ul.OtherFeatures
{
	list-style:url(../images/bullets.gif) square;
}


.News
{
	margin-top: 12px;
	margin-bottom: 8px;

	text-align: left;
	padding: 0px 0 4px 0px;
	border:1px solid #aaa;
}


.News h2
{
	margin-top:0;
	background-color:#DDEFE3;
	display:block;	
	padding:4px 0 4px 8px;
	border-bottom:1px solid #aaa;
	margin:0;
	font-size: 16px;
	
}

.News p
{
	padding:4px;
}

.Address
{
	padding-left:12px;
}