#PrimaryContent
{
	width: 67%;    
	float: left;    
	margin: 0;
	padding: 0px 0px 160px 16px;
}

#SecondaryContent
{
	margin-left: 71%; 
	/*padding: 2% 0 6% 0;*/
}

#TertiaryContent
{

}


#Shopfront h1
{
	margin:8px 0 20px 0;
}

#SecondaryContent ul
{
	margin:16px 0 0 23px;
	padding:0;
}
#SecondaryContent li,
#SecondaryContent li a
{
	list-style:url(../images/bullets.gif) square;
	padding-bottom:10px;
	line-height:1.4em;
}
#SecondaryContent li a:hover
{
	color:#668DA2
}

#SecondaryContent .BrochureDownload
{
	margin:8px 0 0 8px;
}


#SecondaryContent .BrochureDownload img
{
	vertical-align:middle;
}
.FeaturedSite
{
	margin:8px 0 0 8px;
}
.FeaturedSite img
{
	border:1px solid #aaa;
}
.FeaturedSite a
{
	text-decoration:underline;
	
}
#SecondaryContent #AboutImages
{
	text-align:center;
	background-color:#ECF9FF;
	margin-right:20px;
	margin-bottom:20px;
}

#SecondaryContent #AboutImages img
{
	padding:12px 0 12px 0;
}

#SecondaryContent #AboutImages p
{
	margin-top:0;
	background:#DDEFE3;
	display:block;	
	padding:4px 0 4px 8px;
	margin:6px 0 0 0;
	border:1px solid #aaa;
}
#SecondaryContent .Clear
{
	padding:0 0 100px 0;
}

.Highlight
{
	margin-bottom: 8px;
	background-color:#ECF9FF;
	text-align: left;
	padding: 0px 0 4px 0px;
	margin-right:20px;
}
.Quote
{
	margin-right:0px;
}
.Highlight p.Sig
{
	color: #005A8A;
	font-style:italic;
	font-weight:bold;
}

.Highlight h2
{
	margin-top:0;
	background:#DDEFE3;
	display:block;	
	padding:4px 0 4px 8px;
	margin:0;
	border:1px solid #aaa;
}





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

.Shopfront ul.outer li div p 
{
	font-size:11px;
	line-height:140%; 
	margin:5px 0 15px 0;
}
.Shopfront ul.outer li div h2
{
	
	color:#585;
	font-size:24px;
	font-weight:normal;
	margin-top:0; 
}
.Shopfront  div dd 
{
	font-size:11px;
}
/*.Shopfront ul.outer li div h3{font-family:"Arial Narrow"  Arial, Sans-Serif;}
.Shopfront ul.outer li div h3.clear {clear:left;}
*/


.Shopfront
{
	width:650px;
	height:340px;
	border:1px solid #aaa;
	background:#fff;
	position:relative;
	z-index:200;
	overflow:hidden;
	text-align:left;
	margin-bottom:12px;
}
.Shopfront table 
{
	border-collapse:collapse;
	margin:-1px;
}
.Shopfront ul.outer
{	padding:0;
	margin:0;
	list-style:none;
}

.Shopfront ul.outer li.page a.menuitem {text-decoration:none;}

.Shopfront ul.outer li.page i
{
	position:absolute; 
	display:block; 
	height:25px; 
	right:480px; 
	z-index:100;
	text-align:right;
	text-decoration:none;
	font-size:12px;
	color:#080;
	font-style:normal;
	cursor:pointer;
	width:200px;
}

.Shopfront ul.outer li.p1 i {top:30px;}
.Shopfront ul.outer li.p2 i {top:55px;}
.Shopfront ul.outer li.p3 i {top:80px;}
.Shopfront ul.outer li.p4 i {top:105px;}
.Shopfront ul.outer li.p5 i {top:130px;}
.Shopfront ul.outer li.p6 i {top:155px;}
.Shopfront ul.outer li.p7 i {top:180px;}
.Shopfront ul.outer li.p8 i {top:205px;}
.Shopfront ul.outer li.p9 i {top:228px;}


.Shopfront ul.outer li.page div
{
	display:block; 
	width:600px; 
	height:320px; 
	padding:25px; 
	font-weight:normal; 
	color:#444;
	background:#fff url("../images/website-bg.png");
}


