/* CSS for DVAR v2.0*/
body{
	background-color:rgb(0,0,0);
	text-align:center; /*centering main_box in Internet Destroyer*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
img{
	border:none;
}
p{
	font-size: 10px;

}
input,select,textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: rgb(0,0,0);	
	border: 1px solid rgb(51,51,51); /*333333*/
	background-color:rgb(238,238,238); /*eeeeee*/
}
.submit{
	border:1px solid rgb(102,102,102);
	background-color:rgb(20,20,20);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:rgb(255,255,255);	
	margin-top:3px; /*ugly.  moves submit away from input when no other form styling/layout occurs.*/
}
.main_box{
	width:920px;
	background-color:rgb(0,0,0);
	margin-left:auto; /*correct centering (ignored by IE)*/
	margin-right:auto;	
	text-align:left; /*normal browser fix for IE fix*/
}
.main_box_a{
	width:920px;
	background-color:rgb(0,0,0);
	text-align:left; /*normal browser fix for IE fix*/
}
.secondary_container{
}
.logo_box {
	width:180px;
	float:left;
	border-left:2px solid rgb(255,255,255);
	border-right:2px solid rgb(255,255,255);
}
.secondary_nav{
}
.secondary_nav ul{	
	list-style-type:none;
	display:inline;
}
.secondary_nav li{
	float:left; /*allows fixed width in regular browsers (IE does this naturally because of its wrong implementataion)*/	
	width:180px;		
	text-align:center; /*this only works here and not on the a definition.  cool huh?*/
	border-top:2px solid #999999;  /*ff puts these on the outside, adding to total*/
	border-left:2px solid #999999;
	border-bottom:2px solid #666666;
	border-right:2px solid #666666;
	color:#666666;
}
.secondary_nav li a {
	color:#666666;	
	line-height:30px;
	text-decoration:none;
}
.secondary_nav li:hover,.secondary_nav li.over  {
	background-color:#333333;
	color:#999999;
}
.secondary_nav li:hover a {
	color:#999999;
}
.tertiary_nav{
	clear:both;	/*both: not allowed on both sides*/
}
.tertiary_nav ul{
	list-style-type:none;
	display:inline;		
}
.tertiary_nav li {
	float:left; /*allows fixed width in regular browsers (IE does this naturally because of its wrong implementation)*/	
	width:180px;	
	text-align:center;
	height:28px;
}
.tertiary_nav li.orange { /* defines color for orange section */
	border-top:2px solid rgb(255,153,0); /*ff puts these on the outside, adding to total*/
	border-left:2px solid rgb(255,153,0);
	border-bottom:2px solid rgb(204,51,0);
	border-right:2px solid rgb(204,51,0);	
	background-color:rgb(255,102,0);
}
.tertiary_nav li.purple { /* defines color for orange section */
	border-top:2px solid rgb(102,51,255); 
	border-left:2px solid rgb(102,51,255);
	border-bottom:2px solid rgb(51,0,102);
	border-right:2px solid rgb(51,0,102);	
	background-color:rgb(51,0,153);
}
.tertiary_nav li.red { /* defines color for orange section */
	border-top:2px solid rgb(255,102,0); 
	border-left:2px solid rgb(255,102,0);
	border-bottom:2px solid rgb(153,0,0);
	border-right:2px solid rgb(153,0,0);	
	background-color:rgb(255,0,0);
}
.tertiary_nav li.green { /* defines color for orange section */
	border-top:2px solid rgb(102,153,0); 
	border-left:2px solid rgb(102,153,0);
	border-bottom:2px solid rgb(0,51,0);
	border-right:2px solid rgb(0,51,0);	
	background-color:rgb(51,102,0);
}
.tertiary_nav li a {
	line-height:28px;
	text-decoration:none;
}
.tertiary_nav li.orange a {
	color:rgb(255,204,0);
}
.tertiary_nav li.purple a {
	color:rgb(141,108,244);
}
.tertiary_nav li.red a {
	color:rgb(255,162,166);
}
.tertiary_nav li.green a {
	color:rgb(107,164,0);
}
.tertiary_nav li.orange:hover {
	background-color:rgb(228,91,0);
}
.tertiary_nav li.purple:hover {
	background-color:rgb(37,0,113);
}
.tertiary_nav li.red:hover {
	background-color:rgb(190,0,0);
}
.tertiary_nav li.green:hover {
	background-color:rgb(39,77,0);
}
.center_box{
}
.context_holder{
	float:left;
}
.context_box{
	width:164px; /*narrower because of padding (FF adds it to total size)*/
	height:190px; /*ugly but this box must match image height on right*/
	padding:8px;
	border-top:2px solid rgb(102,102,102);
	border-left:2px solid rgb(102,102,102);
	border-bottom:2px solid rgb(51,51,51);
	border-right:2px solid rgb(51,51,51);
}
.context_box a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#666666;
	line-height:20px;
	text-decoration:none;
}
.purple_title{	
	width:180px;	
	border-top:2px solid rgb(102,51,255); 
	border-left:2px solid rgb(102,51,255);
	border-bottom:2px solid rgb(51,0,102);
	border-right:2px solid rgb(51,0,102);	
	background-color:rgb(51,0,153);	
	text-align:center;
	color:rgb(102,51,255);
	font-weight:bold;
	font-size:12px;
	line-height:30px;
}
.purple_box{
	width:164px;
	height:134px;	
	padding:8px;
	border-top:2px solid rgb(102,51,255); 
	border-left:2px solid rgb(102,51,255);
	border-bottom:2px solid rgb(51,0,102);
	border-right:2px solid rgb(51,0,102);	
	background-color:rgb(51,0,153);
	color:rgb(255,255,255);
}
.purple_box a{
	font-weight:bold;
	color:rgb(255,255,255);
}
.accessory_box{
	width:164px;
	padding:8px;	
	border-top:2px solid rgb(102,102,102);
	border-left:2px solid rgb(102,102,102);
	border-bottom:2px solid rgb(51,51,51);
	border-right:2px solid rgb(51,51,51);	
	background-color:rgb(204,204,204);
}
.content_holder{
	float:right;
}
.product_holder{
	float:left;
	width:712px;
	background-color:rgb(255,255,255);
	color:rgb(0,0,0);
	padding:10px;

	border-top:2px solid rgb(102,102,102);
	border-left:2px solid rgb(102,102,102);
	border-bottom:2px solid rgb(51,51,51);
	border-right:2px solid rgb(51,51,51);
	
}
.product_basic{
	float:left;
	width:300px;
}
.product_detail{
	float:right;
	font-size:10px;
	width:400px;
}
.clear{
	clear:none;
}
.callout_holder{
	width:736px;	
}
.callout_clear{
	clear:both;
}

