/* FRONTEND CSS
*********************************************/
html 
	{
 	 	overflow-x:hidden;
		/*overflow-y: scroll;*/
	}

body 
	{
	 	width:100%; 
		/*height: 100%;*/
		margin:0; 
		padding:0; 
		/*background being brought in with homepagestyle.css to just use on the home page see coments in index.php*/
		/*background:#ffffff   url(../images/hubcap_co_main_bg.png) top repeat-x;*/
  		/*background-color: #827f7f;*/
		/*overflow-x:hidden;*/
		/*letter-spacing: 0.07em;*/
		color:#717171;
	}
	
.body_pattern
	{
		width:100%;
	}

.clr
	{ 
		clear:both; 
		padding:0; 
		margin:0; 
		width:auto; 
		font-size:0px; 
		line-height:0px; 
	}
	
/* header */
.header_res
	{ 			
		/*min-height:119px;*/ 
		padding:0px 0;
		border:solid 0px #ffffff;
	}

/* main site */
.main_resize 
	{ 
		/*background:#f8f8f8;*/
		width:1188px; 
		margin:0 auto; 
		margin-top:0px;
		padding:0;
		padding-left:0px;
		max-width: 99%;
		min-width:300px;
		border:0px solid #000000;
	}

.bannercont
	{
		width:100%;
		min-width:300px;
		margin-top:10px;
		/*height:148px;*/
		float:left; 
		border:solid 0px #000000;
	}
	
/* logo */
#logo
	{ 	
		/*width:50%;
		height:50%;*/
		max-width:292px;
		min-width:200px;
		/*max-height:133px;*/
		margin:0;
		padding:0px;
		/*padding-right:17px;
		margin-bottom:0px;
		padding-left:0px;*/
		float:left;
		border:solid 0px #000000;
	}
	
#addressheadercont
	{
		position:relative;
		display:block;
		width:200px;
		margin:0;
		margin-top:15px;
		padding-left:0px;
		padding-bottom:0px;
		z-index:1000;
		border:solid 0px #000000;
		float:right;
	}
	
#addressheader
	{
		position:relative;
		display:block;
		width:196px;
		margin:0;
		margin-top:0px;
		padding-left:10px;
		z-index:1000;
		border:0px solid #000000;
		float:right;
	}

.addresstop
	{
	color:#000000;
	
	/*line-height:33px;*/
	font-size:16px;
	font-weight:bold;
	/*font-style:italic;*/
	text-align:left;
	border:0px solid black;
	float:left;
	}
	
.addresstop .custom, .addresstopemail .custom
	{
		color:#fe0000;
	}
	
.addresstopemail
	{
	color:#000000;
	/*line-height:33px;*/
	font-size:16px;
	font-weight:bold;
	/*font-style:italic;*/
	}

#addressheader a
	{
	color:#fe0000;
	
	/*cursor: pointer;*/
	text-decoration: none;
	}
	
#addressheader a:hover
	{
	color:#fe0000;
	text-decoration:underline;
	}
	
#addressheader p
	{
		margin:0px;
		padding:0px;
	}
	
.paypalcont
	{
		position:relative;
		display:block;
		width:191px;
		height:84px;
		margin-top:5px;
		margin-left:2px;
		margin-right:10px;
		background:url(../images/paypal_logo_payments.gif);
		background-repeat:no-repeat;
		z-index:1000;
		float:right;
		border:0px solid #000000;
	}
	
.paypalbntcont
	{
		position:relative;
		display:block;
		margin-top:52px;
		margin-left:2px;
		margin-right:10px;
		z-index:1000;
		float:right;
		border:0px solid #000000;
	}
	
.main_resize_inside
	{ 
		/*background:#f8f8f8;*/
		width:944px; 
		margin:0 auto; 
		margin-top:0px;
		padding:0;
		padding-left:0px;
		max-width: 99%;
		min-width:300px;
		border:0px solid #000000;
	}

