body {
	font-size: 62.5%;
	text-align: center;
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	margin-top: 3.6em;	
	padding: 0;
}

hr{
	height: 0.1em;
	background-color: #CBCBCB;
	border-style: none;
}

h1, h2, h3, h4{
	font-family: Myriad, Arial, Tahoma, Verdana, Sans-serif;
	padding: 0;
	text-align: left;
}

h1{
	font-weight: normal;
	font-size: 2.9em;
	margin: 1em 0 1em 0.9em;
}

h1#no-bottom-margin{
	margin-bottom: 0;
}

h2{
	font-size: 2.1em;
	font-weight: normal;
	margin: 0.8em 0 0.3em 1.2em;	
	color: #1a1a1a;
}

h3{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0.5em 0 0.3em 1.8em;
	color: #1a1a1a;
}

h4{
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0 0.3em 2.3em;
	color: #1a1a1a;
}

img{
	border-width: 0;
}

p{
	color: #1a1a1a;
	font-size: 1.2em;
	margin: 0.2em 1.5em 0.8em 2.2em;
}

a{
	text-decoration: underline;
}

a:link,a:visited{
	color: #1a1a1a;
}

a:hover,a:active{
	color: #000000;
}

abrv{
	/*text-decoration: underline;*/
	border-bottom: 0.1em dashed #000;
}

br.clear{
	clear: left;
}

div#root{
	width: 84.4em;
	margin-left: auto;
	margin-right: auto;
}

div#header{
	width: 84.4em;
}

div#header-left{
	width: 23em;
	float: left;
}

div#header-right{
	text-align: right;
	width: 61.4em;
	float: left;
}

p#header-right-text{
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	color: #797979;
	font-weight: bold;
}

ul#navBar{
	margin: 0em;
	padding: 0em;
	list-style-type: none;
	font-family: Myriad, Arial, Tahoma, Verdana, Sans-serif;
}

ul#navBar li{
	display: inline;
	padding: 0;	
}

ul#navBar li a{
	font-size: 1.8em;
	font-weight: normal;
	display: block;
	float: left;
	text-decoration: none;
	background-position: 1em 0.3em;
	background-repeat: no-repeat;
	padding: 0.2em 1.2em 0 2.2em;
}

ul#navBar li a:link, ul#navBar li a:visited{
	background-image: url('/images/nav-bullet-off.gif');
	color: #409738;
}

ul#navBar li a:hover, ul#navBar li a:active{
	background-image: url('/images/nav-bullet-on.gif');
	color: #000000;
}

ul#navBar li#selected a:link, ul#navBar li#selected a:visited,ul#navBar li#selected a:hover, ul#navBar li#selected a:active{
	background-image: url('/images/nav-bullet-on.gif');
	color: #000000;
}

ul#subNavBar{
	list-style-type: none;
	font-family: Myriad, Arial, Tahoma, Verdana, Sans-serif;
	margin: 2.4em 0 5em -1.3em;
}

ul#subNavBar li{
	display: inline;
	padding: 0;
}

ul#subNavBar li a{
	font-size: 1.3em;
	font-weight: normal;
	display: block;
	float: left;
	text-decoration: underline;
	padding: 0;
	margin-right: 2em;
}

div#main{
	width: 84.4em;
	height: 32.6em;
	background: #fff url('/images/homepage-main.jpg') no-repeat left top;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 1px solid #fff;
}

div#main h1{
	font-size: 3.1em;
	width: 8.4em;
	margin: 1.8em 0 0 1em;
}

div#main h2{
	color: #4C9E44;
	margin: 0.8em 0 0 1.5em;
	width: 18em;
}

div.main-secondary{
	text-align: left;
	width: 84.2em;
	border-width: 0.1em 0.1em 0 0.1em;
	border-style: solid;
	border-color: #CBCBCB;
	border-bottom: none;
	background: #95C586 url('/images/main-secondary-bg.gif') repeat-x left top;
	padding-bottom: 4em;
}

div#legal-page{
	background-position: left -6em;
}

div#main-secondary-left{
	width: 47.4em;
	float: left;
}

