/* CSS Document */
body
{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#333333;
}
hr
{
height:1px;
color:#00CCFF;
width:100%;
float:left;
}
p
{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#000000;
	text-indent:15px;
	margin:0px 0px 0px 0px;
	padding: 2px;
}
h1
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
text-align:left;
color:#000099;
margin:5px;
}
h2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
text-align:left;
color: #330000;
margin:5px;
}
h3
{
font-family: "Times New Roman", Times, serif;
font-size:20px;
text-align:left;
color: #99CCFF;
margin:5px;
}
h4
{
	font-family: "Courier New", Courier, monospace;
	font-size:18px;
	text-align:left;
	color: #CCFFFF;
	margin:0px;
	padding: 3px;
}
h5
{
font-family: "Times New Roman", Times, serif;
font-size:16px;
text-align:left;
color: #DCD710;
margin:5px;
}
h6
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-align:left;
color: #FFFFFF;
margin:5px;
}
ul 
{
	font-family: "Courier New", Courier, monospace;
	font-size:13px;
	text-align:justify;
	margin:5px 0px 1px 20px;
	padding-left: 10px;
	list-style-position: outside;
	text-indent: 0px;
}
.big
{
font-size:20px;
}
.medium
{
font-size:16px;
}
.small
{
font-size:12px;
}
.noindent
{
text-indent:0px;
}
.center
{
text-align:center;
}
.strong
{
font-weight:bold;
}
.left
{
text-align:left;
}
.right
{
text-align:right;
}
.justify
{
text-align:justify;
}
.white
{
color:#FFFFFF;
}
.yellow
{
color: #000099;
}
.maroon
{
color:#BF0210;
}
.black
{
color:#000000;
}
.skyblue
{
color:#0099FF;
}
.deepred
{
color:#FF0000;
}
.green
{
color:#088A08;
}
.marginleft20
{
margin-left:20px;
}
.underline
{
text-decoration:underline;
}
img
{
border:none;
}
table
{
width:990px;
height:auto;
border:0px;
border-color:black;
}

a
{
color: #000000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
cursor:pointer;
}
a:visited
{
color:#000000;
cursor:pointer;
}
a:hover
{
color: #000000;
cursor:pointer;
}
a:active
{
color: #000000;
cursor:pointer;
}
#pagecontainer
{
width:990px;
height:auto;
float:left;
}
#header
{
width:990px;
height:104px;
float:left;
}
#header .left
{
width:330px;
height:102px;
float:left;
}
#header .mid
{
width:355px;
height:102px;
float:left;
}
#header .right
{
width:300px;
height:102px;
float:left;
}

#bodycontainer
{
width:990px;
height:auto;
float:left;
}
#left
{
width:150px;
height:auto;
float:left;
padding-bottom:5px;
}
#left a
{
color:#000000;
}
#left a:visited
{
color:#006699;
}
#left a:hover
{
color:#FFFFFF;
background : #006699;
}
#left a:active
{
color:#000000;
}


#right a:visited
{
color:#000000;
}
#right a:hover
{
color:#FFFFFF;
background : #006699;
}
#right a:active
{
color:#000000;
}



#left .imgdv
{
border:none;
width:150px;
height:auto;
float:left;
padding-top:5px;
margin-left:2px;
}
#menu
{
	height:28px;
	float:left;
	text-align:center;
	background:url(images/yo.jpg) no-repeat center top;
	
}
#menu a
{
width:120px;
height:35px;
line-height:35px;
text-align:center;
float: left;
color:#ffffff;
}
#menu a:hover
{
width:120px;
height:35px;
float: left;
line-height:33px;
text-align:center;
color: #FFFF00;
cursor:pointer;
}
#topmenu
{
width:990px; 
height:20px;
text-align:right;
float:left;
}
#topmenu a
{
float:right;
width:100px;
height:20px;
line-height:20px;
color:#0066FF;
text-align:center;
font-weight:bold;
text-decoration:none;
}
#topmenu a:hover
{
float:right;
width:100px;
height:20px;
line-height:18px;
color: #FF0000;
text-align:center;
text-decoration:underline;
}
#menu #submenu
{
background-color: #0481DD;
width:135px; 
height:75px; 
float:left; 
display:none; 
position:absolute; 
left:160px; 
top:26px; 
padding-top:5px;
}
#menu #submenu a
{
height:12px;
line-height:12px;
text-align:left;
margin-left:6px;
width:115px;
}
#menu #submenu a:visited
{
height:12px;
line-height:12px;
text-align:left;
margin-left:6px;
width:115px;
}
#menu #submenu a:hover
{
height:12px;
line-height:12px;
text-align:left;
margin-left:6px;
width:115px;
}
#menu #submenu a:active
{
height:12px;
line-height:12px;
text-align:left;
margin-left:6px;
width:115px;
}

#menu #submenu1
{
background-color:#0690FB;
width:135px; 
height:40px; 
float:left; 
display:none; 
position:absolute; 
left:280px; 
top:26px; 
padding-top:5px; 
}
#menu #submenu1 a
{
height:12px;
line-height:12px;
text-align:left;
margin-left:6px;
width:115px;
}
#menu #submenu1 a:visited
{
height:12px;
line-height:12px;
text-align:left;
margin-left:6px;
width:115px;
}
#menu #submenu1 a:hover
{
height:12px;
line-height:12px;
text-align:left;
margin-left:6px;
width:115px;
}
#menu #submenu1 a:active
{
height:12px;
line-height:12px;
text-align:left;
margin-left:6px;
width:115px;
}

