html{ padding:0; margin:0;}
body {padding:0; margin:0; font-family:century gothic, sans-serif; font-size:0.75em; width:100%; color:#000; }

p {margin:0; font:0.9em; }

a:link, a:visited {color:#7A3D3D;}
a:hover {color:#666;}

#news {width:100%; border:1px solid #E9E9E9; padding:5px; margin-left:4px; font-family:century gothic, serif; font-weight:bold; color:#7A3D3D;}
.news:link, .news:visited{padding:0px ; font-size:0.9em; text-decoration:none; font-family:century gothic, serif; font-weight:bold; color:#7A3D3D; line-height:10px; background-image: url(/images/global/grey_tri.gif); background-repeat: no-repeat; background-position: left;}
.news:hover{color:#C5AFAF;}

.list_small {background:  url(/images/global/tri_grey.gif) no-repeat left; display:block;}

h1 {font:1.9em century gothic, sans-serif normal; color:#900; margin: 0px 0px 10px 0px; border-bottom:1px solid #999;}
h2 {font:1.3em century gothic, sans-serif normal; margin:0; color:#900; }
h3 {font:1em century gothic, sans-serif; margin:0; color:#900;}
h5 {font:1.3em century gothic, sans-serif normal; margin:0px 0px 5px 0px; color:#900; border-left:5px solid #666; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background-color:#fff; }
h5 a:link, h5 a:visited { color:#5C5C5C;  padding:3px 0px 3px 6px;  font-size:0.8em; margin:0px 0px 8px 0px; text-decoration:none;}
h5 a:hover{ color:#000;}
h6 {font:1.9em century gothic, sans-serif normal; color:#666; margin: 10px 0px 10px 0px; border-bottom:1px solid #999;}

.blk {font-size:0.9em/1.4em; }
.blk1 {font-size:0.8em;}

/*this is only for stuff on the old site that needs the boby style ex in the configurators etc, this can go when the whole site have been changed and nothing should be body anymore...*/
.body {font-size:0.8em; }

.red{color:#900; }
.red1{color:#900; font-size:0.8em;}
.red2 {color:#900; font-size:1.2em;}

.grey{color:#666; font:0.9em;}
.grey1{color:#666; font-size:0.8em;}


.ms { font-family: Ariel, sans-serif; font-size: 10pt; font-weight:bold; color:#000;}


/*Box around the products on the product page................*/
.whitebox {clear:left; width:80%; height:130px; padding:2px; margin: 0px 0px 8px 0px; font-size:0.8em;}
.whitebox a:hover {color:#ccc;}
h4 {background-color:#666; padding:3px 0px 3px 6px;  font-size:1.2em; margin:0px 0px 8px 0px; }
h4 a:link, h4 a:visited {color:#fff; text-decoration:none;}
h4 a:hover {color:#B67575;}

/*Image rules..................*/
#i1 { float:right;}
#i2{ float:left;}
#ip2 {float:left; margin-right:10px;}
#ip1 {float:right; margin-left:8px;}
#img_home {float:left; margin-right:15px;}
img {border:none; }

ul {list-style-image:url(/images/global/grey_tri_small.gif) ;}
li {color:#333; font-size:1.2em;}

.products {margin-left:25px; color:#000; font-family:verdana, sans-serif;}

/*Styling the breadcrumbs - ther is no postitioning involved here...........*/
.bread {display:none;}

/*Main content containers.............*/
#header_contain {width:100%; margin:0; border:none; }
#main_contain{width:100%; height:100%; margin:0; border:none; }
#footer{display:none;}

/*Page layouts.................*/
.main {width:80%; float:left; padding:10px 2px 5px 10px;}
.side {display:none;}


/*Styling the header...........*/
#header{height:58px; background:  url(/images/logos/ergo_logo_on_white.gif) no-repeat left; background-color:#900; margin:0px 0px 1px 0px; text-align:right;}
.title { color:#fff; font-size:1.6em; font-weight:bold;}
.sub_title{ color:#fff; font-family:verdana, sans-serif; font-size:0.8em;}

/*Styling the main navigation.......*/
#top_nav { display:none;}
#top_nav_sector {display:none;}

/*Styling the side navigation.......*/
#side_nav {display:none;}

/*Styling the secondary (well third really) navigation........*/
#sec_nav {display:none;}
#intro {height:50px;}
#intro img {display:none;}

#sectorbox {clear:both;}


#spec ul {font-weight:bold; margin:5px 0px 5px 5px; }
#spec ul li {color:#333; font-weight:normal; margin-left:25px; }

/*Hide the MS tooltip on prints */
#genuineTooltip{Display:none;}