div#main-secondary-right{
	width: 36.8em;
	float: left;
}

div#main-secondary-bottom{
	width: 84.4em;
	height: 0.9em;
	padding: 0;
	margin: 0;
	background: #95C586 url('/images/main-bottom.gif') no-repeat left top;
}

div#footer{
	text-align: right;
	width: 84.4em;
}

ul#footer-nav{
	width: 46.5em;
	margin: 1em 0 0 38em;
	padding: 0;
	list-style-type: none;
}

ul#footer-nav li{
	display: inline;
	padding: 0 1em 0 1em;
	display: block;
	float: left;
	color: #797979;
	font-size: 1.1em;
	border-right: 1px solid #797979;
}

ul#footer-nav li.footer-nav-last{
	border-right: none;
	padding-right: 0;
}


ul#footer-nav li a:link, ul#footer-nav li a:visited{
	color: #797979;
	text-decoration: none;
}

ul#footer-nav li a:hover, ul#footer-nav li a:active{
	color: #000000;
	text-decoration: none;
}

ul#footer-nav li#selected a:link, ul#footer-nav li#selected a:visited, ul#footer-nav li#selected a:hover, ul#footer-nav li#selected a:active{
	color: #000000;
	text-decoration: none;
}

div.div-box-gray{
	width: 32.8em;
	margin: 0 0 0 2em;
	padding: 0;
}

div.div-box-gray-top{
	width: 32.8em;
	height: 0.8em;
	background: url('/images/box-gray-top.gif') no-repeat left top;
}

div.div-box-gray-bottom{
	width: 32.8em;
	height: 0.8em;
	background: url('/images/box-gray-bottom.gif') no-repeat left top;
}

div.div-box-gray-content{
	width: 32.8em;
	background: url('/images/box-gray-bg.gif') repeat left top;
}

ul.box-gray-list{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-bottom: 0.5em;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.6em;
}

ul.box-gray-list li{
	margin-bottom: 0.5em;
}

/* HOMEPAGE BOXES */

div.box{
	width: 45em;
	float: left;
	margin: 1em 0 1em 0;
	padding: 0;
}

div.box-small{
	width: 38em;
	float: left;
	margin: 1em 0 1em 1.2em;
	padding: 0;
}

div.box-content{
	width: 44.8em;
	border-left: 0.1em solid #CBCBCB;
	border-right: 0.1em solid #CBCBCB;
	height: 14em;
	margin-top: -0.3em;
}

div.box-content-small{
	width: 38.5em;
	border-left: 0.1em solid #CBCBCB;
	border-right: 0.1em solid #CBCBCB;
	height: 13.7em;
	margin-top: -0.7em;
}

div#box-image{
	float: left;
	width: 11.5em;
	height: 9.6em;
	margin: 4.4em 0 0 0;
	padding: 0;
	background: #fff url('/images/homepage-left.gif') no-repeat 1em top;
}

p.box-footer{
	font-size: 1.4em;
	width: 22em;
	float: left;
	font-weight: bold;
	color: #4C9E44;
	text-align: left;
	padding: 0;
	margin: 0.5em 0 0 1.8em;
}

div.arrow-notfloated{
	text-align: right;
	margin-top: -0.7em;
}

div.arrow-floated{
	width: 3.7em;
	float: left;
	text-align: right;
	margin-top: -0.2em;
}

div.box p.box-footer{
	width: 20em;
	margin-left: 0.2em;
	margin-top: 2.6em;
}

div.box div.arrow-floated{
	margin-top: 2.7em;
}

div#box-right-content{
	float: left;
	width: 33.3em;
}

div.box-content-small ul.box-list{
	margin: 0 0 0 1.8em;
}

ul.site_map{
	margin: 0 0 0 2.8em;
	padding: 0;
}

ul.site_map li{
	list-style-type: none;
	font-size: 1.6em;
	padding-bottom: 1em;
}

ul.box-list{
	margin: 0;
	padding: 0;
}

ul.box-list li{
	display: inline;
	padding: 0 0.6em 0 0.8em;
	display: block;
	float: left;	
	color: #646464;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url('/images/bullet-black.gif');
	background-position: left 0.3em;
	background-repeat: no-repeat;
	white-space:nowrap;
}

