@charset "utf-8";
body{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	/*============================================================================
								BANNER
============================================================================*/						
#banner{
	width:960px;
	height:215px;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:5;
	}
/*============================================================================
								BREADCRUMB
============================================================================*/
dl#breabCrumb{
	width:984px;/*990*/
	height:44px;/*74*/
	padding:0 2px 0px 0;
	margin:35px auto 0;
	text-align:left;
	overflow:hidden;
	}
	#breabCrumb dt{
		height:47px;
		margin-left:18px;
		float:right;
		}
		#breabCrumb dd{
			width:auto;
			height:14px;/*47*/
			padding:30px 0 0 8px;
			line-height:13px;
			float:right;
			font-size:10px;
			color:#fff;
			}
			#breabCrumb dd a{
				  margin-right:10px;
				  color:#fff;
				  }
/*============================================================================
								FOOTER
============================================================================*/
#footer{
	width:940px;
	padding-top:10px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	}
	/*--(COPY-RIGHT)--*/
	#legal{
		width:auto;
		line-height:13px;
		padding-top:14px;
		float:right;
		}
	/*---(FOOTER-NAV)---*/
	dl.footerNav{
		width:786px;
		float:left;
		}
		.footerNav dt{
			width:92px;
			line-height:13px;
		    padding-bottom:4px;
			float:left;
			font-weight:bold;
			color:#ff0000;
			text-align:right;
			}
		.footerNav dd{
			width:auto;
			line-height:13px;
			padding-bottom:4px;
			padding-left:5px;
			float:left;
			}
			.footerNav dd a{
				color:#999;
				margin-right:8px;
				}
				.footerNav dd a:hover{color:#cc0000}		

	
/*============================================================================
								FEATURED AREA
============================================================================*/
/*Note: [sidebar] and [content] are sibling of parent (Feature Area))*/
#featureArea,
#featureAreaIn,
#featureAreaInner, #withLeftCont{
	width:990px;
	text-align:left;
	background:url(../images/interface/reatured.png) no-repeat;
	}
	#featureArea{
		padding-top:105px;
		margin:0 auto;
	    background-position: left top;
		}
		#featureAreaIn{
			padding-bottom:6px;
			background-position: right bottom;
			}
			#featureAreaInner{
				background-position:center top;
				 background-repeat:repeat-y;
				}
				#withLeftCont{background:url(../images/interface/reatured_colored_left.gif) repeat-y;}
				


/*================-----[SIDEBAR]-------=================*/
#sidebar{
	width:229px;
font-size:10px;
	float:left;
	margin:-70px 0 0 18px;
	display:inline;
	position:relative;
	}
	/*==============---------[CONTENT]----------=============*/
	/*Note: primaryContent AND secondary Are Sibling of parent(CONTENT) */
	#content{
		width:713px;
		float:right;
		margin-right:19px;
		display:inline;/*IE6 BUG*/
		position:relative;
		padding-bottom: 50px;
		}
/*---(CONTENT-NAV)---*/
		ul#contentNav{
				width:619px;/*713*/
				height:94px;/*33+72=105*//*change-2010-02-18*/
				padding:11px 0 0 63px;	
				list-style:none;
				position:absolute;
				left:0;
				top:-105px;
				}
				#contentNav li{
					width:auto;
					height:22px;/*94*//*change-2010-02-18*/
					padding-bottom:72px;/*change-2010-02-18*/
					line-height:20px;
					margin-right:48px;/*change-2010-02-18*/
					float:left;
					}

					#contentNav li a{
						float:left;
						color:#fff;
						text-transform:uppercase;
						font-family: Arial;
						font-size: 14px;
						}
/*---(primaryContent)---*/			
			#primaryContent{
				width:400px;/*470*/
/*				padding: 0 0  0 70px;  */
				padding: 0 0  0 20px;
				margin-top:4px;
				float:left;
				}
				.slide_cont{width:100%; display:none}
				#primaryContent p{
					line-height:16px;
					}
/*---(secondaryContent)---*/
			#secondaryContent{
				width:198px;
				float:right;
				}							
