html
{
height: 100%;
}

body {
	margin : 0;
	padding : 0;
	font-family : Arial, Helvetica, sans-serif;
	color : #333333;
	text-align : center;
	height:100%;
}
#wrapper { /* surrounds the whole layout*/
position : relative;
width : 974px;
height:auto;
margin-top : 0;
margin-bottom : 0;
margin-right : auto;
margin-left : auto;
text-align : left;
background-color : #ffffff;
background-image: url(../images/edgecam_reseller.png); background-repeat:no-repeat;
border-left:#CCCCCC solid 1px;
border-top:solid #ffffff 10px;
border-right:#CCCCCC solid 1px;
z-index:0;
min-height: 100%;
}
* html #wrapper
{
height: 100%;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 1.5;
	font-weight: bold;
	color: #A90101;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color:#333333;
	line-height: 0.8;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color:#333333;
	line-height: 1;
}	
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #A90101;
}

#container { /* contains all divs except header: in the right hand column, left sidebar and middle*/
	position :relative;
	float : left;
	margin-top : 150px;
	width : 100%;
	color: #333333;
	z-index:0;
	padding-bottom: 4em;
}
#container a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #A90101;
	line-height: 1.5;
	text-decoration:underline
}
#container a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #A90101;
	line-height: 1.5;
	text-decoration:underline;
}
#container a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #111111;
	line-height: 1.5;
	text-decoration:underline;
}
#container a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 1.5;
	color: #111111;
	text-decoration:underline;
}
#content {/* contains divs: on right hand column,  middle*/
	position :relative;
	width : 973px;
	margin-left : 0px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	z-index:1;
}
.title{ /* title of the center page */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: normal;
	color: #A90101;
}

/* css for sidebar on the left starts here*/

#sidebar {
	position :relative;
	float : left;
	width : 138px;
	z-index:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	top:0px;
}
.tabletitle{
	background: url(../images/sidebar_botton.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align:left;
	width:100%;
	font-weight:bold;
	line-height: 1.3;
	width:143px;
}
table.sidebar {
	color : #333333;
	width:143px;
	font-size: 9pt;
	text-align:center;
}
td.center{
	text-align:center;
}
/* css for sidebar on the left ends here*/

/* css for header items*/
#header {
left: 0;
width: 100%;
z-index:1;
position: absolute;
top: 0;
height: 152px;
background-image: none;
}
#headerlogo { /* this div has the Radan logo*/
	position :relative;
	float : left;
	height : 93px;
	left:20px;
}
#menuholder {
	top:129px;
	float:left;
	left: 220px;
	width:650px;
	font-family: Arial, Helvetica, sans-serif;
	height:29px;
	font-size:10px;
	position:relative;
	z-index:1;
}

/*css for breadcrumbs */
#breadcrumbs a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #aaaaaa;
	text-decoration: underline;
}
#breadcrumbs a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #aaaaaa;
	text-decoration: underline;
}
#breadcrumbs a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #A90101;
	text-decoration: none;
}
#breadcrumbs{
	float : left;
	top : 10px;
	width : 830px;
	position : absolute;
	text-align:left;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	z-index:0;
	left:152px;
}
.bgimage{ /* This has the div with home page image at the center*/
position:absolute;
float:left;
margin-top:24px;
padding-left:5px;
left:150px;
line-height:1.8;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#FFFFFF;
background-image:url(../images/edgecam_hometitle.JPG);
height:35px;
font-weight:bold;
background-repeat:no-repeat;
width:158px;
}
#contenttext{ /* this div contains the text for the pages which don't have the tabs*/
	float : left;
	top : 70px;
	width : 780px;
	position : relative;
	left:10px;
	text-align:left;
	z-index:0;
	padding:3px;
}
#contenttext a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #A90101;
	line-height: 1.5;
	text-decoration:underline
}
#contenttext a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #A90101;
	line-height: 1.5;
	text-decoration:underline;
}
#contenttext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #111111;
	line-height: 1.5;
	text-decoration:underline; 	
}
#contenttext a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 1.5;
	color: #111111;
	text-decoration:underline;
}