.menucont
	{
		position:relative;
		display:block;
		margin:0 auto;
		width:100%;
		margin-top:-15px;
		max-width:100%;
		min-width:200px;
		z-index:200;
		float:left;
		border:0px solid black;
	}
	
.menubar img
	{
		position:relative;
		display:block;
		width:1004px;
		max-width:100%;
		min-width:200px;
		height:71px;
		min-height:71px;
		margin-top:0px;
		float:left;
		border:0px solid black;
	}
	
.nav, .nav1, .nav2, .nav3, .nav4, .nav5, .nav6
	{
		position:relative;
		display:block;
		height:71px;
		padding-left:9px;
		padding-right:9px;
		line-height:71px;
		/*color:#fe0000;
		background:url(../images/pageindicator.png);
		background-repeat:repeat-x;
		text-align:center;*/
	}
	
.smallmenu img
	{
		position:relative;
		display:none;
		width:40px;
		/*height:53px;
		max-width:100%;
		min-width:200px;
		min-height:53px;*/
		text-align:center;
		margin-top:0px;
		padding-right:5px;
		cursor: pointer;
		float:right;
		border:0px solid black;
	}

/*top search*****/
/*needs to be added to search.css*/
.rightsearch
	{
		position:relative;
		display:block;
		width:253px;
		height:41px;
		margin-top:-56px;
		margin-left:2px;
		margin-right:10px;
		background:url(../images/search_bg.png);
		background-repeat:no-repeat;
		z-index:1000;
		float:right;
		border:0px solid #000000;
	}
	
.form-search
	{
		position:relative;
		display:block;
		width:253px;
		height:41px;
		line-height:41px;
		margin-left:0px;
		font-size:10px;
		border:0px solid #000000;
		float:left;
	}

.form-search input
	{
		position:relative;
		display:block;
		width:212px;
		height:41px;
		/*background-color:transparent;*/
		background:url(../images/spacer.gif);
		line-height:41px;
		margin-left:4px;
		padding-left:4px;
		font-size:14px;
		color:#717171;
		border:0px solid #000000;
		float:left;
	}

.rightsearch button
	{
		position:relative;
		display:block;
		width:26px;
		height:41px;
		background:url(../images/search_btn.png);
		background-repeat:no-repeat;
		border:0px solid #000000;
		float:left;
	}
	
.tooltip {
	position: absolute;
	display:none;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
	border:0px solid #000000;
}

/* main site mid */
.main_resize_mid
	{ 
		/*background:#f8f8f8;*/
		display:block;
		width:946px; 
		margin:0 auto; 
		margin-top:0px;
		padding:0;
		padding-left:0px;
		max-width: 99%;
		min-width:300px;
		border:0px solid #000000;
	}

#slideshowcont
	{ 
		position:relative;
		display:block;
		/*background:#f8f8f8;*/
		width:100%;
		max-width:100%;
		min-width:300px;
		margin:0 auto; 
		margin-top:2%;
		margin-left:0px;
		padding-left:0px;
		padding:0px;
		/*background:url(../images/slideshow_bg.png);
		background-repeat:no-repeat;*/
		background-size:100% auto;
		float:left;
		border:0px solid #000000;
	}
	
#slideshow
	{
		position:relative;
		display:block;
		margin:0 auto;
		margin-top:0px;
		max-width:100%;
		min-width:200px;
		border:0px solid black;
	}

#slideshowmobile
	{
		position:relative;
		display:block;
		margin:0 auto;
		padding:0px;
		margin-top:0px;
		max-width:100%;
		min-width:200px;
		
		border:0px solid black;
	}

#slideshowmobile img
	{
		position:relative;
		display:block;
		width:100%;
		padding:0px;
		max-width:100%;
		min-width:200px;
		border:0px solid black;
	}
	
	/*Home Bottom **********/
.homemidtop
	{
		position:relative;
		display:block;
		width:100%;
		max-width:100%;
		min-width:300px;
		/*height:1000px;*/
		margin-top:20px;
		margin-left:0px;
		padding-top:0px;
		padding-left:0px;
		padding-bottom:0px;
		text-align:left;
		border:0px solid #000000;
		float:left;
	}
	