/*================================================[@PAGE: LOBBY]=================================================*/				
/*--(PRODUCTS-GALLERY)---*/
		ul.productsGallery{
				width:929px;/*990*/
				padding:0 0 12px 61px;
				margin-top:-94px;
				position:relative;
				list-style:none;
				overflow:hidden;
				}
				.productsGallery li{
					width:254px;
				height:330px;/*990*/
					padding-top:32px;
					padding-bottom:34px;
					margin-right:55px;
					float:left;
					}
					.productsGallery li img{
						margin-left:17px;
						}
						
					.productsGallery li li{	
				 		width:auto; 
				      	height:auto;
				      	padding:0 0 0 12px; 
				      	margin:0 0 0 16px;
				      	float:none;
				      	list-style:none;
				      	background:url(../images/interface/bullet.gif) no-repeat left top;
     }
					.productsGallery li h3{width:100%;color:#FF9933; padding-top:3px;}
					.productsGallery li h3 span{/*IT DOES DISPLAY  COLOR*/
						display:block;
						padding-bottom:11px;
						margin-top:-3px;
						color:#7d7d7d;
						}	
					.productsGallery li p{
						line-height:13px;
						padding-left:25px;
						}
/*-(ROW-1)-*/	
					span.row1{
						width:100%;
						display:block;
						padding-bottom:5px;
						padding-top:17px;
						overflow:hidden;
						}
						.row1 small{
							float:left;
							margin-right:14px;
							}
						.row1 b{
							float:left;
							font-size:10px;
							line-height:13px;
							color:#7d7d7d;
							margin-left:-17px;
							}
						.row1  a{
							float:right;
							padding-left:5px;
							margin-right:6px;
							margin-top:6px;
							font-size:10px;
							line-height:13px;
							color:#7d7d7d;
							background:url(../images/interface/arrow_red.gif) no-repeat;
							}
							.row1  a:hover{text-decoration:underline}
/*-(ROW-2)-*/			
					span.row2{
							width:100%;
							height:31px;
							display:block;
							background:url(../images/lobby/row_2.gif) no-repeat;
							}
						.row2 small{
							font-size:10px;
							text-transform:uppercase;
							color:#7d7d7d;
							line-height:31px;
							float:left;
							margin-right:5px;
							margin-left:5px;
							display:inline;
							}
						.row2 b{
							line-height:31px;
							float:left;
							font-size:10px;
							font-weight:normal;
							}	
						.row2 a{
							width:60px;
							height:19px;						
							display:inline;
							float:right;
							background:url(../images/interface/btn_round_red.gif) no-repeat;
							text-indent:-100px;
							overflow:hidden;
							}			
/*================================================[ @PAGE: PRODUCTS ]=================================================*/

/*---------LEFT-SIDE-------*/
#sidebar h3 span{/*display color*/
color:#ff9933; display:block; padding:8px 0; margin-left: 2px;
			}
