﻿body {
	background:#EAF3FA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5% /* 16px × 62.5% = 10px */;
	color:#666769;
	margin:0;
	padding:0;
}

p { 
	line-height:1.6em; 
	font-size:1.1em;
}
li {
	font-size:1.1em;}
h1 {
color:#281E81;
font-size:1.7em;
font-weight:normal;
}
h1.news {
	margin-left:14px;
}

body.page /* needed to do this because of content editor inheriting background colour otherwise*/
{
	background:#EAF3FA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5% /* 16px × 62.5% = 10px */;
	color:#666769;
}
/* Page container */
#main
{
	background-color:White;
	width:761px;
	margin-left:auto;
	margin-right:auto;	
	position:relative;
	height:auto;
}
/* Page header */
#header
{
	width:761px;
	height:152px;
}
#header ul
{
	list-style:none;
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	top:125px;
	left:0px;
	background:#291F82;
	width:721px;
	display:block;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:1px 0;
	height:27px;
	line-height:27px;
}
#header ul li 
{
	float:left;
	margin-left:24px;
}
#header ul li a
{
	color:White;
	text-decoration:none;
	font-size:1.1em;
}
#header ul li a.on
{
    color:#01A89E;
}
#header ul li a:hover
{
	color:#01A89E;
}
#header ul li a.on
{
	color:#01A89E;
	font-weight:bold;
}
#header ul li a.on:hover
{
	color:White;
}
/* Page content */
#contentarea
{
	width:761px;
	min-height:600px;
}
/* Page footer */
#footer
{
	width:761px;
	height:100px;
	
	float:none;
	clear:both;
    

	
	background-image: url(../images/layout/footer.jpg);
	background-repeat: no-repeat;
	background-color: Red;
	color: White;
	
}

#footer strong
{
    color: #01a89e;
}

#footer a
{
	font-size:1.1em;
	color:White;
	margin-right:15px;
}
#footer a:hover
{
	color:#01A89E;
}

#footer div
{
    padding: 16px;
}

#footer div.leftside 
{
	width: 300px;
	height: 100px;
	float:left;
	vertical-align: middle;
	font-size:1.1em;
}

#footer div.rightside 
{
	width: 361px;
	height: 100px;
	float: right;
	padding-top: 32px;
	text-align: right;
	font-size:1.1em;
}

/*product pages*/
#productcontainer
{
	width:761px;
	font-size:1.1em;
	margin-top:20px;
	margin-bottom:20px;
}
#productcontainer .productdetails
{
	width:495px;
	padding-left:30px;
	float:left;
}
#productcontainer .productsidebox
{
	width:191px;
	padding-left:30px;
	float:left;
}
#productcontainer .productsidebox ul
{
	margin-left:0px;
	list-style:none;
}
#productcontainer .productsidebox ul a
{
	display:block;
	background-color:#01A89E;
	color:White;
	margin:2px 0 2px 0;
	padding:5px 0 5px 0;
	text-decoration:none;
	font-weight:bold;
	background-image:url(/Typharm/images/layout/linkarrowgreen.gif);
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:12px;
}
#productcontainer .productsidebox .productdocs a
{
	display:block;
	background-color:white;
	color:#5C55A2;
	margin:2px 0 2px 0;
	padding:5px 0 5px 0;
	text-decoration:none;
	font-weight:normal;
	background-image:url(/Typharm/images/layout/linkarrowblue.gif);
	background-repeat:no-repeat;
	background-position:left center;
	text-indent:12px;	
}
	