.homemidtop .homeintrocont .moduletable h3
	{
		position:relative;
		display:block;
		background-color:transparent;
		width:100%;
		margin:0px;
		padding:0px;
		font-size:32px;
		color:#fe0000;
		line-height:34px;
		border:0px solid #000000;
	}
	
.homeintrocont
	{
		position:relative;
		display:inline-block;
		width:100%;
		max-width:100%;
		min-width:300px;
		min-height:100px;
		margin-top:0px;
		margin-left:0px;
		padding-top:0px;
		padding-left:0px;
		padding-bottom:0px;
		vertical-align: middle;
		text-align:left;
		border:0px solid #000000;
		float:left;
	}
	
.homeintrocont img
	{
		position:relative;
		display:block;
		/*width:100%;
		max-width:100%;
		min-width:300px;
		height:1000px;*/
		margin-top:0px;
		margin-left:0px;
		margin-right:10px;
		padding-top:0px;
		padding-left:0px;
		padding-bottom:0px;
		vertical-align: middle;
		border:0px solid #000000;
		
	}
	
.txtalign
	{
		display:block;
		margin-top:0px;
		line-height:12px;
		border:0px solid #000000;
	}
	
.homeintrocont p a
	{
		position:relative;
		display:block;
		background:url(../images/arrowbullet.png) left;
	background-repeat:no-repeat;
		margin-right:20px;
		padding-left:16px;
		font-size:12px;
		line-height:14px;
		font-weight:bold;
		color:#fe0000;
		float:right;
		/*cursor: pointer;*/
		text-decoration:underline;
	}
	
.homeintrocont a:hover
	{
		color:#fe0000;
		text-decoration:none;
	}
	
.homeaboutcont
	{ 
		position:relative;
		display:block;
		background:url(../images/hubcap_co_about_us_bg.png);
		background-repeat:repeat-x;
		width:100%;
		max-width:100%;
		min-width:300px;
		/*height:68px;*/
		margin-top:60px;
		margin-left:0px;
		padding-left:0px;
		padding:0px;
		float:left;
		border:0px solid #000000;
	}
	
.homeaboutcont .moduletable h3
	{
		position:relative;
		display:block;
		background-color:transparent;
		width:100%;
		margin:0px;
		padding:0px;
		font-size:32px;
		color:#fe0000;
		border:0px solid #000000;
	}
	
.homeaboutcont p

	{
		margin:0px;
		padding:0px;
	}
	
.homeaboutcont img
	{
		position:relative;
		display:block;
		/*width:100%;
		max-width:100%;
		min-width:300px;
		height:1000px;*/
		margin-top:0px;
		margin-left:0px;
		margin-right:10px;
		padding-top:0px;
		padding-left:0px;
		padding-bottom:0px;
		vertical-align: middle;
		border:0px solid #000000;
	}

.homeaboutcont p a
	{
		position:relative;
		display:block;
		background:url(../images/arrowbullet.png) left;
	background-repeat:no-repeat;
		margin-right:20px;
		padding-left:16px;
		font-size:12px;
		line-height:14px;
		font-weight:bold;
		color:#fe0000;
		float:right;
		/*cursor: pointer;*/
		text-decoration:underline;
	}
	
.homeaboutcont a:hover
	{
		color:#fe0000;
		text-decoration:none;
	}
	
.featurescont
	{
		position:relative;
		display:block;
		width:100%;
		max-width:99%;
		min-width:304px;
		margin-top:10px;
		margin-left:0px;
		margin-right:0px;
		padding-top:0px;
		padding-left:0px;
		padding-bottom:10px;
		float:left;
	}
	
.feature
	{ 
		position:relative;
		display:block;
		width:35.5%;
		min-width:265px;
		margin-top:10px;
		margin-left:0px;
		padding:0px;
		text-align:justify;
		font-size:14px;
		float:left;
		border:0px solid #000000;
	}
	