/*-SIDE-BOX-*/
div.sideBoxed{
		width:229px;
		padding-bottom:7px;
		background:url(../images/interface/bg_sideBox.gif) repeat-y;
		overflow:hidden;
		position:relative;
		}
		.sideBoxed h3{
			width:217px;/*29*/
			height:12px;
font-size:10px;
			padding:8px 6px 9px;
			color:#999;
			background:url(../images/interface/bg_sidebar_header.gif) no-repeat;
			overflow:hidden;
			}
		.sideBoxed h3 a{ color:#999; }
		.sideBoxed h3 a:hover{ color:#cc0000; }
			
			.sideBoxed h3 b, small{
				 float:left;
				 font-weight:normal; 
				 font-size:10px;
				 }
			.sideBoxed h3 b{
				margin-right:5px;
				display:inline;
				}
			.sideBoxed p{
				line-height:12px;
				padding:7px 16px 0 17px;
				}
				.sideBoxed p a.fit-guide{
    				color: #cc0000;
				}
				.sideBoxed p a.fit-guide:hover{
    				color: #7d7d7d;
				}
/*---(SIDE-MENU)----*/			
		ul.sideMenu{
			width:199px;/*229*/
			padding:0 15px 0 15px;
			list-style:none;
			overflow:hidden;
			}
			.sideMenu li{
				width:auto;
				padding:3px 0 4px 0;
				float:left;
				position:relative;
				overflow:hidden;
				background:url(../images/interface/border_dotted_gray.gif) repeat-x left bottom;
				}
				.sideMenu li b{
					width:160px;
					/*height:13px;*/
					float:left;
					font-size:10px;
					}
				.sideMenu li small{
					width:160px;
					float:left;
					position:relative;
					font-size:10px;
					}
				.sideMenu li a{
					width:27px;
					height:27px;
					float:right;
					}
					.sideMenu li a img{ float:left}			
span.btn_register{
		width:100%;
		height:19px;
		display:block;
		}
span.btn_register a{
	float:right;
	margin-right:15px;
	display:inline;/*FOR IE6*/
	width:60px;
	height:19px;
	text-indent:-1000px;
	overflow:hidden;
	background:url(../images/interface/btn_round_gray.gif) no-repeat;
	}
a.dealer{ 
	  width:60px;
	  height:19px;
	  float:right;
	  text-indent:-1000px;
	  overflow:hidden;
	  position:relative;
	  margin-top:-4px;
	  background:url(../images/interface/btn_round_red.gif) no-repeat}	
span.viewAvailable{
	width:100%;
	line-height:15px;
	padding-bottom:59px;
	padding-left:17px;
	display:block;
	}
	.viewAvailable a{
		font-weight:bold;
		color:#757575;
		font-size:11px;
		}
		.viewAvailable a:hover{text-decoration:underline}
#primaryConten p{
	line-height:16px;
	}
ul.itemMenu{
	width:381px;/*399*/
	padding-top:16px;
	padding-left:18px;
	overflow:hidden;
	list-style:none;
	}
.itemMenu li{
  width:100%;
  float:left;
  font-size:11px;
  line-height:16px;
  list-style:none;
  background:url(../images/interface/bullet.gif) no-repeat left top;
  padding-left:11px;
  }
		
		
/*--------RIGHT-SIDE---------*/		
div.secondaryBoxed{width:100%; padding-top:13px}
	.secondaryBoxed p{color:#666; padding-top:3px}
	span.line1{
		width:100%;
		display:block;
		overflow:hidden;
		}
		.line1 b{
			margin-right:4px;
			float:left;
			font-size:10px;
			color:#000;
			}
		.line1 a{
			float:left;
			margin-right:6px;
			color:#cc0000;
			text-decoration:underline;
			}
			.line1 a:hover{text-decoration:none}
			.line1 a img{float:left;}
	/*----LINKS(SOCIAL-SITES)--*/				
	span.line2{
		width:100%;
		padding-top:7px;
		display:block;
		overflow:hidden;
		}
		.line2 b{
			float:left;
			margin-right:7px;
			font-size:10px;
			color:#666;
			font-weight:normal;
			}
		.line2 a{float:left;margin-right:5px;}
			.line2 a img{float:left;}
			
			
/*-----------------------------------------------------------------------------
 * Comparison Chart
 *---------------------------------------------------------------------------*/
 
.product {
	background-color: #cc0000;
	font-family: "Verdana";
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	padding: 4px 0px 4px 2px;
}
.header {
	background-color: #e0e0e0;
	font-family: "Verdana";
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	padding: 1px 0px 1px 1px;
}

.subhead {
	background-color: #f7f7f7;
	font-family: "Verdana";
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	padding: 1px 0px 1px 5px;
}

.item {
	background-color: #ffffff;
	font-family: "Verdana";
	font-size: 10px;
	color: #333333;
	font-weight: normal;
	padding: 1px 0px 1px 10px;
}

.title {
	background-color: #ffffff;
	font-family: "Verdana";
	font-size:15px;
	color: #333333;
	font-weight: bold;
}
.error {
	background-color: #ffffff;
	font-family: "Verdana";
	font-size:13px;
	color: #333333;
	font-weight: bold;
}
.label {
	background-color: #ffffff;
	font-family: "Verdana";
	font-size:10px;
	color: #333333;
	font-weight: bold;
	text-align: center;
}


/*================================================[@EXTRA PAGES: All]=================================================*/				
		/*--(ADDITIONAL PAGES)---*/
		ul.extraPages{
				width:850px;/*990*/
				padding:0 61px 12px 61px;
				margin-top:-94px;
				position:relative;
				list-style:none;
				overflow:hidden;
				}

			ul.extraPagesX{
				width:990px;/*990*/
				margin-top:-94px;
				position:relative;
				list-style:none;
				overflow:hidden;
				}

				
/*================================================[@PAGE: PROMOTIONS]=================================================*/				
/*--(PROMOTIONS)---*/
		ul.promotions{
				width:713px;
				padding:0 0 12px 10px;
				margin-top:-94px;
				position:relative;
				list-style:none;
				overflow:hidden;
				}
				.promotions li{
					width:140px;
					height:240px;/*990*/
					padding-top:20px;
					padding-bottom:20px;
					margin-right:55px;
					float:left;
					}
					.partners2 li{
						line-height: 18px;
					}
					
				.promotions li a{
					color: #cc0000;
					}
					
					.promotions li a:hover{
					color: #000000;
					}
/*--(APRTNERS)---*/
		ul.partners{
				width:713px;
				padding:0 0 12px 10px;
				margin-top:-94px;
				position:relative;
				list-style:none;
				overflow:hidden;
				}
				.partners li{
					width:240px;
				height:400px;/*990*/
					padding-top:20px;
					padding-bottom:20px;
					margin-right:55px;
					float:left;
					}

					
					
/*--(TWITTER)---*/
#twitter_blurp{
    background: url("../images/interface/twitterbubble.png") no-repeat scroll 0 0 transparent;
    height: 59px;
    left: 308px;
    position: absolute;
    top: 22px;
    width: 305px;
	display: none;
}
#twitter_update_list{
    display: block;
    height: 52px;
    list-style: none outside none;
    overflow: hidden;
    padding-left: 14px;
    padding-top: 6px;
    width: 285px;
    font-family: Verdana;
    font-size: 11px;
    line-height: 14px;
}