.red_title{
	width:364px;
	border-top:2px solid rgb(255,102,0); 
	border-left:2px solid rgb(255,102,0);
	border-bottom:2px solid rgb(153,0,0);
	border-right:2px solid rgb(153,0,0);
	background-color:rgb(255,0,0);	
	text-align:center;
	color:rgb(255,153,153);
	font-weight:bold;
	font-size:12px;
	line-height:30px;
}
.red_box{
	float:left;
	width:368px;
}
.red_box_img{
	float:left;	
	width:180px;	
	border-top:2px solid rgb(255,102,0);
	border-left:2px solid rgb(255,102,0);
	border-bottom:2px solid rgb(153,0,0);
}
.red_box_copy{
	float:right;
	width:168px;	
	height:134px;	
	padding:8px;
	border-top:2px solid rgb(255,102,0);
	border-bottom:2px solid rgb(153,0,0);
	border-right:2px solid rgb(153,0,0);
	background-color:rgb(255,0,0);
	color:rgb(255,255,255);
}
.red_box_clear{
	clear:both;
}
.red_box_copy a{
	font-weight:bold;
	color:rgb(255,255,255);
}

.green_title{
	width:364px;
	border-top:2px solid rgb(102,153,0); 
	border-left:2px solid rgb(102,153,0);
	border-bottom:2px solid rgb(0,51,0);
	border-right:2px solid rgb(0,51,0);	
	background-color:rgb(51,102,0);	
	text-align:center;
	color:rgb(102,153,0);
	font-weight:bold;
	font-size:12px;
	line-height:30px;
}
.green_box{
	float:right;
	width:368px;
}
.green_box_img{
	float:left;	
	width:180px;	
	border-top:2px solid rgb(102,153,0); 
	border-left:2px solid rgb(102,153,0);
	border-bottom:2px solid rgb(0,51,0);
}
.green_box_copy{
	float:right;
	width:168px;
	height:134px;
	padding:8px;
	border-top:2px solid rgb(102,153,0);
	border-bottom:2px solid rgb(0,51,0);
	border-right:2px solid rgb(0,51,0);
	background-color:rgb(51,102,0);
	color:rgb(255,255,255);
}
.green_box_clear{
	clear:both;
}
.green_box_copy a{
	font-weight:bold;
	color:rgb(255,255,255);
}