.featureright
	{ 
		position:relative;
		display:block;
		width:19%;
		min-width:265px;
		margin-top:10px;
		margin-left:0px;
		padding:0px;
		text-align:justify;
		font-size:14px;
		float:left;
		border:0px solid #000000;
	}
	
.feature h3, .featureright h3
	{
		position:relative;
		display:block;
		width:100%;
		/*height:177px;*/
		margin:0px;
		/*margin-left:0px;
		margin-right:10px;*/
		padding:0px;
		padding-bottom:10px;
		color:#fe0000;
		font-size:18px;
		float:left;
		border:0px solid #000000;
	}
	
.feature p, .featureright p
	{
		position:relative;
		display:block;
		width:263px;
		margin:0px;
		padding:0px;
		float:left;
		border:0px solid #000000;
	}
	
.feature img, .featureright img
	{
		padding-bottom:10px;
		float:left;
	}
	
.feature a, .featureright a
	{
		background:url(../images/arrowbullet.png) left;
		background-repeat:no-repeat;
		padding-left:16px;
		font-size:12px;
		line-height:14px;
		font-weight:bold;
		color:#fe0000;
		/*cursor: pointer;*/
		text-decoration:underline;
		font-weight:bold;
		border:0px solid #000000;
	}
	
.feature a:hover, .featureright a:hover
	{
		color:#fe0000;
		text-decoration:none;
	}
	
.newproductscont
	{ 
		position:relative;
		display:block;
		background:url(../images/hubcap_co_about_us_bg.png);
		background-repeat:repeat-x;
		width:100%;
		max-width:100%;
		min-width:300px;
		min-height:68px;
		margin-top:30px;
		margin-left:0px;
		padding-left:0px;
		padding:0px;
		float:left;
		border:0px solid #000000;
	}
	
.newproductscont .moduletable h3
	{
		position:relative;
		display:block;
		background-color:transparent;
		width:100%;
		margin:0px;
		padding:0px;
		font-size:32px;
		color:#fe0000;
		border:0px solid #000000;
	}
	
.newproductscont p

	{
		margin:0px;
		padding:0px;
	}
	
.random-article-wrapper
	{ 
		position:relative;
		display:block;
		width:99%;
		min-width:300px;
		background:#f9f9f9;
		/*height:240px;
		margin-top:0px;
		margin-left:0px;
		padding-left:0px;
		*/
		margin:0px;
		margin-top:20px;
		padding:0px;
		padding-top:0px;
		padding-left:10px;
		padding-bottom:10px;
		float:left;
		border-radius:5px;
		border:1px solid #e7e7e7;
		
	}
	
.random-article
	{ 
		position:relative;
		display:block;
		
		min-width:304px;
		/*height:240px;*/
		margin-top:10px;
		margin-left:0px;
		padding-left:0px;
		padding:0px;
		float:left;
		border:0px solid #000000;
	}
	
.title h4
	{
		position:relative;
		display:block;
		width:100%;
		/*height:177px;*/
		margin:0px;
		/*margin-left:0px;
		margin-right:10px;*/
		padding:0px;
		padding-bottom:10px;
		font-size:18px;
		float:left;
		border:0px solid #000000;
	}
	
.title h4 a
	{
	color:#fe0000;
	/*cursor: pointer;*/
	text-decoration: none;
	}
	
.title h4 a:hover
	{
	color:#fe0000;
	text-decoration:underline;
	}
	
.introimage img
	{
		position:relative;
		display:block;
		width:177px;
		height:177px;
		margin-top:0px;
		margin-left:0px;
		margin-right:10px;
		padding-top:0px;
		padding-left:0px;
		padding-bottom:0px;
		float:left;
		border:0px solid #000000;
	}
	
.introimage a img
	{
		border-radius:5px;
		border:2px solid #fe0000;
	}
	
.introimage a:hover img
	{
		border:2px solid #ffffff;
	}
	