.Shopfront ul.outer li div img 
{
	border:1px solid #888;
	float:right;
	margin:0 10px 5px 0;
}

.Shopfront ul.outer li div em 
{
	display:block;
	width:190px;
	height:280px;
	float:left;
	background:transparent url(../images/current.gif) no-repeat;
	margin-right:10px;
}

.Shopfront ul.outer li.p1 div em {background-position: 21px 0;}
.Shopfront ul.outer li.p2 div em {background-position: 21px 25px;}
.Shopfront ul.outer li.p3 div em {background-position: 21px 50px;}
.Shopfront ul.outer li.p4 div em {background-position: 21px 75px;}
.Shopfront ul.outer li.p5 div em {background-position: 21px 100px;}
.Shopfront ul.outer li.p6 div em {background-position: 21px 125px;}
.Shopfront ul.outer li.p7 div em {background-position: 21px 150px;}
.Shopfront ul.outer li.p8 div em {background-position: 21px 175px;}
.Shopfront ul.outer li.p9 div em {background-position: 21px 200px;}

/* required for IE to function correctly */
.Shopfront ul.outer li.page a.menuitem:hover {white-space:normal;}
.Shopfront ul.outer a:hover i {color:#66a; font-weight:bold;}
.Shopfront ul.outer li.page {display:inline;} 

.Shopfront ul.outer :hover div {position:absolute; left:0; top:0;}

.Shopfront ul.outer :hover a i,
.Shopfront ul.outer :hover a:visited i
{color:#005A8A; font-weight:bold;}


.Quotation {padding:5px; /*width:400px;*/ margin-left:15px;}
.Quotation div {width:580px; height:auto;}
b.tl {display:block; width:580px; height:8px; font-size:1px;}
b.tr {display:block; width:572px; 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:572px; height:8px; font-size:1px; float:right; position:relative;}
b.point {display:block; font-size:1px; width:25px; height:14px;}

.Quotation div p {padding:8px; margin:0; border:3px solid #999; border-width:0 3px; text-align:left;font-size:13px;font-style:italic;}

.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 20px 60px; font-weight:bold; font-style:italic;}

/*/////////////////////////////////////////////////////*/
#SecondaryContent .WhyQuotation {padding:5px; /*width:400px;*/ margin-left:-12px;}
#SecondaryContent .WhyQuotation div {width:288px; height:auto;}
#SecondaryContent .WhyQuotation b.tl {display:block; width:288px; height:8px; font-size:1px;}
#SecondaryContent .WhyQuotation b.tr {display:block; width:280px; height:8px; font-size:1px; float:right;}
#SecondaryContent .WhyQuotation b.bl {display:block; width:8px; height:8px; font-size:1px; float:left;}
#SecondaryContent .WhyQuotation b.br {display:block; width:280px; height:8px; font-size:1px; float:right; position:relative;}
#SecondaryContent .WhyQuotation b.point {display:block; font-size:1px; width:25px; height:14px;}

#SecondaryContent .WhyQuotation div p {padding:8px; margin:0; border:3px solid #999; border-width:0 3px; text-align:left;font-size:13px;font-style:italic;}

#SecondaryContent .WhyQuotation .Quote b.tl {background:url(../images/top_left.gif) top left no-repeat;}
#SecondaryContent .WhyQuotation .Quote b.tr {background:url(../images/top_right.gif) top right no-repeat;}
#SecondaryContent .WhyQuotation .Quote p {background:#E5ECC9;}
#SecondaryContent .WhyQuotation .Quote b.bl {background:url(../images/bottom_left.gif) top left no-repeat;}
#SecondaryContent .WhyQuotation .Quote b.br {background:url(../images/bottom_right.gif) top right no-repeat;}
#SecondaryContent .WhyQuotation .Quote b.point {background:url(../images/point.gif) top left no-repeat; margin:5px 0 0 30px;}

p.italic {margin:40px 0 20px 10px; font-weight:bold; font-style:italic;}

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

#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;
}

.Required, .Error
{
	color:Red;
	font-size:10px;
}

input.Text
{
	font-size:10px;
}

#onlinedemo
{
	height:250px; 
	padding:6px;
	position:relative; 
	top:0px; 
	left:0px; 
}

#onlinedemo p
{
	font-size:11px;
	margin:0;
	padding:0;
}

#demo
{
	margin:10px 0 10px 5px;
}