@import url('handheldStyle.css') screen and (max-width: 62.5em);

@media speech {
	li.postal-code {
   		speak-as:		digits;
	}
	
	li.tel {
   		speak-as:		digits;
	}	
}

@media screen and (min-width: 62.5em) {
/* =RESET */

	* {
   		padding: 0;
   		margin: 0;
   		font: 1em/1.375 normal normal Arial, Helvetica, Geneva, sans-serif;
   		color: #446;
   		background-color: inherit;
	}
	
	html {
		background: linear-gradient(to bottom, #9CCFE5, white) no-repeat;
		height: 100%;
	}
	

	ol, ul {
   		list-style: 	none;
	}

	a img {
   		border: 		0;
	}

	th, td {
   		vertical-align: text-top;
   		text-align: 	left;
	}

	/* =LOGO */
	div#HeaderWrapper {
   		border-top: 	5px solid rgb(204, 0, 0);
   		border-bottom: 	5px solid rgb(204, 0, 0);
   		background-color: white;
	}

	#HeaderContent #logo {
   		float: 			right;
   		clear: 			none;
	}

	/* =ADDRESSES */
	div.distributor, div.country, div.street {
  		clear: 			both;
	}

	div.vcard, div.department {
   		margin: 		1em;
   		overflow: 		auto;
	}

	div.adr {
   		margin: 		1em 0 0 0em;
   		float: 			left;
   		width: 			17em;
	}

	h5 {
   		margin: 		0;
	}

	ul.distributor-details, ol.address {
   		list-style-type: none;
   		margin: 		0;
   		padding: 		0;
   		overflow: 		auto;
	}

	#Content ul.distributor-details li, #Content ol.address li{
   		list-style-type: none;
   		margin-top: 	0;
	}

	#Content li.fn {
   		float:			left;
   		width:			17em;
	} 

	ul.distributor-details li.tel {
   		float:			left;
   		width:			17em;
   		display:		inline;
	}

	ul.distributor-details li.email {
   		float:			left;
   		width:			17em;
   		display:		inline;
	}

	div.adr li.extended-address {
   		float:			none;  
	}

	ol.address {
   		margin-left:	1em;
	}

	ol.address li.street-address{
   		clear:			left;
   		float:			none;  
	}

	ol.address li.locality {
   		float:			left;
   		margin-right:	1em;
	}

	ol.address li.region {
   		float:			left;
   		margin-right:	1em;
	}

	div[class~=nonWestern] ol.address li.region {
   		clear:			left;
   		width:			22em;
	}

	ol.address li.postal-code {
   		float:			left;  
   		margin-right:	1em;
	}

	ol.address li.country-name{
   		clear:			left; 
	}

	div.download {
   		clear:			both;
   		padding-top:	0.5em;
	}

	li.tel span.type:after { content: ":"; }

	ol#countryList {
   		list-style-type:	none;
	}

	ol#countryList li{ 
   		display:		inline;
   		padding-right:	1em;
   		line-height:	1.5;
	}

	/* =COLOURS */

	a:hover, #Menu2 a:hover {
   		color: #00A651;
	}


	#Navigation span {
   		background-color:	white;
   		color:				#446;
	}

	#Navigation a {
		background: linear-gradient(white, #9CCFE5) no-repeat;
   		color:				rgb(23, 71, 158);
		display: block;
	}

	#Navigation a:hover, 
	#Navigation a:active,
	#Navigation a:focus {
   		color: rgb(0,128,0);
		background: linear-gradient(white, #cdffcd ) no-repeat;
		display: block;
	}

	#Navigation a:visited {
		background: linear-gradient(white, #999999) no-repeat;
   		color: rgb(70, 88, 96);
		display: block;
	}

	#Navigation a:visited:hover, #Navigation a:visited:focus {
		background: linear-gradient(white, #999999) no-repeat;
   		color: rgb(0,128,0);
		display: block;
	}
	
	#Navigation li.section a{
		background: white;
	}
	
	#Navigation li.section a:hover {
		color: black;
	}

	#Menu2 a {
   		color: rgb(23, 71, 158);
	}
	
	#Content {
		background-color: white;
	}

	#Content p{
   		color: #446;
	}


	#Breadcrumbs {
   		color: #555;
	}

	#Content h2 {
   		color: #4E688C;
	}

	#Content a:hover, #Content a:active, #Content a:focus {
   		color: #00A651;
	}

	#Content table { 
   		background-color:         #ffffff;
   		border-style:             dotted;
   		border-color:             #9CCFE5;
   		border-width:             thin;
	}

	.dashborder, table.dashborder {
   		border-style:             dotted none none none;
   		border-color:             #9CCFE5;
   		border-width:             thin;
	}

	div#Content div#Footer p{
   		color: #666;
	}

	#Content #CommentHolder li {
   		border-bottom: 1px solid #D0D0D9;
	}

	#NewsList h2 a {
   		color: #4e688c;
	}


	/* =LAYOUT */

	h1 a img {
   		margin-right: 10px; 
   		vertical-align: baseline;  
	}

	h1 {
   		vertical-align: middle;
	}


	fieldset {
   		border: 0;
	}

	label {
  		float: left;
  		width: 5em;
  		padding-right: 1em;
  		text-align: right;
  		clear: left;
  		margin-bottom: 1em;
	}

	input, textarea {
   		margin-bottom: 1em;
   		float: left;
	}

	div.Actions input {
   		margin-left: 6em;
	}


	input + label {
   		float: left;
   		clear: none;
   		width: 12em;
	}

	.clear {
   		clear: both;
	}


	th {
   		width: 20%;
	}

	#Header {
   		padding: 20px 0 20px 0;
	}

	#HeaderContent, #Navigation ul, #main {
  		margin: 0 auto 0 auto;
  		width: 80%;
  		min-width: 20em;
  		max-width: 60em;
		 
	}

	#HeaderContent {
   		height: 19px;
	}

	#HeaderContent a {
   		height: 19px;
   		clear: none;
	}

	#HeaderContent #companyName {
   		float: left;
   		clear: none;
	}
	

	#Navigation li {
   		display: inline;
	}

	div#Navigation a, div#Navigation span{
   		display: block;
   		float: left;
   		display: inline;
   		margin-right: 1em;
   		padding: 0 1ex 0 1ex;
	}

	#main {
   		clear: left;
		padding-top: 2em;
	}

	#Content {
  		width: 75%;
  		float: right;
  		display: inline;
	}

	#innerContent {
   		padding-left: 1em;
		padding-right: 1em;
	}


	#Content img[align=left] {
   		padding: 10px 10px 10px 0;
	}

	#Content img[align=right] {
   		padding: 10px 0 10px 10px; 
	}

	#sidebarBox {
   		float: left;
   		display: inline;
		padding: 0em 1em 0 1em;
		width: 20%; 
		
	}
	
	#sidebarBox a, #sidebarBox span {
	   	padding: 0.5ex 1ex 0.5ex 1ex;
		display: block;
	   
	}
	
	#sidebarBox ul.sub {
		margin-left: 1.5em;
	}

	div.productImage, div.smallpic {
   		float: right;
   		width: 160px;
   		clear: right;
   		margin: 0 1em 1em 1em;
	}

	div.productImage img {
   		display: block;
   		float: right;
	}

	div.productImage span {
   		display: block;
   		text-align: center;
   		font-size: 62.5%;
   		float: right;
   		width: 150px;
	}

	#Content table { 
   		margin-bottom:            1em;
   		margin-top:               1em;
	}

	#Content table td, #Content table th {
   		padding-left:             1ex;
   		padding-right:            1ex;
	}

	#Footer {
   		clear: both;
   		margin-top: 1em;
	}

	#Content #CommentHolder li {
   		margin: 1em 0 1em 0;
	}

	#Content ul#PageComments {
   		margin-left: 0;
	}


	.right {
   		float: right;
   		clear: right;
   		padding: 10px 0px 10px 10px;
	}

	.left {
   		float: left;
   		clear: left;
   		padding: 10px 10px 10px 0;
	}

	.center {
   		margin-left: auto;
   		margin-right: auto;
   		text-align: center;
	}

	div.product {
   		clear: both;
	}
  	

	div.product h2 {
   		clear: none;
	}

	div.product p {
   		padding-top: 1em;
   		clear: none;
	}


	div.blogEntryContent {
   		margin-bottom: 2em;
	}

	p.blogVitals {
   		clear: both;
	}
	
	#innerContent img.thirdpartylogo {
	   margin-right: 2em;
	} 


	/* =TYPOGRAPHY */
	
	body {
		line-height: 1.375;
	}

	p {
   		margin-bottom: 1em;
	}

	th {
   		font-weight: bold;
	}

	strong {
   		font-weight: bold;
	}

	em {
   		font-style: italic;
	}


	a, a:visited, a:hover, a:active, a:focus {
   		text-decoration: none; 
	}
	
	#sidebarBox {
		font-size: 125%;
	}
	
	#sidebarBox ul.sub{
		font-size: 75%;
		
	}


	#Content a, #BlogContent a{
   		text-decoration: underline;
	}

	h2, h3, h4, h5, h6 {
   		clear: left;
	}

	#Content h1, #BlogContent h1 {
		font-size: 1.5em;
	}


	#Content h2, #Content h2 *, #BlogContent h2, #BlogContent h2 *  {
   		font-size: 1.25em;
   	/*	font-weight: bold;*/
	}

	#Content h2, #BlogContent h2 {
   		font-size: 1.25em;
	}

	ul + h2, p + h2 {
   		margin-top: 1em;
	}

	#Content h3, #Content h3 *, #BlogContent h3, #BlogContent h3 * {
   		font-size: 1em;
		font-weight: bold;
		line-height: 1.375em;
	}

	#Content h3 a, #BlogContent h3 a {
   		font-size: 1em;
		font-weight: bold;
		line-height: 1.375em;
	}

	ul + h3, p + h3 {
   		margin-top: 1em;
	}

	#Content h4, #Content h4 *, #BlogContent h4, #BlogContent h4 *  {
   	/*	font-weight: bold;*/
	}

	ul + h4, p + h4, ul + p {
   		margin-top: 1em;
	}

	#Content ul {
   		margin-left: 1em;
    	list-style-type: disc;
	}

	#Content li {
   		list-style-type: disc;
   		 margin-top: 0.5em;
	}

	div.blogEntry ol li {
   		list-style-type: decimal;
   		margin-top: 1em;
	}

	div.blogEntry ul li {
   		list-style-type: disc;
   		margin: 0 0 0 1em;
	}

	div#Content ul, div#Content ol, div.blogEntry ul, div.blogEntry ol {
   		margin-bottom: 1em;
	}

	#Content ol {
   		margin-left: 1em;
    	list-style-type: decimal;
	}
	

	#Menu2 a:hover {
   		text-decoration: underline;
	}

	#Menu2, #Menu2 a {
   	/*	font-weight: bold;*/
		font-variant: small-caps;
	}

	#Navigation span, #Navigation a, #Navigation a:hover  {
   		font-weight: bold;
	}


	#Breadcrumbs, #Footer, #CommentsRSSFeed, p.info {
   		font-size: 62.5%;
	}

	#Content #CommentHolder ul, #Content #CommentHolder li  {
   		list-style-type: none;
	}


	#NewsList h2 a {
   		float: left;
   		padding-right: 3em;
   		vertical-align: baseline;
	}

	#NewsList p.newsDateTitle {   
   		padding-top: 0.5em;
	}

	/* Sitemap */
	.typography h2 {
   		font-size: 150%;
   		font-family: "Arial",sans-serif;
   	/*	font-weight: bold;*/
   		color: #4E688C;
	}

	#Sitemap ul {
   		margin-left: 20px;
	}
	
	dl.software dt{
		float: left;
		clear: left;
		padding-right: 1em;
	}
	
	dl.software {
		padding-bottom: 1em;
	}
	
	#main {
		
		background-color: white;
	}
	
	#innerContent ol li {	
		list-style-type: decimal;
	}

} /* end @media screen */