#productcontainer .productsidebox .productdocs li
{
	border-bottom:solid 1px #ccc;
}
#productcontainer .productsidebox strong
{
	display:block;
	color:#01A89E;
	margin:2px 0 2px 0;
	padding:5px 0 5px 0;
}
.clear
{
	float:none;
	clear:both;
}
 .searchresults
{
	width:741px;
	margin-left:auto;
	margin-right:auto;
}
.searchresults
{
    margin-bottom:20px;
}
#contactform 
{
	width: 741px;
	margin-left:auto;
	margin-right:auto;
}
#contactform legend {
	font-size:1.1em;
}
#contactform label.short
{
	display:block;
	float:left;
	width:100px;
	text-align:right;
	vertical-align:bottom;
	margin-right:5px;
	margin-top:5px;
	font-size:1.1em;
}
#contactform label.medium
{
	display:block;
	float:left;
	width:200px;
	text-align:right;
	vertical-align:bottom;
	margin-right:5px;
	margin-top:5px;	
	font-size:1.1em;
}
#contactform label.long
{
	display:block;
	float:left;
	width:300px;
	text-align:right;
	vertical-align:bottom;
	margin-right:5px;
	margin-top:5px;		
	font-size:1.1em;
}
#gateway
{
	
}
#nocheckdiv
{
	background-image:URL(/Typharm/images/layout/bkg_gateway_no_check.jpg) !important;
}
#gateway .main
{
	width:734px;
	height:391px;
	margin-right:auto;
	margin-left:auto;
	background-image:URL(/Typharm/images/layout/bkg_gateway.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	position:relative;
}
#gateway .main #consumer
{
	position:absolute;
	top:350px;
	left:265px;
}
#gateway .main #consumer a, #gateway .main #professionalenterlink a
{
	display:block;
	width:75px;
	text-align:center;
	height:18px;
	line-height:18px;
	background:#33A3BB;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#gateway .main #professional
{
	position:absolute;
	top:235px;
	left:387px;
}

#gateway .main #professional p
{
	width:287px;
}
#gateway .main #consumer
{
	position:absolute;
	top:235px;
	left:25px;
}

#gateway .main #consumer p
{
	width:287px;
	color:#261E80;
}
#gateway .main #professionalenterlink
{
	position:absolute;
	bottom:-5px;
	right:5px;
}
/*homepage*/
.flashheaderpro
{
	width:761px;
	height:211px;
	background-image:url(/Typharm/images/layout/prohome.jpg);
	background-repeat:no-repeat;
	margin-top:2px;
}
.flashheaderconsumer
{
	width:761px;
	height:211px;
	background-image:url(/Typharm/images/layout/home.jpg);
	background-repeat:no-repeat;
	margin-top:2px;
	background-color:White;
}

#homemaincontent #homearea
{
	width:380px;
	margin-bottom:20px;
}
#homemaincontent #frontpagenews
{
	width:380px;
	border-top:solid #999 1px;
	padding-top:5px;
	color:#5C55A2;
}
#homemaincontent #frontpagenews a, #homemaincontent #frontpagenews a:visited
{
	color:#5C55A2;
}
#homemaincontent #frontpagenews p
{
	margin-top:5px;
	margin-bottom:5px;
}

#display
{
	padding:15px 15px 15px 15px;
	width:741px;
	height:535px;
}
#homemaincontent
{
	width:396px;	
	height:500px;
	float:left;
	display:block;
	margin-right:0px;
	margin-left:0px;
	padding-top:22px;
}

#flashcontent
{
	width:325px;
	height:500px;
	background-image:url(/Typharm/images/layout/homeproducts_bkg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	padding-top:45px;
	padding-left:15px;
	float:right;
	display:block;
}
#flashcontent strong
{
	font-size:1.7em;
	color:#01A89E;
	font-weight:normal;
}
/* links */
#display .links
{
	color:#5C55A2;
}
#display .links p
{
	margin-bottom:0px;
	text-indent:25px;
	font-weight:bold;
}
#display .links p a
{
	font-weight:normal;
	color:#01A89E;
}
#displaylisting
{
	padding:15px 15px 15px 15px;
	width:741px;
}

#productlisting
{
	margin-bottom:20px;
}
#productlistingcontainer
{
	width:735px;
	height:490px;
	background-image:url(/Typharm/images/layout/bkg_gradient_2.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#productlistingcontainer #left, #productlistingcontainer #right
{
	width:338px;
	height:478px;
}
#productlistingcontainer #left
{
		float:left;
		margin-left:10px;
}
#productlistingcontainer #right
{
	float:right;
}
#productlistingcontainer .productitem	
{
	width:300px;
	height:70px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
#productlistingcontainer .productitem img
{
	float:left;
	margin-right:10px;
}
#productlistingcontainer .productitem div
{
	float:left;
	width:200px;
}
#productlistingcontainer .productitem strong a, #productlistingcontainer .productitem strong a:visted
{
	font-size:1.2em;
	color:#01A89E;
	text-decoration:none;
}
.productitem strong a {
	font-size:1.3em;
}
#productlistingcontainer .productitem p
{
	margin:0px;
	font-size:1.1em;
}
/* product listing */
#wheretobuy
{
    margin-left:36px;
    background-color:White;
}
#wheretobuy .productitem	
{
	width:300px;
	height:200px;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
#wheretobuy .productitem img
{
	float:left;
	margin-right:10px;
}
#wheretobuy .productitem div
{
	float:left;
	width:200px;
}
#wheretobuy .productitem strong a, #wheretobuy .productitem strong a:visted
{
	font-size:1.2em;
	color:#01A89E;
	text-decoration:none;
}
#wheretobuy .productitem p
{
	color:#5C55A2;
	margin:0px;
}
#privacy, #aboutus
{
	width:721px;
	margin-left:auto;
	margin-right:auto;
}
	
#privacy a, #privacy strong, #aboutus a, #aboutus strong
{
	color:#01A89E;
}
#header #search
{
	position:absolute;
	left:546px;
	top:35px;
}
.thenewstable tr
{
	padding-bottom:10px;
}
.thenewstable tr
{
	padding-bottom:10px;
}
.newstable
{
	width:680px;
	margin-left:30px;
	margin-right:auto;
	border-collapse:separate;
	font-size:1.1em;
}
#ctl00_ContentPlaceHolder1_GridView1 tr
{
    border-collapse:separate;
}
.thenewstable .newtitle
{
    border-bottom:solid 1px #999;
    padding-top:5px;
}
.thenewstable .newselement
{
    border-bottom:solid 1px #CCC;
    padding-top:20px;
    margin-top:10px;
}
.thenewstable .newselement a
{
    color:#5C55A2;
    font-weight:bold;
    text-decoration:none;
}
.thenewstable .newselement a:hover
{
    text-decoration:underline;
}

#gateway h1 {
	margin-left:14px;
}