div#dvmenu{
	clear:both;
	height:33px;
}
ul#menu {
	list-style-type:none;
	display:inline;	
}
.orange{
	border-top:2px solid rgb(255,153,0); 
	border-left:2px solid rgb(255,153,0);
	border-bottom:2px solid rgb(204,51,0);
	border-right:2px solid rgb(204,51,0);	
	background-color:rgb(255,102,0);
}
.purple{
	border-top:2px solid rgb(102,51,255); 
	border-left:2px solid rgb(102,51,255);
	border-bottom:2px solid rgb(51,0,102);
	border-right:2px solid rgb(51,0,102);	
	background-color:rgb(51,0,153);
}
.red{
	border-top:2px solid rgb(255,102,0); 
	border-left:2px solid rgb(255,102,0);
	border-bottom:2px solid rgb(153,0,0);
	border-right:2px solid rgb(153,0,0);	
	background-color:rgb(255,0,0);
}
.green{
	border-top:2px solid rgb(102,153,0); 
	border-left:2px solid rgb(102,153,0);
	border-bottom:2px solid rgb(0,51,0);
	border-right:2px solid rgb(0,51,0);	
	background-color:rgb(51,102,0);
}
#menu li {
	position: relative;
	list-style-type: none;
	float:left;
	width:149px; /*149 for tekna*/
	text-align:center;
	color:rgb(255,204,0);	
}
#menu a {
	text-decoration: none; 
}
#menu a:hover,#menu a.over {}								

#menu ul a {
	margin: 0px;
	display: block;	
	font-size: 10px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;	
	color: #FFFFFF;
	padding-left: 2px;
}
#menu ul {  /*turning this off makes that nesting stuff happen, specifically the positioning*/
	position: absolute;
	top: 28;
	margin: 0px;
	padding: 0px;	
	z-index: 500;
	list-style-type: none;
}
#menu ul.orange { 
	border-top:1px solid rgb(204,51,0);
	border-left:none;
	border-right:none;
	border-bottom:none;
}
#menu ul.purple { 
	border-top:1px solid rgb(51,0,102);
	border-left:none;
	border-right:none;
	border-bottom:none;
}
#menu ul.red { 
	border-top:1px solid rgb(153,0,0);
	border-left:none;
	border-right:none;
	border-bottom:none;
}
#menu ul.green { 
	border-top:1px solid rgb(0,51,0);
	border-left:none;
	border-right:none;
	border-bottom:none;
}
#menu ul,
#menu li:hover ul ul,
#menu li.over ul ul {
	display: none;
}
#menu li:hover ul,
#menu ul li:hover ul,
#menu li.over ul,
#menu ul li.over ul
 {
	display: block;
}
#menu ul ul,
#menu ul li:hover ul ul,
#menu ul li.over ul ul {
	display: none;
}
#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul li.over ul,
#menu ul ul li.over ul {
	display: block;
}
#menu ul.second_orange li {
	background-image: none;	
	border-right:1px solid rgb(204,51,0);
	border-left:5px solid rgb(204,51,0);
	border-top:none;
	border-bottom:1px solid rgb(204,51,0);
}
#menu ul.second_purple li {	
	background-image: none;	
	border-right:1px solid rgb(51,0,102);
	border-left:5px solid rgb(51,0,102);
	border-top:1px solid rgb(51,0,102);
	border-bottom:none;
}
#menu ul.second_red li {
	background-image: none;	
	border-right:1px solid rgb(153,0,0);
	border-left:5px solid rgb(153,0,0);
	border-top:1px solid rgb(153,0,0);
	border-bottom:none;
}
#menu ul.second_green li {
	background-image: none;	
	border-right:1px solid rgb(0,51,0);
	border-left:5px solid rgb(0,51,0);
	border-top:1px solid rgb(0,51,0);
	border-bottom:none;
}
#menu ul.second_orange li:hover,#menu ul.second_orange li.over { /* these set the hover state for the second background pull-out */
	background-color:rgb(228,91,0);
}
#menu ul.second_purple li:hover,#menu ul.second_purple li.over {
	background-color: rgb(37,0,113);
}
#menu ul.second_red li:hover,#menu ul.second_red li.over {
	background-color: rgb(190,0,0);
}
#menu ul.second_green li:hover,#menu ul.second_green li.over {
	background-color: rgb(39,77,0);
}
#menu ul ul { /*this kinda does too, the positioning of the child popup*/
	left: 30%;
	top:90%;
}
#menu ul ul.orange li:hover,#menu ul ul.orange li.over{ /* this changes the hover state background color for the third pull-out */
	background-color: rgb(228,91,0);
}
#menu ul ul.purple li:hover,#menu ul ul.purple li.over { /* this changes the hover state background color for the third pull-out */
	background-color: rgb(37,0,113);
}
#menu ul ul.red li:hover,#menu ul ul.red li.over { /* this changes the hover state background color for the third pull-out */
	background-color: rgb(190,0,0);
}
#menu ul ul.green li:hover,#menu ul ul.green li.over { /* this changes the hover state background color for the third pull-out */
	background-color: rgb(39,77,0);
}
														