#pagetitle{
	position:absolute;
	float:left;
	margin-top:27px;
	padding-left:5px;
	left:150px;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	background:#eeeeee;
	height:35px;
	font-weight:bold;
	border-bottom:#cccccc solid 1px;
	border-left:#cccccc solid 1px;
	color:#A90101;
	height:21px;
	width:780px;
	top: 24px;
	z-index:0;
}
#homeflash{ /* this div contains the home center image*/
	float : left;
	top : 60px;
	width : 772px;
	position : absolute;
	left:150px;
	height : 190px;
	text-align:left;
	background-image: url(../images/edgecam_reseller_homeimage.jpg);
	background-repeat:no-repeat;
	z-index:0;
	padding:1px;
}#homeimage{ /* this div contains the home image*/
	float : left;
	top : 5px;
	width : 618px;
	position : static;
	height :165px;
	text-align:left;
	z-index:0;
}
#readmore{ /* this div contains the read more link on the homepage; if you don't want to use this, you can remove this & the next immediate 3 css styles (of readmore) as well*/
	float : right;
	width : 130px;
	position : relative;
	height :20px;
	text-align:left;
	z-index:0;
	margin-top:165px;
}
#readmore a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#readmore a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#readmore a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}
#tabs{ /* this div contains the tabs on the products page*/
	float : left;
	top : 0;
	width:792px;
	position : relative;
	text-align:right;
	z-index:0;
	border-bottom:solid 2px #A90101;
	left:10px;
}
/* below 3 styles are for the homepage image divs 7 tables*/
.tablemiddleimage {
	width:100%;
	height:223px;
	border:solid thin;
}
.tdimagetop{
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	font-size: 10pt;
	text-align:left;
	width:100%;
	color: #FFFFFF;
	font-weight:bold;
}
.tdimagebottom{
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	font-size: 11pt;
	text-align:right;
	width:100%;
	color: #FFFFFF;
	font-weight:bold;
}
#hometext{ /* this div contains the text on homepage*/
	float : left;
	width : 790px;
	position : static;
	z-index:0;
	padding-left:12px;
	margin-top:250px;
}
#producttext{ /* this div contains the text on other product pages*/
	float : left;
	top : 0px;
	width : 780px;
	position : relative;
	z-index:0;
	left:10px;
	border:solid 1px #cccccc;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:15px;
}
#producttext a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #A90101;
	line-height: 1.5;
	text-decoration:underline
}
#producttext a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #A90101;
	line-height: 1.5;
	text-decoration:underline;
}
#producttext a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #111111;
	line-height: 1.5;
	text-decoration:underline; 	
}
#producttext a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 1.5;
	color: #111111;
	text-decoration:underline;
}
.clear {
line-height : 0;
font-size : 0;
clear : both;
height : 0;
}
.titlepage {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 1.5;
	font-weight: bold;
	color: #A90101;
	}
/* css code for right hand column divs */
#border {
	float : right;
	right : 5px;
	width : 180px;
	position: absolute;
	color:#333333;
	z-index:0;
	border:solid 1px #cccccc;
	top:30px;
}
#events {
	top:5px;
	float : right;
	right : 10px;
	width : 180px;
	position : static;
	z-index:0;
	border-bottom:solid 3px #ffffff;
	color:#333333;
}
#news {
	float : right;
	right : 10px;
	width : 180px;
	position: static;
	color:#333333;
	z-index:0;
	border-bottom:solid 3px #ffffff;
	line-height: 10px;
}
#downloads {
	float : right;
	right : 0px;
	width : 180px;
	position : relative;
	z-index:0;
	color:#333333;
}
/* these 3 styles are for formating of the News/events boxes on RHS  */
.tablenews {
	color : #333333;
	width:100%;
}
.tdnewstitle{
	background: url(../images/newsbg_r.JPG);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align:center;
	font-weight: bold;
	line-height:1.3;
	height:21px;
}
.tdnews{
	background: url(../images/rightcolumnbg.jpg);
	background-repeat:repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	border-left : solid  #cccccc 1px;
	border-bottom: solid  #cccccc 1px;
	font-size: 8pt;
	text-align:left;
	width:100%;
	padding-top:0;
}
/* title of paragraph */
.paragraphtitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
	font-weight:bold;
	background-color:#eeeeee;
	border-left:solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	line-height: 1.5;
	height:21px;
	padding-left:5px;
}

div.float { /* styles for right floating images*/
  	float: right;
  	border:double;
  	border-color:#eeeeee;
  	padding:1px;
	margin:3px;
	text-align:center;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	background-color: #cccccc;
}
div.leftfloat {  /* styles for left floating images*/
  float: left;
  padding:3px;
  border-right:#FFFFFF solid 3px;
  border-left:#FFFFFF solid 3px;
}
/* footer styles*/
#ftr {
	position:relative;
	height : 20px;
	background-color : #cecece;
	color : #333333;
	border : solid #dddddd;
	border-width : 1px 0 0 0;
	margin : 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	z-index:0;
}
#ftr a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #111111;
	text-decoration: underline;
}
#ftr a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #111111;
	text-decoration: underline;
}
#ftr a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #A90101;
	text-decoration: none;
}