.introtextcont
	{ 
		position:relative;
		display:block;
		width:100px;
		
		/*height:240px;*/
		margin-top:0px;
		margin-left:0px;
		padding-left:0px;
		padding:0px;
		float:left;
		border:0px solid #000000;
	}
	
.introtext
	{
		position:relative;
		display:block;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		padding-top:0px;
		padding-left:0px;
		padding-bottom:0px;
		font-size:14px;
		font-weight:bold;
		color:#fe0000;
		
		
		float:left;
		border:0px solid #000000;
	}
	
.introtext p
	{
		width:100%;
		margin:0px;
		padding:0px;
	}
	
.introtext form
	{
		margin:0px;
		margin-top:10px;
		padding:0px;
		padding-bottom:10px;
	}
	
.readmore
	{
		display:block;
		width:100px;
		float:left;
		border:0px solid #000000;
	}
	
.random-article .readmore a
	{
		background:url(../images/arrowbullet.png) left;
		background-repeat:no-repeat;
		padding-left:16px;
		font-size:12px;
		line-height:14px;
		font-weight:bold;
		color:#fe0000;
		/*cursor: pointer;*/
		text-decoration:underline;
		font-weight:bold;
		border:0px solid #000000;
	}
	
.random-article .readmore a:hover
	{
		color:#fe0000;
		text-decoration:none;
	}
	
.bottominfocont
	{
		position:relative;
		display:block;
		width:100%;
		max-width:100%;
		min-width:304px;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		padding-top:0px;
		padding-left:10px;
		padding-bottom:10px;
		float:left;
		border:0px solid #000000;
	}
	
.bottominfo
	{ 
		position:relative;
		display:block;
		width:35.5%;
		min-width:265px;
		margin-top:30px;
		margin-left:0px;
		padding:0px;
		/*text-align:justify;*/
		font-size:14px;
		float:left;
		border:0px solid #000000;
	}
	

.bottominfo .moduletable
	{ 
		position:relative;
		display:block;
		width:100%;
		margin:0px;
		margin-top:0px;
		margin-left:0px;
		padding:0px; 
		float:left;
		border:0px solid #000000;
	}
	
.bottominforight
	{ 
		position:relative;
		display:block;
		width:19%;
		min-width:265px;
		margin-top:30px;
		margin-left:0px;
		padding:0px;
		text-align:justify;
		font-size:14px;
		float:left;
		border:0px solid #000000;
	}
	
.bottominfo h3, .bottominforight h3
	{
		position:relative;
		display:block;
		width:100%;
		/*height:177px;*/
		margin:0px;
		/*margin-left:0px;
		margin-right:10px;*/
		padding:0px;
		padding-bottom:10px;
		color:#fe0000;
		font-size:18px;
		float:left;
		border:0px solid #000000;
	}

.bottominfo .moduletable ul{ 
	position:relative;
	display:block;
	width:100%;
	margin:0px;
	margin-top:0px;
	margin-left:0px;
	padding:0px; 
	list-style-type:none;
	/*ie 7 fix border*/
	float:left;
	border:0px solid #000000;
}
	
.bottominfo ul li 
	{
		position:relative;
		display:block;
		background:url(../images/arrowbullet.png) left;
		background-repeat:no-repeat;
		/*background-position:center;*/
		margin-top:0px;
		margin-left:0px;
		margin-bottom:0px;
		height:24px;
		line-height:24px;
		padding:0px;
		padding-left:20px;
		
		line-height:14px;
		font-weight:bold;
		color:#fe0000;
		/*cursor: pointer;*/
		font-weight:bold;
		border:0px solid #000000;
	}
	
.bottominfo ul li a
	{
	line-height:24px;
	margin-top:0px;
	margin-left:0px;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	text-align:left;
	color:#fe0000;
	font-weight:bold;
	text-decoration:underline;
	}

.bottominfo ul li a:hover{
	color:#fe0000;
	text-decoration:none;
	}
	
	
	
