@charset "utf-8";

a, p, div, font, h1, h2, h3, h4, h5 {text-decoration:none; font-family:Arial, Helvetica, sans-serif}

font.required {color:#c40000; font-size:80%; font-weight:bold;}
font.headertitle {font-weight:bold; font-size:160%; color:#999292;}
font.headercontactt {font-weight:bold; font-size:90%; color:#999292;}
font.headercontactn {font-weight:bold; font-size:180%; color:#70479b;}

font.headerresellerbox {font-weight:bold; font-size:110%; color:#999292;}
font.formresellerbox {font-weight:bold; font-size:90%; color:#999292;}
font.headerresellerjoinbox {font-weight:bold; font-size:110%; color:#70479b;}

font.pagefooter {font-weight:bold; font-size:70%; color:#817d7d;}

h1.content {font-weight:bold; font-size:130%; color:#000000;}
h1.content-w {font-weight:bold; font-size:140%; color:#ffffff;}

font.contentn {font-weight:bold; font-size:90%; color:#000000;}
font.contentn-n {font-size:80%; color:#000000;}
font.contentn-n-w {font-size:70%; color:#ffffff;}
font.contenth {font-weight:bold; font-size:90%; color:#70479b;}
font.contenth-n {font-size:80%; color:#70479b;}
font.content-textbox-label {font-weight:bold; font-size:80%; color:#000000;}
font.disclaimer {font-size:60%; color:#777777; text-align:center; line-height:100%;}
font.content-product {font-size:80%; color:#000000;}

font.HP-ProductMenu-Title {font-weight:bold; font-size:100%; color:#999292;}
.textbox-search {border: 3px solid #817d7d; background-image:url(Images/textbox-searh-bg.jpg); height:18px;}
.textbox-reseller {border: 2px solid #817d7d;}

body
	{
	margin:0px 0px; padding:0px;
	text-align:center;
	background-image:url('Images/background.jpg');
	background-repeat:no-repeat;
	background-position:top center;
	}

.topmenu {margin: 0px 0px; padding-top: 14px;}	
.topmenu ul {margin: 0; padding: 0px 0px 0px 0px; list-style-type:none;}   
.topmenu li {margin: 0; padding: 0px 0px 15px 0px; float: left;}   
.topmenu li {padding-right: 6px;}

a.TopMenuA:link {font-weight:bold; text-decoration:none; color:#FFFFFF; font-size:90%;}
a.TopMenuA:hover {font-weight:bold; text-decoration:underline; color:#FFFFFF; font-size:90%;} 
a.TopMenuA:visited {font-weight:bold; color:#FFFFFF; font-size:90%;}
a.TopMenuASelect:link, a.TopMenuASelect:hover, a.TopMenuASelect:visited {font-weight:bold; text-decoration:underline; color:#FFFFFF; font-size:90%;}

a.ResellerBoxForgot:link {font-weight:bold; text-decoration:none; color:#817d7d; font-size:70%;}
a.ResellerBoxForgot:hover {font-weight:bold; text-decoration:underline; color:#817d7d; font-size:70%;} 
a.ResellerBoxForgot:visited {font-weight:bold; color:#817d7d; font-size:70%;}

a.ResellerBoxJoin:link {font-weight:bold; text-decoration:none; color:#70479b; font-size:80%;}
a.ResellerBoxJoin:hover {font-weight:bold; text-decoration:underline; color:#70479b; font-size:80%;} 
a.ResellerBoxJoin:visited {font-weight:bold; color:#70479b; font-size:80%;}

a.PageFooter:link {font-weight:bold; text-decoration:none; color:#817d7d; font-size:70%;}
a.PageFooter:hover {font-weight:bold; text-decoration:underline; color:#817d7d; font-size:70%;} 
a.PageFooter:visited {font-weight:bold; color:#817d7d; font-size:70%;}

a.HP-ProductMenu-1:link {font-weight:bold; text-decoration:none; color:#817d7d; font-size:80%;}
a.HP-ProductMenu-1:hover {font-weight:bold; text-decoration:underline; color:#817d7d; font-size:80%;} 
a.HP-ProductMenu-1:visited {font-weight:bold; color:#817d7d; font-size:80%;}

a.HP-ProductMenu-2:link {font-weight:bold; text-decoration:none; color:#817d7d; font-size:70%; padding-left:4px;}
a.HP-ProductMenu-2:hover {font-weight:bold; text-decoration:underline; color:#817d7d; font-size:70%; padding-left:4px;} 
a.HP-ProductMenu-2:visited {font-weight:bold; color:#817d7d; font-size:70%; padding-left:4px;}

a.OP-ProductMenu-1:link {font-weight:bold; text-decoration:none; color:#000000; font-size:90%;}
a.OP-ProductMenu-1:hover {font-weight:bold; text-decoration:underline; color:#000000; font-size:90%;} 
a.OP-ProductMenu-1:visited {font-weight:bold; color:#000000; font-size:90%;}

a.OP-ProductMenu-2:link {text-decoration:none; color:#817d7d; font-size:90%;}
a.OP-ProductMenu-2:hover {text-decoration:underline; color:#817d7d; font-size:90%;} 
a.OP-ProductMenu-2:visited {color:#817d7d; font-size:90%;}

a.LM-ProductMenu-1:link {font-weight:bold; text-decoration:none; color:#ffffff; font-size:90%; padding-left:10px; line-height:160%;}
a.LM-ProductMenu-1:hover {font-weight:bold; text-decoration:underline; color:#ffffff; font-size:90%; padding-left:10px; line-height:160%;} 
a.LM-ProductMenu-1:visited {font-weight:bold; color:#ffffff; font-size:90%; padding-left:10px; line-height:160%;}

a.LM-ProductMenu-2:link {text-decoration:none; color:#ffffff; font-size:90%; padding-left:20px;}
a.LM-ProductMenu-2:hover {text-decoration:underline; color:#ffffff; font-size:90%; padding-left:20px;} 
a.LM-ProductMenu-2:visited {color:#ffffff; font-size:90%; padding-left:20px;}
a.LM-ProductMenu-2-s:link, a.LM-ProductMenu-2-s:hover, a.LM-ProductMenu-2-s:visited {text-decoration:underline; color:#ffffff; font-size:90%; padding-left:15px;}

a.CU-R-Email:link {text-decoration:none; color:#817d7d; font-size:80%;}
a.CU-R-Email:hover {text-decoration:underline; color:#817d7d; font-size:80%;} 
a.CU-R-Email:visited {color:#817d7d; font-size:80%;}

a.alink:link {font-weight:bold; text-decoration:none; color:#000000; font-size:80%;}
a.alink:hover {font-weight:bold; text-decoration:underline; color:#000000; font-size:80%;} 
a.alink:visited {font-weight:bold; color:#000000; font-size:80%;}

#header {width:1000px; margin:0px auto; text-align:left;}
#left {float: left; width:30%;}
#right {float: left; width:40%;}
#right-right {float: left; width:30%; text-align:right;}

#wrap {width:1000px; margin:0 auto; text-align:left;}

#top-menu {float: left; width:100%; height:38px; background-image:url(Images/top-menu-bg.gif)}
#top-menu-tabs {width:87px; height:38px; background-image:url(Images/top-menu-tab.gif)}
#top-menu-tabs-l {width:114px; height:38px; background-image:url(Images/top-menu-tab-l.gif)}
#tab-content {width:100%; text-align:center; float:left;}
#tab-content-blank {width:991px; height:201px; background-image:url(Images/tab-content-blank.gif); text-align:left;}
#tab-content-blank-l {width:991px; height:400px; background-image:url(Images/tab-content-blank-l.gif); text-align:left;}

#main-content {width:100%;}
#left-main-content {float: left; width:72%;}
#right-main-content {float: left; width:28%;}

#reseller-box {width:269px; height:305px; background-image:url(Images/reseller-login-bg.jpg); background-repeat:no-repeat; float:right; padding-right:4px;}
#reseller-box-offer {width:269px; height:305px; float:right; padding-right:4px;}

#page-footer {width:1000px; margin:0 auto; text-align:left; height:28px; background-color:#000000;}
#page-footer-left {float: left; width:50%; padding-top:8px; text-align:left;}
#page-footer-right {float: left; width:50%; padding-top:4px; text-align:right;}

#HP-ProductMenu-Box {width:718px; height:168px; background-image:url(Images/HP-ProductMenu-BG.png)}

/* Calendar Start */
	#calendar-header { background-color: #6699CC; margin: auto; width: 100%; padding-top: 2px; font-size:80%;}
	#calendar-header .closeme { padding: 0px 3px 2px 0px; }
	
	#calendar-body { padding-bottom: 3px; background-color: #6699CC; margin: auto; width: 100%; font-size:80%;}
	#calendar-body .general { background-color: #FFFFFF; }
	#calendar-body .othermonth { background-color: #EEEEEE; color: #AAAAAA; }
	#calendar-body .header { background-color: #6699CC; color: #FFFFFF; }
	#calendar-body .today { background-color: #FFFFCC; }
	#calendar-body .bg { background-color: #6699CC; }
	#calendar-body .select { background-color: #FFCC99; }
	#calendar-body .othermonth a:link { text-decoration : none; font-family: tahoma; color: #CCFFCC; }
	#calendar-body .othermonth a:visited { text-decoration : none; font-family: tahoma; color: #CCFFCC; }
	#calendar-body .othermonth a:hover { text-decoration : underline; font-family: tahoma; color: #FFFFFF; }
	#calendar-body a:link { text-decoration : none; font-family: tahoma; color: #000000; }
	#calendar-body a:visited { text-decoration : none; font-family: tahoma; color: #000000; }
	#calendar-body a:hover { text-decoration : underline; font-family: tahoma; color: #FF0000; }
	#calendar-body .disabledate { color: #669999; }
	
	#calendar-footer { background-color: #CCCCCC; border: 0px solid #000000; width: 100%; margin: auto; }
	#calendar-footer .btn { line-height: 21px; }
	#calendar-footer .btn a:link { text-decoration : none; font-family: tahoma; color: #000000; }
	#calendar-footer .btn a:visited { text-decoration : none; font-family: tahoma; color: #000000; }
	#calendar-footer .btn a:hover { text-decoration : underline; font-family: tahoma; color: #FF0000; }
	
	#calendar-header, #calendar-body, #calendar-footer { padding-left: 1px; padding-right: 1px; }
	#calendar-container { background-color: #6699CC; }
	
	.tcday, .tcmonth, .tcyear { font-size: 11px; }
	
	.date-tccontainer { border: 0px solid #ffffff; background-color: #ffffff; padding: 2px; font-size:80%;}
/* Calender End */

/* CSS for Product pages for tab navication */

#menu{width:100%; display:inline}
.tab_box { border-top:solid 0px #3d1f51; position:relative; margin-top:30px;}
.tab_box  li.active a { background:#3d1f51; color:#ffffff; border:0; text-decoration:underline; }
ul.tab_nav {  position:absolute; top:-33px; left:0; padding-left:0px;}
ul.tab_nav li {  background:#70479b; float:left; display:inline; margin:3px; border:solid 1px #3d1f51; border-bottom:none;}
ul.tab_nav li a.active {background:#70479b; border:solid 1px #b292d3; border-bottom:none; color:#ffffff;}
ul.tab_nav li a {font-size:90%; font-weight:bold; color:#ffffff;  display:inline-block; padding:0px 15px; line-height:170%; padding-bottom:5px;}
ul.tab_nav li a:hover { text-decoration:underline; color:#ffffff;}
.tab_box .cont_area {background:#dddddd; line-height:120%; padding-bottom:15px; padding-left:10px; padding-right:10px; padding-top:5px;}

ul.keyfeature {padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}

/*
.t {background: url(Images/t.gif) 0 0 repeat-x; width: 100%}
.b {background: url(Images/b.gif) 0 100% repeat-x}
.l {background: url(Images/l.gif) 0 0 repeat-y}
.r {background: url(Images/r.gif) 100% 0 repeat-y}
.bl {background: url(Images/bl.gif) 0 100% no-repeat}
.br {background: url(Images/br.gif) 100% 100% no-repeat}
.tl {background: url(Images/tl.gif) 0 0 no-repeat}
.tr {background: url(Images/tr.gif) 100% 0 no-repeat; padding:8px}
*/

/* Site Map CSS Start  */
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0b378f;
	text-decoration: none;
	
}
.ordered-list LI {
	PADDING-BOTTOM: 3px; LIST-STYLE-TYPE: none; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; BACKGROUND: url(Images/square-bullet.gif) no-repeat 0px 5px; MARGIN-LEFT: 0px; PADDING-TOP: 0px
}
#sitemap_con UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; MARGIN-BOTTOM: 2px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#sitemap_con UL LI {
	MARGIN: 1px 0px 0px; PADDING-LEFT: 8px; BACKGROUND: url(Images/bullet.gif) no-repeat 0px 5px; VERTICAL-ALIGN: middle
}
.h7 {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 15px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; COLOR: #333; FONT-SIZE: 12px; FONT-WEIGHT: bold; PADDING-TOP: 0px
}
A.h7:hover {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #ff6600; FONT-SIZE: 12px; FONT-WEIGHT: bold; PADDING-TOP: 0px
}