/* fontz fontz fontz fontz fontz fontz fontz fontz fontz fontz fontz fontz fontz fontz fontz*/

.title_bar{
	background-color:rgb(255,102,0);
	/*border:1px solid rgb(255,102,0);*/
	padding-left:6px;
	padding-right:12px;
	padding-top:6px;
	padding-bottom:6px;
	clear:both;
	width:714px;
	
	border-top:2px solid rgb(255,153,0); 
	border-left:2px solid rgb(255,153,0);
	border-bottom:2px solid rgb(204,51,0);
	border-right:2px solid rgb(204,51,0);	
}
.top_bar_copy{
	float:left;
	text-align:left;
}
.top_bar_type{
	text-align:right;
	top:0px;
}

.table_header_orange{
	font-weight:bold;
	background-color:rgb(255,102,0);
	padding:5px;
	font-size:12px;
}
.ac_first{
	font-weight:bold;
	border-bottom:3px solid rgb(204,204,204);
}
.header_orange {
	font-size: 18px;
	color:rgb(255,102,0);
	font-weight:bold;
}
.header_white {
	font-size: 18px;
	color:rgb(255,255,255);
	font-weight:bold;
}
.header_black {
	font-size: 18px;
	color:rgb(0,0,0);
	font-weight:bold;
}
.sub_header_black {
	font-size: 12px;
	color:rgb(0,0,0);
	font-weight:bold;
}
.black_10pt{
	font-size:10px;
}
.black_bold_10pt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
.black_bold_12pt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:rgb(255,102,0);
}
.orange_bold_12pt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:rgb(255,102,0);
}
.orange_bold_10pt{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:rgb(255,102,0);
}
.accessory_box a {
	/*color:rgb(0,0,0);
	text-decoration:none;*/
}
.accessory_box a:hover{
	text-decoration:underline;
}
.acc_link{
	height:120px;
}
.cart_box_grey{
	padding-bottom:8px;
	color:rgb(153,153,153);
}
.cart_box_black{
	padding-bottom:8px;
}
.echo_box {
	position: absolute;
	left: 988px;
	top: 5px;
	font-size: 12px;
	text-align:left;
	color:#ffffff;
}
td{
	font-size:10px;
}
.table_header_td{
	font-weight:bold;
	font-size:12px;
	background-color:rgb(255,102,0);
}
.table_header_td_pc{
	font-weight:bold;
	/*font-size:12px;*/
	background-color:rgb(255,102,0);
}
.cart_total_td{
	font-weight:bold;
	font-size:11px;
	border-bottom:1px solid rgb(51,51,51);
}
.form_req {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: rgb(0,0,0);
	border: 1px solid rgb(255,102,0);
	background-color:rgb(238,238,238);
}
.paint_link{
	color:rgb(0,0,0);
	text-decoration:none;
	font-weight:bold;
}
.paint_link:hover{
	text-decoration:underline;
}
.estore_href{
	font-size: 12px;
	text-decoration:none;
	color:rgb(0,0,0);
}
.estore_href:hover{
	text-decoration: underline;
}	
.type_1_td_1{
	font-weight:bold;
	font-size:12px;
	background-color:rgb(255,102,0);
}
.type_1_td_2{
	font-weight:bold;
	font-size:10px;
	background-color:rgb(255,102,0);
}
.type_2_td{
	padding-left:10px;
	font-size:10px;
	background-color:rgb(102,102,102);
	color:rgb(255,255,255);
}
.type_3_td{
	padding-left:20px;
	font-size:10px;
	border-top:1px solid rgb(102,102,102);
	border-bottom:1px solid rgb(102,102,102);
	background-color:rgb(255,255,255);
	color:rgb(102,102,102);
}
.home_image{
	z-index:-50;
}
.product_holder a{
	/*color:rgb(0,0,0);*/
	font-weight:bold;
	
}
.product_holder a:hover{
	text-decoration:underline;
}
.cos_image{
	float:right;
}
.survey_option{
	width:40px;
	font-weight:bold;
	text-align:center;
}
.table_page_td{
	border-top:1px solid rgb(151,151,151);
	text-align:center;
}
.table_border{
	border:1px solid rgb(151,151,151);
}