.bottominfo p, .bottominforight p
	{
		position:relative;
		display:block;
		width:100%;
		margin:0px;
		padding:0px;
		float:left;
		border:0px solid #000000;
	}
	
/*social networking icons*/
.homenetworkiconcont
	{
	position:relative;
	display:block;
	/*display:none;*/
	width:230px;
	height:30px;
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:0px;
	float:left;
	border:0px solid black;
	}
	
.iconcont
	{
	position:relative;
	display:block;
	width:30px;
	height:30px;
	margin-top:0px;
	margin-left:0px;
	margin-right:8px;
	padding-bottom:0px;
	float:left;
	border:0px solid black;
	}
	
.cloudmetadata
	{
		position:relative;
		display:block;
		/*background:#f8f8f8;*/
		width:100%;
		max-width: 100%;
		min-width:300px;
		margin-top:40px;
		margin-left:0px;
		margin-right:0px;
		padding-top:0px;
		/*font-size: 24px;*/
		float:left; 
		border-top:1px solid #979899;
		border-bottom:1px solid #979899;
	}
	
	/*footer*************************************************************************************************************/
.footer
	{
	position:relative;
	display:block;
	width:100%;
	margin:0 auto; 
	height:121px;
	margin-top:30px;
	/*background-color:#05602b;*/
	background-image:url(../images/footerbg.png) ;
	background-repeat:repeat-x;
	padding-left:0px;
	font-size:12px;
	border:0px solid black;
	float:left;
	}
	
.navcont .nav 
	{
		position:relative;
		display:block;
		margin: 0px;
		margin-top:50px;
		background-image:none;
		padding-left: 0px;
		text-indent: 0em;
		padding-bottom: 10px;
		/*font-size: 14px;
		line-height: 18px;*/
		/*text-align:center;*/
		height: 18px;
		color:#717171;
		font-weight:normal;
		float:left;
		border:0px solid black;
	}

.navcont ul
	{
		position:relative;
		display:block;
		/*background-position:center;*/
		margin-top:0px;
		margin-left:0px;
		margin-bottom:0px;
		font-size:12px;
		line-height:18px;
		padding:0px;
		/*padding-left:10px;*/
		border:0px solid #000000;
	}

.navcont .nav li
	{
		display:inline;
		list-style-type:none;
		padding-right:4px;
	}
	
.navcont ul li a
	{
	color:#717171;
	text-decoration:none;
	}

.navcont ul li a:hover{
	color:#fe0000;
	text-decoration:underline;
	}
	
.navbut2
	{
		position:relative;
		display:block;
		color:#717171;
		font-size:11px;
		margin-top:47px;
		margin-left:0px;
		margin-bottom:10px;
		text-align:right;
		float:right;
		border:0px solid black;
	}
	
.navbut2 a
	{
	color:#717171;
	text-decoration:none;
	}

.navbut2 a:hover{
	color:#fe0000;
	text-decoration:underline;
	}
	
.reserved a:link, .reserved a:active, .reserved a:visited
	{
	/*#9e9b96*/
	color:#717171;
	cursor: text;
	text-decoration: none;
	font-weight:normal;
	border:0px solid white;
	}
	
	
.displaynone
	{
		display:none;
	}

	
	
	
	
	
/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}


@media (max-width: 470px) {
  .nav, .nav1, .nav2, .nav3, .nav4, .nav5, .nav6
	{ 
	/*position:relative;*/
	display:inline;
	
	background:none;
	height:25px;
	/*background-repeat:no-repeat;
	background-position:center;
	
	line-height:32px;
	margin-left:0px;
	padding-left:16px;
	padding-right:16px;*/
	/*width:80px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	padding-top:0px;
	color:#ffffff;
	line-height:30px;
	font-weight:normal; 
	text-decoration:none; 
	text-align:center;*/
	line-height:25px;
	padding-top:0px;
	padding-bottom:0px;
	border:0px solid black;
	}



/* Landscape phones and down */
@media (max-width: 480px) {
  
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
}
/* Large desktop */
@media (min-width: 1200px) {
  
}