/* home page bottom slider */
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 130px;
	width: 100%;
	padding-top: 50px;
	margin-top: -37px;
}
ul.sc_menu {
	display: block;
	height: 128px;
	width: 2750px;
	margin: 0;
	list-style: none;
	padding-left: 500px;
	background: url(../images/slider/slider_bg_arsenal.png) 300px -24px no-repeat transparent;
}
.sc_menu li {
	display: block;
	float: left;
	padding: 0 5px 0 0;
	margin:0;
	width: 278px;
	height: 128px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;

	text-align: center;
	font-size: 12px;
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	position: relative;
	border: 1px solid #cccccc;

}
.sc_menu img.blank {
	border: 0;

}
/* home page right side accordion. */
div#scroll_container{
	background:url(../images/interface/slide_container.png);
	background-position: top left;
	background-repeat: no-repeat;
	height: 400px;
	vertical-align:top;
	overflow: hidden;
}
div#accordion_container{
	width: 249px;
	height: 361px;
	position: relative;
	overflow: auto;
	left: 93px;
	top: 20px;
}
div#accordion{
	width: 249px;
	z-index: 11;
}
	div#accordion h3{
		background-color: #1b1b1b;
		width: 249px;
		height: 21px;
		padding-top: 2px;
		margin-bottom: 2px;
		padding-left: 4px;
		cursor: pointer;
		overflow: hidden;
		font-size: 10px;
		font-family: tahoma;
	}
	div#accordion h3 a{
		color: #fff;
		text-decoration: none;
		position: relative;
		top: -4px;
		left: 5px;
	}
		div#accordion h3 a:hover{
			color: #fff;
			text-decoration: none;
		}
		div#accordion h3 a span{
			color: #ff6905;
		}
	div#accordion div{
		overflow: hidden;
		padding-bottom: 5px;
	}
		div#accordion div p{
			overflow: hidden;
		}