h1{
				color:#ff6600;
				font-size:14px;
				font-weight:bold;
			}
h2{
	color:#ff6600;
	font-size:12px;
	font-weight:bold;
}

			
pre{
	color:#FFFFFF;
	text-align:left;
}
.sup_link{
	color:rgb(228,91,0);
	font-size:14px;
	font-weight:bold;
}

.ordno_modno_td{
width:60px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;

}
.ac_l{
	width:110px;
}
.hidden_states{
 display:none;
}

.dev_header{
	position:relative;
	width:920px;
	height:88px;
	background:url('../images/site/dev_header.gif');
	padding:0px;
	text-align:left;
}
.dev_header_copy{
	color:#FFFFFF;
	/*width:635px;*/
	padding:8px;
	pdding-left:12px;
	font-size:12px;
}
.dev_header_copy_tekna{
position:absolute;
left:190px;
top:5px;
/*float:right;*/
	color:#FFFFFF;
	width:500px;
	/*padding:8px;*/
	font-size:12px;
/*	border:1px solid #00FF00;*/
}
.dev_header_image{
	float:left;
	width:184px;
	height:88px;
	margin:0px;
}
.spacer{
	width:30px;
	clear:both;
}
.spacer_header{
	clear:none;
	height:0px;
}
.title_bar_tekna{
	/*border:1px solid rgb(255,102,0);*/
	padding-left:6px;
	padding-right:12px;
	padding-top:6px;
	padding-bottom:6px;
	clear:both;
	width:714px;
	
	border-top:2px solid rgb(255,102,0); 
	border-left:2px solid rgb(255,102,0);
	border-bottom:2px solid rgb(153,0,0);
	border-right:2px solid rgb(153,0,0);	
	background-color:rgb(255,0,0);
}
.table_header_red {
	font-weight:bold;
	background-color:rgb(255,0,0);
	padding:5px;
	font-size:12px;
}
.sub_header_black_tekna {
	font-size: 14px;
	color:rgb(0,0,0);
	font-weight:bold;
}
h3{
color:red;
				font-size:18px;
				font-weight:bold;
				margin-top:0px;
}
.ac_tiny{
	font-size:9px;
	font-style:italic;
}
.form_nag_red{
	color:red;
	font-weight:bold;
}
.banner_link{
	color:white;
}
.banner_link:visited{
	color:white;
}