/* CSS Document */

#razMouse {
	width:940px;
	margin:0 auto;
	text-align:left;
	font-size:12px;
	table-layout:fixed;
}


#razMouse td {
line-height:1.4;
vertical-align:top;
}
#razMouseguideheader
{
	background:url(../images/mouseguide-header.jpg) no-repeat left top;
	height:86px;
	
}
#razMouseMain {
	position:relative;
	height:390px;
	width:930px;
	background:url(../images/mouse-main.jpg) no-repeat left top;
}
#razMouseMain a{
	position:absolute;
	width:180px;
	height:30px;
	display:block;
	text-indent:-9999px;
} 
#razMouseMain #ergonomicGuide{
	top:60px;
	left:520px;
}
#razMouseMain #technologyGuide{
	top:115px;
	left:568px;
}
#razMouseMain #comparison{
	top:178px;
	left:586px;
}

#razMouseGuideContent p, tbody p{
    margin:0 0 15px;
    line-height:1.4;
    color:#777;
    text-align:justify;
    font-size: 12px;
}

#razMousematAdvisor {
	width:940px;
	margin: 0 auto;
	font-size:12px;
	color:#777;
}

#razMouseAdvisorHeader {
	height:87px;
	background:url(../images/mouseguide-header.jpg) no-repeat left top;
}

#razMouseAdvisorHeader h2 {
	text-indent:-9999px;
}

#razMouseMain #configurator{
	top:236px;
	left:585px;
}
#razMouseIntro p {
	margin:0 0 15px;
	color:#777;
}

#htmlTable td {
	padding:5px;
}
#razPeripheralGuideNav {
	height:40px;
	background:url(../images/peripheral-guide-nav.png) 0 0 no-repeat;
}

#razPeripheralGuideNav li  {
	height:40px;
	float:left;
	display:inline;
}

#razPeripheralGuideNav li a{
	display:block;
	height:40px;
	text-indent:-9999px;
}

#razPeripheralGuideNav li#mouse {
	width:140px;
}

#razPeripheralGuideNav li#mouse a:hover,
#razPeripheralGuideNav li#mouse a:active,
#razPeripheralGuideNav li#mouse a.active {
	background:url(../images/peripheral-guide-nav.png) 0 -40px  no-repeat;
}

#razPeripheralGuideNav li#mousemat {
	width:190px;
}

#razPeripheralGuideNav li#mousemat a:hover,
#razPeripheralGuideNav li#mousemat a:active,
#razPeripheralGuideNav li#mousemat a.active {
	background:url(../images/peripheral-guide-nav.png) -140px -40px no-repeat;
}

#razPeripheralGuideNav li#keyboard {
	width:170px;
}

#razPeripheralGuideNav li#keyboard a:hover,
#razPeripheralGuideNav li#keyboard a:active,
#razPeripheralGuideNav li#keyboard a.active {
	background:url(../images/peripheral-guide-nav.png) -330px -40px  no-repeat;
}

#razPeripheralGuideNav li#mousematAdvisor {
	width:148px;
}

#razPeripheralGuideNav li#mousematAdvisor a:hover,
#razPeripheralGuideNav li#mousematAdvisor a:active,
#razPeripheralGuideNav li#mousematAdvisor a.active {
	background:url(../images/peripheral-guide-nav.png) -500px -40px  no-repeat;
}

#razPeripheralGuideNav li#mousematSizeChart {
	width:130px;
}

#razPeripheralGuideNav li#mousematSizeChart a:hover,
#razPeripheralGuideNav li#mousematSizeChart a:active,
#razPeripheralGuideNav li#mousematSizeChart a.active {
	background:url(../images/peripheral-guide-nav.png) -648px -40px  no-repeat;
}
#razPeripheralGuideNav li#mousematConfigurator {
	width:160px;
}

#razPeripheralGuideNav li#mousematConfigurator a:hover,
#razPeripheralGuideNav li#mousematConfigurator a:active,
#razPeripheralGuideNav li#mousematConfigurator a.active {
	background:url(../images/peripheral-guide-nav.png) -778px -40px  no-repeat;
}


#ergoTechMenu {
	height:34px;
	width:934px;
	margin: 0 aut0;
	background:url(../images/guide-nav.png) left top no-repeat;
	position:relative;
}
#ergoTechMenu a#ergo,#ergoTechMenu a#tech{
	display:block;
	height:34px;
	position:absolute;
	top:0;
}
#ergoTechMenu a#ergo {
	width:460px;
	left:0;
}

#ergoTechMenu a#tech {
	width:460px;
	right:0;
}
#ergoMenu {
	padding:5px 0;
	margin:20px 0;
	height:30px;
	border-top:1px dotted #888;
	border-bottom:1px dotted #888;
}

#ergoMenu ul{
	list-style:none;
}

#ergoMenu ul li{
	float:left;
	display:inline;
	border-right:1px solid #0f0;
}

#ergoMenu ul li.last{
	border:none;
	
}

#ergoMenu ul li a{
	display:block;
	line-height:30px;
	padding:0 12px;
	font-weight:bold;
	font-size:11px;
}

table#qform td{
	padding:5px;
}
#txt_name, #txt_email,#txta_question {
	background:#0e0e0e;
	border:1px solid #111;
	color:#888;
}

.text11 {
	padding:10px;
}
body
{
font-family:Arial, Helvetica, sans-serif;
background-color:#000000;
font-size:12px;
color:#FFFFFF;
}

body a,.text {
color:#666666;
text-decoration:none;
font-weight:bold;
}

body a:hover {
color:#00FF00;
text-decoration:none;
}

.textsmall
{
color:#666666;
text-decoration:none;
font-size:10px;
}
/*
input 
{
	background-color: #181818 !important;	
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	margin:5px; 
	padding::3px;
	border: 1px solid #4f4f4f; border-style:solid;
}

textarea, select {
    font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	background-color: #181818 !important;
	border: 1px solid #4f4f4f; border-style:solid;
	}
	
input[type="checkbox"] 
{
	background:none;
	border: 1px solid #4f4f4f; border-style:solid;
}*/
.nodropin_div
{
	position: absolute; 
	visibility: hidden;
	left: 250px;		/*192px;*/
	top: 50px;
	width: 500px;
	height:500px;
	overflow: auto;
	border: 2px groove #CCCCCC;
	background-color:#FFFFFF;
	z-index: 100000000000000;
}		

.question
{
 	font-family:Arial, Helvetica, sans-serif;
	color:#00FF00;
	font-size:12px;
	font-weight:bold; 

}

.green_text
{
	font-family:Arial, Helvetica, sans-serif;
	color:#00FF00;
	font-size:12px;
	font-weight:bold; 

}

.hr1 
{
	border-bottom: 1px dotted #363636;
}
.error 			/*-- used to display all error messages */
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FF0000;
	text-align:center;
}

/* css used on technology page starts */
.style1 {
	color: #FF0000;
	font-weight: bold;
}

.style2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#term
{
	color: #FFFFFF;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration:none;
	font-weight:normal;
}
#term:hover
{
	color: #00FF00;
	font-family: Tahoma;
	font-size: 11px;
	text-decoration:none;
	font-weight:normal;
}
/* css used on technology page ends */