@import url("global.css");
@import url("navigation.css");
@import url("widgets.css");

@media screen, projection {

/* CONTAINERS: =containers
----------------------------------------------- */
	div#leftContent, div#rightContent	{ margin-top: 15px; margin-bottom: 30px; }
	div#leftContent		{ width: 200px; float: left; }
	div#rightContent	{ width: 500px; float: left; margin-left: 10px; }

	#content	{ margin: 0 0 0 0; }

/* LEFT CONTENT: =leftContent
----------------------------------------------- */
	div#breadCrumb	{ background: #EDEDE2 url(../images/breadcrumb-rounded.gif) no-repeat; height: 70px; border-bottom: 1px solid #E0E0D6; position: relative; margin: 0 0 20px 0; }

	h2#crumbTitle,

	h2#crumbTitle span		{ width: 108px; height: 18px; text-indent: -9999px; position: absolute; left: 23px; top: 30px; }

	#solutions h2#crumbTitle,
	#solutions h2#crumbTitle span	{ background: transparent url(../images/crumb-solutions.gif) no-repeat; }

	#support h2#crumbTitle,
	#support h2#crumbTitle span		{ background: transparent url(../images/crumb-support.gif) no-repeat; }

	#about h2#crumbTitle,
	#about h2#crumbTitle span		{ background: transparent url(../images/crumb-about.gif) no-repeat; }

	#contact h2#crumbTitle,
	#contact h2#crumbTitle span		{ background: transparent url(../images/crumb-contact.gif) no-repeat; }
	
	#sitemap h2#crumbTitle,
	#sitemap h2#crumbTitle span		{ background: transparent url(../images/crumb-sitemap.gif) no-repeat; }
	
	#legal h2#crumbTitle,
	#legal h2#crumbTitle span		{ background: transparent url(../images/crumb-legal.gif) no-repeat; }
	
	#media h2#crumbTitle,
	#media h2#crumbTitle span		{ background: transparent url(../images/crumb-media.gif) no-repeat; }

/* RIGHT CONTENT: =rightContent
----------------------------------------------- */
	/* Page Header Image */
	#pageImage	{ width: 500px; height: 70px; }
	
	#solutions #pageImage	{ background: url(../images/header_solutions.jpg) no-repeat; }
	#support #pageImage		{ background: url(../images/header_support.jpg) no-repeat; }
	#about #pageImage		{ background: url(../images/header_about.jpg) no-repeat; }
	#contact #pageImage		{ background: url(../images/header_contact.jpg) no-repeat; }
	
	#sitemap #pageImage	{ background: url(../images/header_solutions.jpg) no-repeat; }
	#legal #pageImage	{ background: url(../images/header_solutions.jpg) no-repeat; }
	#media #pageImage	{ background: url(../images/header_solutions.jpg) no-repeat; }

	#mainContent, #actionContent	{ margin-top: 20px !important; }
	#mainContent					{ width: 330px; float: left; }
	#actionContent					{ width: 150px; float: left; margin: 0 0 0 20px; }

	#mainContent h3	{ font-size: 16px; font-weight: bold; color: #377479; padding-bottom: 6px; }

	#mainContent p	{ font-size: 11px; color: #231F20; line-height: 21px; padding-bottom: 12px; }
	#mainContent span	{ font-size: 11px; color: #231F20; line-height: 21px; padding-bottom: 12px; }
	
	#mainContent p a		{ color: #333333; font-weight: bold; }
	#mainContent p a:hover	{ color: #377479; font-weight: bold; }
	
/* MAIN CONTENT:  =mainContent
----------------------------------------------- */
	#mainContent h4,
	#mainContent h4 a			{ font-size: 11px; font-weight: bold; color: #377479; padding: 10px 0 0 0; }
	#mainContent h4 a:hover		{ text-decoration: underline; }
	
	ul.productInfo			{ margin: -12px 0 0 0 !important; }
	
	#mainContent ul li			{ background: transparent url(../images/list-itemno.gif) 8px 10px no-repeat; font-size: 11px; list-style-type: none; line-height: 24px; padding: 0 0 0 23px; }
	
	#mainContent ul li.noItem	{ background: none !important; margin: 0 0 0 -23px; }
	#mainContent p.spaceBreak	{ padding-top: 20px; }
	
	#mainContent li a			{ color: #333333; }
	#mainContent li a:hover	{ color: #377479; font-weight: bold; }
	
	#mainContent .errorTxt { font-weight: bold; color: #CC0000; text-decoration: none; }
	
/* TESTIMONIALS:  =testimonials
----------------------------------------------- */
	ul.noList li	{ background: none !important; margin: 0 0 0 -23px; }
	p.testimonialsName		{ font-style: italic; margin: -10px 0 -10px 0; }
	
/* FORMS:  =forms
----------------------------------------------- */
	p.textTop			{ padding: 15px 0 0 0 !important; font-weight: bold; }
	
	input.textField		{ height: 14px; }
	select.textField option	{ padding: 0 3px 0 8px; }
	input.textField,
	select.textField,
	textArea.textField	{ border: 1px solid #E0E0D6; background: #EDEDE2; width: 225px; font-size: 11px; padding: 3px 3px 3px 8px; }
	
	.errorTxt { font-weight: bold; color: #CC0000; text-decoration: none; }

}