@charset "utf-8";

* {margin:0; padding:0;}

body {background:url(../img/bgr.gif) top left repeat-x #f2f2f2; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5d5d5d;}
body.homePage {background:url(../img/bgr-red-small.jpg) center top no-repeat #f2f2f2;}

body.landingPageHealthCare {background:url(../img/bgr-blue-small.jpg) center top no-repeat #f2f2f2;}
body.landingPageIndustrial {background:url(../img/bgr-grey-small.jpg) center top no-repeat #f2f2f2;}
body.landingPageRetail {background:url(../img/bgr-green-small.jpg) center top no-repeat #f2f2f2;}
body.landingPageInnovationArea {background:url(../img/bgr-light-small.jpg) center top no-repeat #f2f2f2;}

body.productPageHealthCare {background:url(../img/bgr-blue.jpg) center top no-repeat #f2f2f2;}
body.productPageIndustrial {background:url(../img/bgr-grey.jpg) center top no-repeat #f2f2f2;}
body.productPageRetail {background:url(../img/bgr-green.jpg) center top no-repeat #f2f2f2;}
body.productPageInnovationArea {background:url(../img/bgr-light.jpg) center top no-repeat #f2f2f2;}

img {border:0;}
a {outline:none;}
object {outline:none;}

h1 {font-family:'Calibri', Arial, Helvetica, sans-serif; font-size:21px; color:#282828; padding:0 0 0 4px; float:left; display:block; line-height:25px; width:677px;}
	h1 span {font-weight:normal;}
	
h2 {text-indent:-9999px; float:left; display:block; height:38px; width:220px; background-position:0 11px; background-repeat:no-repeat;}
	h2.sideTitleCompany {background-image:url(../img/titles/side-title-company.png);}
	h2.sideTitleInnovation {background-image:url(../img/titles/side-title-innovation.png);}
	h2.sideTitleHealthcare {background-image:url(../img/titles/side-title-healthcare.png);}
	h2.sideTitleInteractive {background-image:url(../img/titles/side-title-interactive.png);}
	h2.sideTitleAccessories {background-image:url(../img/titles/side-title-accessories.png);}
	h2.sideTitleTerminals {background-image:url(../img/titles/side-title-terminals.png);}
	h2.sideTitleAboutus {background-image:url(../img/titles/side-title-aboutus.png);}
	h2.sideTitleCustomSolutions {background-image:url(../img/titles/side-title-custom-solutions.png);}
	h2.sideTitleEnviromentalInitiatives {background-image:url(../img/titles/side-title-enviro-initiatives.png);}
	h2.sideTitleSoftwareDownload {background-image:url(../img/titles/side-title-software-download.png);}
	h2.sideTitleTechDocumantation {background-image:url(../img/titles/side-title-tech-documentation.png);}
	h2.sideTitleCommercialLegal {background-image:url(../img/titles/side-title-commercial-legal.png);}
	h2.sideTitleCareers {background-image:url(../img/titles/side-title-careers.png);}
	h2.sideSupport {background-image:url(../img/titles/side-title-support.png);}
	h2.sideArchivedNews {background-image:url(../img/titles/side-title-archived-news.png);}
	h2.sideJAOTechLimited {background-image:url(../img/titles/side-title-jaotech-limited.png);}
	h2.sideJAOTechCorp {background-image:url(../img/titles/side-title-jaotech-corp.png);}
	h2.sideJAOTechLlc{background-image:url(../img/titles/side-title-jaotech-llc.png);}
	h2.sideJAOtechlimited {background-image:url(../img/titles/side-title-jaotech-limited2.png);}
	h2.sideJAOtechTechSupport {background-image:url(../img/titles/side-title-jaotech-techsupport.png);}
	
h3 {text-indent:-9999px; height:14px;}
	/*h3.homeCaseStudies {background:url(../img/home-title-case-studies.gif) center top no-repeat; width:288px;}
	h3.homeNews {background:url(../img/home-title-news.gif) center top no-repeat; width:330px;}
	h3.homeCorporateVideo {background:url(../img/home-title-corporate-video.gif) center top no-repeat; width:285px;}*/

	#wrap {width:982px; margin:auto;}
	
		/* Top Segment - Navigation and Search */
		#topSegment {float:left; width:970px; padding:0 6px; height:65px;}
			a.logo {float:left; width:89px; height:47px; display:block; padding:9px 0 0 19px;}
				a.logo h1 {text-indent:-9999px; width:89px; height:47px; background:url(../img/logo.gif) 0 0 no-repeat;}
			#topNav {float:left; width:auto; padding-left:104px;}
				#topNav ul li {float:left; list-style-type:none; position:relative;}
					#topNav li a {float:left; display:block; height:65px; background-position:0 0; text-indent:-9999px; outline:none; cursor:pointer;}
						#topNav li a.navHome {background-image:url(../img/nav-home.jpg); width:54px;}
						#topNav li a.navAbout{background-image:url(../img/nav-about.jpg); width:71px;}
						#topNav li a.navProducts{background-image:url(../img/nav-products.jpg); width:67px;}
						#topNav li a.navDivisions {background-image:url(../img/nav-divisions.jpg); width:68px; cursor:default;}
						#topNav li a.navSupport {background-image:url(../img/nav-support.jpg); width:67px;}
						#topNav li a.navNews {background-image:url(../img/nav-news.jpg); width:51px;}
						#topNav li a.navCaseStudies {background-image:url(../img/nav-case-studies.jpg); width:87px;}
						#topNav li a.navContact {background-image:url(../img/nav-contact.jpg); width:65px;}
							#topNav li a:hover, #topNav li a.activeNav {background-position:0 -65px;}
							
							#topNav li ul {position:absolute; height:29px; display:none; z-index:100;}
								#topNav li ul li {float:left; list-style-type:none;}
									#topNav li ul li a {float:left; text-indent:-9999px; display:block; height:29px; line-height:29px; background-position:0 0; background-repeat:no-repeat;}
										#topNav li ul li a:hover {background-position:0 -29px;}
							
					ul#subAbout {width:338px; top:65px; left:-2px;}
						ul#subAbout li a.subnavAbout {background-image:url(../img/subnav-about-us.gif); width:67px;}
						ul#subAbout li a.subnavCareers { background-image:url(../img/subnav-careers.gif); width:68px; margin-left:-2px;}
						ul#subAbout li a.subnavCompanyHistory {background-image:url(../img/subnav-company-history.gif); width:110px; margin-left:-2px;}
						ul#subAbout li a.subnavEnvironmental {background-image:url(../img/subnav-enviro.gif); width:99px; margin-left:-2px;}
					
					ul#subDivisions {width:232px; top:65px; left:-2px;}
						ul#subDivisions li a.subnavHealthCare {background-image:url(../img/subnav-health-care.gif); width:77px;}
						ul#subDivisions li a.subnavInnovation{ background-image:url(../img/subnav-innovation.gif); width:82px; margin-left:-2px;}
						ul#subDivisions li a.subnavInteractive {background-image:url(../img/subnav-interactive.gif); width:77px; margin-left:-3px;}
						
						ul#subHeathCare {width:232px; top:26px; left:0px;}
						ul#subInnovation, ul#subInteractive {width:232px; top:26px; left:-5px;}
							ul#subHeathCare li a.subnavProducts, ul#subInnovation li a.subnavProducts, ul#subInteractive li a.subnavProducts {background-image:url(../img/subnav-products.gif); width:63px;}
							ul#subHeathCare li a.subnavCaseStudies, ul#subInnovation li a.subnavCaseStudies, ul#subInteractive li a.subnavCaseStudies{ background-image:url(../img/subnav-case-studies.gif); width:92px; margin-left:-2px;}
							ul#subHeathCare li a.subnavNews, ul#subInnovation li a.subnavNews, ul#subInteractive li a.subnavNews {background-image:url(../img/subnav-news.gif); width:55px; margin-left:-2px;}
								
								ul#subProducts {width:272px; top:26px; left:0px;}
									ul#subProducts li a.subnavTerminals {background-image:url(../img/subnav-terminals.gif); width:67px;}
									ul#subProducts li a.subnavErgo {background-image:url(../img/subnav-ergo.gif); width:86px; margin-left:-2px;}
									ul#subProducts li a.subnavAccessories {background-image:url(../img/subnav-accessories.gif); width:90px; margin-left:-2px;}
					
					ul#subSupport {width:500px; top:65px; left:-2px;}
						ul#subSupport li a.subnavFAQ {background-image:url(../img/subnav-faq.gif); width:42px;}
						ul#subSupport li a.subnavWarrantyPolicy { background-image:url(../img/subnav-warranty-policy.gif); width:105px; margin-left:-2px;}
						ul#subSupport li a.subnavRepairPolicy {background-image:url(../img/subnav-repair-policy.gif); width:95px; margin-left:-2px;}
						ul#subSupport li a.subnavServiceLocations {background-image:url(../img/subnav-service-locations.gif); width:116px; margin-left:-2px;}
						ul#subSupport li a.subnavTermsConditions {background-image:url(../img/subnav-terms-conditions.gif); width:122px; margin-left:-2px;}
							
				a#partnerLogin {float:right; width:150px; height:45px; margin:12px 34px 0 0; background:url(../img/partner-login-button.gif) 0 0 no-repeat; text-indent:-9999px; display:block;}
					a#partnerLogin:hover {background-position:0 -45px;}
					
				#searchBox {float:right; display:none; width:161px; background:url(../img/search-bgr.png) 0 6px no-repeat; height:21px; padding:12px 0 0 10px;}
					#searchBox input.searchField {float:left; width:139px; background:none; border:0; font-size:10px; color:#777777;}
					#searchBox input.searchButton {float:left; width:21px; text-indent:-9999px; background:none; border:0; cursor:pointer;}
					
		/* Flash Segment */
		#flashBoxHigh {float:left; width:978px; height:445px;}
		#flashBoxLow {float:left; width:978px; height:419px;}
			#flashHolder {float:left; width:978px; position:relative; outline:none;}
		
		/* Content for home page */
		#contentHomeHolder {float:left; width:982px; position:relative; overflow:hidden; padding:4px 0 4px 0;}
			
			#homeColumns {float:left; width:982px; padding:7px 0 7px 0; background:url(../img/home-separator.gif) center top repeat-y; color:#6e6e6e; }
				#homeColumns h3 {margin-top:7px; overflow:hidden;}
				#homeColumns img {float:left; margin-right:16px;}
				#homeColumns p {font-size:10px; padding:5px 3px 0 0; line-height:16px;}
				#homeColumns p a.homeMoreButton {display:block; color:#ed1c24; text-decoration:none; background:url(../img/home-box-bullet.gif) 0 6px no-repeat; margin-top:5px; padding-left:8px; overflow:hidden; font-weight:bold; letter-spacing:-1px;}
			
				.homeBox1 {float:left; width:306px; padding:8px 14px 0 5px; height:92px; background:url(../img/home-box-bgr.png) 0 0 no-repeat;}
					.homeBox1 h3 {background:url(../img/titles/home-box-1.gif) 0 0 no-repeat;}
					.homeBox1 h3.newseletterTitle {background:url(../img/titles/home-box-newsletter.gif) 0 0 no-repeat;}
				.homeBox2 {float:left; width:300px; padding:8px 0 0 22px; height:92px; background:url(../img/home-box-bgr.png) 11px 0 no-repeat;}
					.homeBox2 h3 {background:url(../img/titles/home-box-2.gif) 0 0 no-repeat;}
				.homeBox3 {float:right; width:300px; padding:8px 0 0 11px; height:92px; background:url(../img/home-box-bgr.png) 0 0 no-repeat;}
					.homeBox3 h3 {background:url(../img/titles/home-box-3.gif) 0 0 no-repeat;}
				.homeBox4 {float:left; width:300px; padding:8px 0 0 22px; height:92px; background:url(../img/home-box-bgr.png) 11px 0 no-repeat;}
					.homeBox4 h3 {background:url(../img/titles/home-box-4.gif) 0 0 no-repeat;}
					
			/* Division Intro Box */
			#divisionIntro {float:left; width:978px; margin:10px 1px 11px 3px; padding:7px 0 7px 0; background:url(../img/horizontal-separator.gif) left bottom repeat-x;}
			* html #divisionIntro {margin-left:1px;}
				#divisionIntro h2 {background-position:center top; background-repeat:no-repeat; float:none; width:auto; height:14px; text-indent:-9999px;}
					#divisionIntro h2.landingTitleHealthcare {background-image:url(../img/titles/landing-healthcare.gif);}
					#divisionIntro h2.landingTitleInteractive {background-image:url(../img/titles/landing-interactive.gif);}
					#divisionIntro h2.landingTitleInnovation {background-image:url(../img/titles/landing-innovation.gif);}
					
				#divisionIntro p {padding:12px; font-size:13px; color:#6d6d6d; line-height:18px;}
			

		/* Content for other pages */
		#contentHolder {float:left; width:978px; padding:18px 2px 13px 2px;}
		
			#mainColumn {float:left; width:677px; padding:2px 0 0 0;}
			
				.mainTitle {float:left; width:677px;}
				
				.mainContent {float:left; width:677px; padding:12px 0 13px 0; background:url(../img/main-column-separator.gif) left bottom no-repeat;}
					.mainContent p {padding:5px 4px 9px 4px; float:left; width:669px; line-height:19px;}
						.mainContent p a {color:#cc0000;}
							.mainContent p a:hover {text-decoration:none;}
					.mainContent p.imgIncludedLeft {padding:2px 4px 0 0; width:673px;}
					.mainContent p.imgIncludedRight {padding:2px 2px 0 4px; width:671px;}
						.mainContent p img {background:url(../img/text-img-bgr.png) 0 0 no-repeat; padding:3px 4px 6px 5px;}
							.mainContent p img.leftImg {float:left; margin-right:9px;}
							.mainContent p img.rightImg {float:right; margin-left:9px; margin-top:-11px;}
								* html .mainContent p img.rightImg {margin-top:-2px;} /* ie6 margin fix */
						.noBorderFix {background:none; padding:12px 0 5px 0;}
							.noBorderFix br {line-height:8px;}
					
				.mainContentList {float:left; width:677px; padding:12px 0;}
					.mainContentList ul {float:left; width:677px;}
						.mainContentList li {display:block; padding:3px 0 6px 24px; background:url(../img/list-bullet.gif) 12px 8px no-repeat;}
							.mainContentList li a {color:#b20000; text-decoration:none;}
							.mainContentList li a:hover {text-decoration:underline;}
					.paddingFix {padding:0;}
						.paddingFix li {padding:0 0 0 24px; line-height:19px;}
						
				.mainSitemap {float:left; width:677px; padding:12px 0 13px 0;}
					.mainSitemap ul {list-style-type:none;}
						.mainSitemap li {padding:2px 0 1px 20px; background:url(../img/list-bullet.gif) 12px 7px no-repeat;}
							.mainSitemap li a {color:#cc0000; text-decoration:none;}
								.mainSitemap li a:hover {text-decoration:underline;}
				
				/* Support Page Content */
				.mainSupportContent {float:left; width:677px; padding:2px 0 0 0; background:url(../img/main-column-separator.gif) left bottom no-repeat;}
					.lastSupportBox {background:none;}
					.firstSupportBox {padding-top:18px;}
					.mainSupportContent p {padding:1px 4px 6px 4px; float:left; width:669px; line-height:19px;}
						.mainSupportContent p b {float:left; width:669px; margin-bottom:9px; color:#000;}
						.mainSupportContent p a {color:#cc0000;}
							.mainSupportContent p a:hover {text-decoration:none;}
							
				/* News Boxes */
				.mainNewsBox {float:left; width:677px; padding:17px 0 0 0;}
					.mainNewsTitle {float:left; width:648px; margin-left:4px; padding:9px 10px 3px 11px; height:23px; background:url(../img/news-title-bgr.gif) left top repeat-x;}
						.mainNewsTitle b {float:left; width:506px; font-size:13px; color:#393939;}
						.mainNewsTitle span {float:right; width:140px; padding-top:2px; text-align:right; color:#cc0000; font-weight:bold;}
					.mainNewsContent {float:left; width:677px; padding:6px 0 0 0;}
						.mainNewsContent img {background:url(../img/text-img-bgr.png) 0 0 no-repeat; padding:3px 4px 6px 5px; float:left; margin-right:9px;}
						.mainNewsContent p {padding:2px 4px 0 0; width:530px; float:right; line-height:19px;}
							.mainNewsContent p span {float:left; display:block;}
								.mainNewsContent p span a {color:#cc0000; text-decoration:none;}
									.mainNewsContent p span a:hover {text-decoration:underline;}
					.fullNewsContent {float:left; width:677px; padding:6px 0 0 0;}
						.fullNewsContent p {padding:2px 4px 20px 0; line-height:19px;}
							.fullNewsContent p img {background:url(../img/text-img-bgr.png) 0 0 no-repeat; padding:3px 4px 6px 5px; float:left; margin-right:9px;}
							.fullNewsContent p span {float:left; display:block; margin-top:10px; clear:both;}
								.fullNewsContent p span a {color:#cc0000; text-decoration:none;}
									.fullNewsContent p span a:hover {text-decoration:underline;}
									
					/* Contact page */
					#mainContactColumn {float:left; width:681px; padding:2px 0 0 0;}
						.contactPageTop {float:left; width:660px; padding:19px 4px 21px 4px; line-height:19px;}
						.contactPageForm {float:left; width:650px; height:284px; padding:6px 19px 0px 3px; background:url(../img/contact-form-bgr.png) 0 0 no-repeat;}
							.contactPageForm label {float:left; width:122px; padding:8px 21px 0 0; text-align:right; color:#3c3c3c;}
								.contactPageForm label.obligatoryField {background:url(../img/contact-asterisk.gif) 126px 11px no-repeat;}
								/*.contactPageForm */label.redField {background:url(../img/contact-asterisk.gif) 126px 11px no-repeat;color:#990033}
								#newsletterForm label.redField {background:url(../img/contact-asterisk.gif) 126px 11px no-repeat;color:#990033}
								.contactPageForm input.radioButton {width:11px; height:11px; margin-top:4px; position:relative; z-index:5;}
									#fakeRadio1 {position:absolute; display:block; width:11px; height:11px; margin-top:4px; background:url(../img/radio-bgr.png) 0 -15px no-repeat; z-index:1;}
									#fakeRadio2 {position:absolute; display:block; width:11px; height:11px; margin-top:4px; margin-left:95px; background:url(../img/radio-bgr.png) 0 0 no-repeat; z-index:1;}
									#fakeRadio3 {position:absolute; display:block; width:11px; height:11px; margin-top:4px; margin-left:190px; background:url(../img/radio-bgr.png) 0 0 no-repeat; z-index:1;}
									.contactPageForm span {float:left; width:495px; padding:5px;}
										.contactPageForm span label.radioLabel {float:left; text-align:left; width:75px; height:auto; padding:1px 0 0 6px; color:#000; font-weight:normal;}
							.contactPageForm input {float:left; width:502px; height:16px; font-size:11px; border:0; background:url(../img/contact-boxes-bgr.gif) 0 0 repeat-x #fff; padding:8px 0 0 5px; margin:0 0 4px 0;}
								.contactPageForm input:focus, .contactPageForm textarea:focus {outline:none;}
								.contactPageForm input.focusField {background-position:0 -24px;}
							.contactPageForm textarea {float:left; width:497px; height:55px; padding:8px 5px; overflow:auto; border:0; background:url(../img/contact-area-bgr.gif) 0 0 repeat-x #fff; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
								.contactPageForm textarea.focusArea {background-position:0 -71px;}
								
							.submitFormBox {float:left; width:516px; padding:18px 0 0 143px;}
								.submitFormBox p {float:left; width:400px; padding:4px 0 0 0; font-size:10px; color:#ad0000;}
								.submitFormBox input {float:right; background:url(../img/button-submit.png) 0 0 no-repeat; width:63px; height:23px; border:0; cursor:pointer;}
									.submitFormBox input:hover {background-position:0 -23px;}
									
						.bottomContactAddressess {float:left; width:659px; padding:12px 19px 0px 3px;}
							.bottomAddressBox {float:left; width:300px; border-left:#c00000 solid 1px; line-height:16px; padding:0 0 0 6px; color:#959595;}
								.bottomAddressBox p b {display:block; padding:0 0 5px 0; color:#000;}
								.bottomAddressBox a {color:#999; text-decoration:none;}
									.bottomAddressBox a:hover {text-decoration:underline;}
				
							
				/* Small tabs */
				.mainTabsContent {float:left; width:677px; padding:12px 0 13px 0;}
					.mainTabsContent p {padding:5px 4px 9px 4px; float:left; width:669px; line-height:19px;}
					
					/* Jquery UI css plug-in */
					.ui-tabs-hide {display: none;}
					@media projection, screen {.ui-tabs-hide {display: none !important;}}
					@media print {.ui-tabs-nav {display: none;}}
					.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " ";}
					.ui-tabs-nav a {float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 0 12px; background:none;}
					.ui-tabs-nav a {white-space: nowrap; /* @ IE 6 */ outline: 0; /* @ Firefox, prevent dotted border after click */}
					.ui-tabs-nav a:link, .ui-tabs-nav a:visited {color: #cc0000;}
					.ui-tabs-nav .ui-tabs-selected a {background:url(../img/small-tabs-selected.gif) bottom center no-repeat;}
					.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
					.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */cursor: text;}
					.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
					.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */cursor: pointer;}
					/* Additional IE specific bug fixes... */
					* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */ display: inline-block;}
					*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */display: inline-block;}
					
					.tabsSmallHolder {float:left; width:667px; padding:0 6px 0 4px;}
						.tabsSmallHolder ul {float:left; width:667px; background:url(../img/small-tabs-bgr.gif) 0 1px repeat-x;}
							.tabsSmallHolder ul li {float:left; list-style-type:none; background:url(../img/small-tabs-separator.gif) right center no-repeat;}
								.tabsSmallHolder li a {float:left; display:block; padding:7px 8px 7px 7px; font-family:'Calibri',Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#cc0000; text-decoration:none; outline:none;}
									.tabsSmallHolder li a.firstTabCorrection {padding:7px 8px 7px 0;}
									.tabsSmallHolder li.lastTabCorrection {background:none;}
										.tabsSmallHolder li a:hover, .tabsSmallHolder li a.activeTab {background:url(../img/small-tabs-selected.gif) bottom center no-repeat;}
										
						.companyDistributorBox {float:left; width:667px; padding:16px 0 0 0;}
							.companyDistributoLogo {float:left; width:118px; text-align:center;}
							.companyDistributoDetails {float:left; width:532px; padding:0 0 0 11px; display:block; line-height:19px; font-size:10px;}
								.companyDistributoDetails i {font-size:13px; font-style:normal; font-weight:bold; color:#000;}
								.companyDistributoDetails a {color:#5d5d5d; text-decoration:none;}
									.companyDistributoDetails a:hover {text-decoration:underline;}
								.companyDistributoDetails span {color:#e8e8e8;}
								.companyDistributoDetails p {float:left; width:532px; padding:10px 0 0 0;}
									.companyDistributoDetails p a {color:#cc0000; text-decoration:none;}
										.companyDistributoDetails p a:hover {text-decoration:underline;}
								
					
			/* Product page boxes */
			#contentProductHolder {float:left; width:978px; padding:11px 2px 13px 2px;}
		
				#mainProductColumn {float:left; width:677px; padding:17px 0 0 0;}
					
					.mainContent p.productDescBox {float:left; padding:0 4px 7px 127px; width:546px;}
						p.productIden {background:url(../img/logo-iden.jpg) 0 0 no-repeat;}
						p.productJima {background:url(../img/logo-jima.jpg) 0 0 no-repeat;}
						p.productObie {background:url(../img/logo-obie.jpg) 0 0 no-repeat;}
						p.productZivo {background:url(../img/logo-zivo.jpg) 0 0 no-repeat;}
						p.productArie {background:url(../img/logo-arie.jpg) 0 0 no-repeat;}
						p.productWyki {background:url(../img/logo-wyki.jpg) 0 0 no-repeat;}
						p.productMovi {background:url(../img/logo-movi.jpg) 0 0 no-repeat;}
						
					.productFeatureList {float:left; width:677px; padding:21px 0 18px 0; background:url(../img/main-column-separator.gif) left bottom no-repeat;}
						.productFeatureList ul {float:left; width:192px; padding:9px 0 0 0;}
							.productFeatureList li {display:block; padding:3px 0 9px 17px; background:url(../img/red-bullet.gif) 8px 8px no-repeat;}
								.productFeatureList li a {color:#b20000; text-decoration:none;}
								.productFeatureList li a:hover {text-decoration:underline;}
								
						.productTitlePadding {padding:10px 0 5px 0;}
								
						.innerDownloads {float:left; width:600px; clear:both; padding:5px 0 3px 2px;}
							.innerDownloads ul li {float:left; width:600px; list-style-type:none;}
								.innerDownloads li a {float:left; color:#dc040a; padding:5px 0 0 32px; background:url(../images/btn-download.jpg) 0 0 no-repeat; height:40px; width:134px; display:block; margin:0 0 6px 0;}
					
					.mainContent p.accessoriesBox {padding-bottom:20px;}
					.mainContent p.accessoriesBox img {background:none; padding:0; float:left; margin:4px 10px 0 0;}
					.mainContent p.accessoriesBox span {float:right; width:570px;}
					
					
					.footnoteText {float:left; width:662px; font-size:10px; color:#c2bebe; padding:34px 10px 20px 5px;}
					
			
			
			#sideColumn {float:right; width:293px;}
				.sideBox {float:left; width:293px; background:url(../img/side-box-bgr.gif) top center repeat-y; margin-bottom:2px;}
				.sideBoxPDF {float:left; width:293px; background:url(../img/pdf-download.jpg) top center repeat-y; margin-bottom:2px; height:57px;} 
					.sideBoxTop {float:left; width:259px; background:url(../img/side-box-title-bgr.png) top center no-repeat; height:38px; padding:6px 17px 0 17px;}
						.sideBoxTop span {background:url(../img/side-enviro-bgr.png) right center no-repeat; float:right; width:32px; height:38px; display:block;}
					.sideBoxContent {float:left; width:293px; background:url(../img/side-box-bottom-bgr.png) bottom center no-repeat; padding:0 0 6px 0;}
						
						/* Side Navigation */
						.sideNavHolder {float:left; width:285px; padding:0 4px 3px 4px;}
							.sideNavHolder ul li {float:left; width:285px; list-style-type:none;}
								.sideNavHolder li a {width:272px; height:19px; background:url(../img/side-box-nav-bgr.png) 0 0 no-repeat; display:block; font-size:11px; text-decoration:none; color:#474747; padding:7px 0 0 13px; outline:none;}
									.sideNavHolder li a:hover {background-position:0 -26px;}
									.sideNavHolder li a.activeSideNav {background-position:0 -52px; color:#fff;}
										.sideNavHolder li a.activeSideNav:hover {background-position:0 -52px;}
									
						/* Side paragraphs */
						.sideRegular {float:left; width:285px; padding:0 4px;}
							.sideRegular p {float:right; font-size:10px; line-height:17px; color:#5d5d5d; background:url(../img/inner-side-box-bgr.gif) left top repeat-x; display:block;}
								.sideRegular span {padding:11px 0 0 0; display:block;}
									a.moreButton {float:right; background:url(../img/button-more-bgr.png) 0 0 no-repeat; text-indent:-9999px; width:63px; height:23px; display:block;}
									* html a.moreButton {background:url(../img/button-more-bgr-ie6.png) 0 0 no-repeat;} /* button bgr for ie6 */
										a.moreButton:hover {background-position:0 -23px;}
							
							/* Custom Solution Paragraph */
							.sideCustomSolution {background:url(../img/side-box-custom-solution-bgr.jpg) 4px 0 no-repeat;}
								.sideCustomSolution p {padding:9px 13px 11px 92px; width:180px; }
								
							/* Enviro Initiatives Paragraph */
							.sideEnviroInitiatives {background:url(../img/side-box-enviro-ini-bgr.jpg) center bottom no-repeat;}
								.sideEnviroInitiatives span {padding:0 0 0 0; display:block;}
								.sideEnviroInitiatives p {padding:10px 13px 11px 13px; width:259px;}
								
							.sideCareers p {padding:10px 13px 11px 13px; width:259px;}
							
							
							/* Side Search Box */
							.sideSearchHolder {float:left; width:285px; padding:0 4px;}
								.sideSearchBox {float:left; width:285px; height:41px; background:url(../img/side-search-bgr.gif) 0 0 repeat-x;}
									.sideSearchBox fieldset {border:0; height:27px; padding:14px 0 0 0; background:url(../img/side-search-field.png) 59px 8px no-repeat;}
										.sideSearchBox label {float:left; padding:1px 0 0 14px; width:46px; color:#ededed;}
										.sideSearchBox input.sideSearchField {float:left; width:187px; padding:0 8px 0 5px; border:0; background:none; font-size:11px;}
										.sideSearchBox input.sideSearchButton {float:left; width:13px; height:20px; border:0; background:none; cursor:pointer;}
										
							/* Side Contact Details */
							.sideContact {float:left; width:285px; padding:0 4px;}
								.sideContactBox {float:left; width:263px; padding:10px 5px 12px 14px; font-size:10px; line-height:17px; color:#5d5d5d; background:url(../img/inner-side-box-bgr.gif) left top repeat-x; display:block;}
									.sideContactBox p.leftContacts {float:left; width:125px; height:50px; border-right:#d8d8d8 solid 1px;}
									.sideContactBox p.rightContacts {float:right; font-weight:bold; width:127px;  height:50px; padding:0 0 0 9px; border-left:#f4f4f4 solid 1px;}
										.sideContactBox p.rightContacts b {color:#000;}
											.sideContactBox p.rightContacts a {color:#b20000; text-decoration:underline;}
												.sideContactBox p.rightContacts a:hover {text-decoration:none;}
							
							
				/* SideBar Extended */
				.sideNavExtendedHolder {float:left; width:285px; padding:0 4px 3px 4px;}
					.sideNavExtendedHolder ul li {float:left; width:285px; list-style-type:none;}
						.sideNavExtendedHolder li a {width:272px; height:19px; background:url(../img/side-box-extended-nav-bgr.png) 0 0 no-repeat; display:block; font-size:11px; text-decoration:none; color:#474747; padding:7px 0 0 13px; outline:none;}
							.sideNavExtendedHolder li a:hover {background-position:0 -26px;}
							.sideNavExtendedHolder li a.activeSideNav {background-position:0 -52px;}
								.sideNavExtendedHolder li a.activeSideNav:hover {background-position:0 -52px;}
								
							.sideNavExtendedHolder ul.innerSideList {background:url(../img/side-box-extended-subnav-bgr.gif) left top repeat-x #646464; overflow:auto;}
							.sideNavExtendedHolder li.innerSideItem {float:left; width:263px; height:39px; display:block; font-size:12px; text-decoration:none; color:#fff; padding:13px 9px 0 13px;}
								.sideNavExtendedHolder li.innerSideItem span {float:left; padding:7px 0 0 9px; width:150px; background:url(../img/side-download-bullet.gif) 2px 13px no-repeat; font-size:11px;}
								.sideNavExtendedHolder li.innerSideItem a {float:right; display:block; text-indent:-9999px; width:90px; padding:0; height:29px; background:url(../img/side-download-bgr.png) 0 0 no-repeat;}
									.sideNavExtendedHolder li.innerSideItem a:hover {background-position:0 -29px;}
								
								
	#overlayBox {position:fixed; width:100%; height:100%; background:url(../img/overlay-bgr.png) 0 0 repeat; z-index:1000; top:0; left:0; display:none;}
		#overlayBox a {position:absolute; top:12px; right:12px; color:#fff; text-decoration:none; font-weight:bold; font-size:12px;}
		#overlayFlashHolder {position:absolute; top:162px; background:#373737; border:#1c1c1c solid 1px; left:50%; width:360px; height:264px; margin:0 0 0 -180px;}

	#overlayNewsletter {position:fixed; width:100%; height:100%; background:url(../img/overlay-bgr.png) 0 0 repeat; z-index:1000; top:0; left:0; display:none;}
		#overlayNewsletter a {position:absolute; top:12px; right:12px; color:#fff; text-decoration:none; font-weight:bold; font-size:12px;}
		#newsletterForm {position:absolute; top:200px; background:#e9e9e9; border:#e2e2e2 solid 1px; left:50%; width:400px; margin:0 0 0 -200px;}
		
		#newsletterForm fieldset {padding:10px; clear:both; border:0;}
			#newsletterForm fieldset h3 {font-size:14px; float:none; width:auto; text-indent:0; padding:0 0 14px 10px;  background:url(../img/horizontal-separator.gif) left bottom repeat-x; color:#282828; clear:both; margin-bottom:14px;}
			#newsletterForm label {float:left; width:122px; padding:8px 21px 0 0; text-align:right; color:#3c3c3c;}
				#newsletterForm label.obligatoryField {background:url(../img/contact-asterisk.gif) 126px 11px no-repeat;}
			#newsletterForm input.newsletterInputField {float:left; width:200px; height:16px; font-size:11px; border:0; background:url(../img/contact-boxes-bgr.gif) 0 0 repeat-x #fff; padding:8px 0 0 5px; margin:0 0 4px 0;}
			#newsletterForm input:focus {outline:none;}
			#newsletterForm input.focusField {background-position:0 -24px;}
			#newsletterForm select {float:left; width:200px;}
		
			.submitNewsletterBox {float:left; width:200px; padding:18px 0 10px 143px;}
				.submitNewsletterBox p {float:left; width:100px; padding:4px 0 0 0; font-size:10px; color:#ad0000;}
				.submitNewsletterBox input {float:right; background:url(../img/button-submit.png) 0 0 no-repeat; width:63px; height:23px; border:0; cursor:pointer;}
					.submitNewsletterBox input:hover {background-position:0 -23px;}
		

	#footer {float:left; width:100%; background:url(../img/footer-bgr.gif) left top repeat-x #f2f2f2; height:99px; padding:14px 0 0 0;}
		.footerInfo {text-align:center; font-size:10px; width:507px; margin:auto; color:#a9a9a9; background:url(../img/footer-logo.gif) 40px 0 no-repeat; padding:2px 0 10px 40px;}
			
			.footerInfo span {padding:0 10px 0 11px; background:url(../img/footer-bullet.gif) 0 6px no-repeat;}
				.footerInfo a {color:#676767; text-decoration:none;}
				.footerInfo a:hover, .footerInfo a.activeFooter {text-decoration:underline;}
				
	#footerHome {float:left; padding-top:24px; width:100%; background:url(../img/footer-bgr-collapsed.gif) left top repeat-x #f2f2f2; height:99px;}
	
		/*#colapsableHome {width:30px; margin:auto; text-align:center; padding-bottom:14px;}
			#colapsableHome a {background:url(../img/colaps-button.png) 0 0 no-repeat; width:30px; height:10px; display:block; text-indent:-9999px;}*/
	
		.footerHomeInfo {text-align:center; font-size:10px; width:507px; margin:auto; color:#a9a9a9; background:url(../img/footer-logo.gif) 40px 0 no-repeat; padding:2px 0 10px 40px;}
			.footerHomeInfo span {padding:0 10px 0 11px; background:url(../img/footer-bullet.gif) 0 6px no-repeat;}
				.footerHomeInfo a {color:#676767; text-decoration:none;}
				.footerHomeInfo a:hover, .footerHomeInfo a.activeFooter {text-decoration:underline;}





.pagingnews {float:left; width:648px; margin-left:4px; padding:9px 10px 3px 11px; height:23px; background:url(news-title-bgr.gif) left top repeat-x; font-size: 11px;}
.pagingnews b {float:left; width:506px; font-size:11px; color:#393939; font-weight: 300;}
.pagingnews span {float:right; width:140px; padding-top:2px; 
text-align:right; color:#cc0000; font-weight:bold;}

/*Littlewoods*/
.pagenav_row {width: 200px; text-align: right; color:#000; float: right;  margin: -20px 35px 0 0; }

.pagenav_row .pagenav_navcolumn {
	width: 170px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float:left;
}

.pagenav_row .pagenav_pagecolumn {
	width: 126px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float:left;
}
.pagenav_row .pagenav_pagenavcolumn {
	width: 236px;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	float:left;
}

.pagenav_row .pagenav_pagenavcolumn ul li { 
   display:inline; 
   margin:0px !important;
   border:0px !important;
   padding:0px !important;   
	}

.pagenav_row .pagenav_pagenavcolumn .pagenavitem {
	margin: 1px 0px 1px 0px;
	padding: 0px 2px 0px 3px;
}

.pagenavitem a {
   font-weight:300;
color:#000;
 border:1px solid #ededed;
   text-align:center;  
   text-decoration:none !important;
   padding:0px 2px 0px 3px;
}

.pagenavitem a:hover {
   font-weight:300;
border:1px solid #ed1c24;
   text-align:center; 
   text-decoration:none;
	color:#fff;
   background-color:#ed1c24;    
}

.pagenavitem a.selected {

   border:1px solid #ed1c24;
   text-align:center;  
	color:#fff;
   text-decoration:none !important;
   padding:0px 2px 0 3px;
   background-color:#ed1c24;    
}

.pagenavitem a.selected:hover {

   border:1px solid #ed1c24;
   text-align:center;  
   text-decoration:none !important;
  padding:0px 2px 0 3px;
   background-color:#ed1c24;    
}

/*side paging*/

.pagging {width:259px; height:19px; background:url(side-box-nav-bgr.png) 0 -26px no-repeat; 
font-size:11px; text-decoration:none; color:#474747; padding:7px 13px 0 13px; float: left; }

.pagging b {float: left;  font-weight: 300;}
.pagging span { float: right; font-weight: 300;}
.pagging a {
	color:#c43535;
}

.sidePaging {float:left; width:285px; padding:0 4px 3px 4px;}
.sidePaging ul li {float:left; width:285px; list-style-type:none;}
.sidePaging li a {width:272px; height:19px; background:url(side-box-nav-bgr.png) 0 0 no-repeat; display:block; font-size:11px; text-decoration:none; color:#474747; padding:7px 0 0 13px; outline:none;}
.sidePaging li a:hover {background-position:0 -26px;}
.sidePaging li a.activeSideNav {background-position:0 -52px; color:#fff;}
.sidePaging li a.activeSideNav:hover {background-position:0 -52px;}

.box_login {
	background: url(../img/bg_login.png) no-repeat; width: 126px; height: 45px;  float: right; 
	padding: 7px 0 0 50px; margin: 10px 00px; 0 0;cursor:pointer;
}
.box_login h4{
color:#000; font-size: 12px; font-weight: 700; margin:0; padding:0;
}

.box_login span{
 font-size: 11px;
}
.overlay_login {	
	float: left; 
	width: 380px; 
	height:auto; 
	background-color: #f5f5f5; 
	zoom:1; 
	padding: 15px;
	border:6px #b7b7b7 solid;
}