ul.box-list li.box-list-green{
	color: #4C9E44;
}

div.box h3, div.box-small h3{
	font-size: 2.2em;
	font-weight: normal;
}

div.box h3{
	margin: 0.1em 0 0.3em 0;
}

div.box-small h3{
	margin: 0.3em 0 0.3em 0.8em;
}

ul.links{
	font-size: 1.2em;
	list-style-type: none;
	padding: 0;
	margin-left: 2.3em;
}

ul.links li{
	margin-bottom: 0.8em;
}

ul.info-list{
	font-size: 1.2em;
	color: #1a1a1a;
	margin: -0.2em 0 2em 1.5em;
}

div#button{
	width: 41.5em;
	height: 8.5em;
	margin: 2em 0 2em 2.6em;
}

div#button-left{
	width: 28em;
	height: 8.5em;
	float: left;
}

div#button-middle{
	width: 0.1em;
	height: 8.5em;
	float: left;
}

div#button-right{
	width: 13.4em;
	height: 8.5em;
	float: left;
}

h2.sitemap{
	font-size: 1.4em;
	margin: 2em;
}

div.div-box-top{
	width: 45em;
	height: 1em;
	background: url('/images/box-top.gif') no-repeat left top;
}

div.div-box-bottom{
	width: 45em;
	height: 1em;
	background: url('/images/box-bottom.gif') no-repeat left top;
}

div.div-box-top-small{
	width: 38.7em;
	height: 1em;
	background: url('/images/box-top-small.gif') no-repeat left top;
}

div.div-box-bottom-small{
	width: 38.7em;
	height: 1em;
	background: url('/images/box-bottom-small.gif') no-repeat left top;
}

/* IMAGES */
img.right-column-image{
	margin-left: 2.2em;
}

img.bottom-row-image{
	margin-top: 1.9em;
}

img#tommie-banner-top-left{
	width: 21.2em;
	height: 14.1em;
}

img#tommie-banner-top-right{
	width: 9.4em;
	height: 14.1em;
}

img#tommie-banner-bottom-left{
	width: 21.2em;
	height: 14.1em;
}

img#tommie-banner-bottom-right{
	width: 9.4em;
	height: 14.1em;
}

img#logo{
	width: 19.3em;
	height: 6.2em;
}

img#homepage-main{
	width: 84.4em;
	height: 32.6em;
}

img#homepage-left{
	width: 9.6em;
	height: 9.6em;	
}

img.arrow{
	width: 3.7em;
	height:	2.6em;
	margin: 0.5em 1.2em 0 0;
}

img#main-bottom{
	width: 84.4em;
	height: 0.9em;
}

img#compatibles{
	width: 78.7em;
	height: 4.4em;
	margin-top: 1.6em;
}

img#tommie-button-left{
	width: 28em;
	height: 8.5em;
}

img#tommie-button-right{
	width: 13.4em;
	height: 8.5em;
}

img#tommie-button{
	width: 29em;
	height: 8.5em;
	margin: 1.2em 0 0 3em;
}

img#logo-pcpro, img#logo-macuser, img#logo-winxp, img#logo-winvista, img#logo-winmobile, img#logo-macosx, img#logo-vodaphone, img#logo-iphone{
	float: left;
	margin-top: 1.9em;
	margin-right: 3.5em;
}

img#logo-pcpro{
	width: 6.2em;
	height: 4.4em;	
}

img#logo-macuser{
	width: 6.6em;
	height: 4.4em;
}

img#logo-winxp{
	width: 6.8em;
	height: 4.4em;
}

img#logo-winvista{
	width: 5.9em;
	height: 4.4em;
}

img#logo-winmobile{
	width: 4.6em;
	height: 4.4em;
}

img#logo-macosx{
	width: 3.9em;
	height: 4.4em;
}

img#logo-vodaphone{
	width: 13.4em;
	height: 4.4em;
}

img#logo-iphone{
	width: 11.9em;
	height: 4.4em;
	margin-right: 0;
}