#left #search
{
background:url(images/hdrc-template_12.jpg) no-repeat top center;
width:181px;
height:115px;
float:left;
}
#mid
{
	width:670px;
	height:auto;
	float:left;
	padding-top: 5px;
	padding-left: 0px;
}
#right
{
	width:150px;
	height:auto;
	float:right;
	padding-bottom:5px;
}
#right .imgdv
{
border:none;
width:150px;
height:auto;
float:right;
padding-top:5px;
margin-left:2px;
}
#footer
{
width:990px;
height:76px;
float:left;
}
#footer .left
{
	background:url(hdrc-template_27.jpg) no-repeat right bottom;
	width:18px;
	height:76px;
	float:left;
}
#footer .mid
{
background:url(hdrc-template_29.jpg) repeat-x left bottom;
width:952px;
height:76px;
float:left;
}
#footer .right
{
background:url(hdrc-template_31.jpg) no-repeat left bottom;
width:18px;
height:76px;
float:left;
}
#footer .mid .quicklinks
{
	width:900px;
	height:25px;
	float:right;
	text-align:right;
	line-height: 25px;
	padding-top: 8px;
	color:#FFFFFF;
}
#footer .mid .quicklinks a
{
color:#FFFFFF;
}
#footer .mid .quicklinks a:hover
{
color:#000000;
}
#footer .mid .legal
{
	width:900px;
	height:25px;
	float:left;
	text-align:left;
	padding-top: 8px;
}
#extralnks
{
	border:#0099FF solid 1px;
	width:945px;
	height:auto;
	float:left;
	padding:8px 0px;
	text-align:center;
	margin-bottom:5px;
	margin-top: 5px;
	margin-left: 10px;
}
#extralnks a
{
font-size:11px;
font-weight:bold;
color:#006600;
}
#extralnks a:hover
{
text-decoration: overline;
color:#0099CC;
}
#hmpgprdt
{
	width:671px;
	height:159px;
	float:left;
	padding-left: 0px;
	margin-bottom: 5px;
}
#hmpgprdt .left
{
	width:49%;
	height:150px;
	float:left;
	padding-right: .5%;
}
#hmpgprdt .right
{
	width:49%;
	height:150px;
	float:right;
}
.productbox
{
	width:660px;
	height:100%;
	float:left;
	padding-left: 0px;
}
.productbox .left
{
	width:660px;
	height:100px;
	float:left;
	border:#996600 solid 1px;
	margin-top: 3px;
}

.productbox .heading
{
width:660px;
height:25px;
float:left;
background-color:#006699;
border:#CCCCCC groove 1px;
}
#bodycontents
{
background:url(images/bgmenu.jpg);
	padding:40px 75px 40px 100px;
	width:792px;
	height: auto;
	float:left;
}
/* styling software product page */
#bodycontents .sftdetails
{
background:#FFFFFF url(images/sftwr.jpg) no-repeat left center;
border:#0099FF groove 2px; 
float:left; 
height:250px; 
width:700px;
}
/* styling Hardware product page */
#bodycontents .hdrdetails
{
background:#FFFFFF url(images/hdwr.jpg) no-repeat left center;
border:#0099FF groove 2px; 
float:left; 
height:200px; 
width:700px;
padding-left:50px;
}
/* styling software details page */
#bodycontents .sftdetails
{
	background:#028af4;
	border:#0099FF groove 2px;
	float:left;
	height:auto;
	width:700px;
	padding-left: 70px;
}
#bodycontents .sftdetails .sftdetailsnested
{
	width:690px;
	height:auto;
	float:left;
	background:#199aff;
	padding: 5px;
}
#bodycontents .sftdetails .sftdetailsnested a
{
font-size:12px;
font-weight:bold;
color:#FFCC00;
text-decoration:none;
line-height:16px;
}
#bodycontents .sftdetails .sftdetailsnested a:visited
{
font-size:12px;
font-weight:bold;
color:#FFCC00;
text-decoration:none;
line-height:16px;
}
#bodycontents .sftdetails .sftdetailsnested a:hover
{
font-size:12px;
font-weight:bold;
color:#99CC00;
text-decoration:underline;
line-height:16px;
}
#bodycontents .sftdetails .sftdetailsnested a:active
{
font-size:12px;
font-weight:bold;
color:#FFCC00;
text-decoration:none;
line-height:16px;
}
#bodycontents .sftsummary
{
	background:#028af4;
	border:#0099FF groove 2px;
	float:left;
	height:auto;
	width:670px;
	padding-left: 50px;
	padding-right: 50px;
}
#bodycontents .sftsummary .nested
{
	width:660px;
	float:left;
	height:auto;
	background-color: #0099FF;
	padding: 5px;
}
/* styling product.html */
#prdtcontainer
{
width:968px; height:auto; padding-left:12px; float:left; padding-right: 7px;
}
#sproduct
{
width:480px; height: auto; float:left; padding-top: 5px;
}
#sproduct .heading
{
width:475px; height:40px; float:left; background: url(images/producthdbar.jpg) no-repeat; line-height: 30px; padding-left: 5px;
}
#sproduct .content
{
	width:470px;
	float:left;
	padding:5px;
	background-color:#199AFF;
	height: auto;
}

#hproduct
{
width:480px; height: auto; float:right; padding-top: 5px;
}
#hproduct .heading
{
width:475px; height:40px; float:left; background: url(images/producthdbarrt.jpg) no-repeat; line-height: 30px; padding-right: 5px;
}
#hproduct .content
{
	width:470px;
	float:left;
	padding:5px;
	background-color:#199AFF;
	height: auto;
}