@charset "utf-8";
/* CSS Document */
#SiteContainer { max-width: 960px; }
.oldie #SiteContainer { width: 960px; }

#main li, #main ul { margin-bottom: 0; }

#main .container { padding: 0 0px; }

.cssgradients #main {
	background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(255,255,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(255,255,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(255,255,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(255,255,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(255,255,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(255,255,239,1) 100%); /* W3C */

}
.no-cssgradients #main { background: #fcfcfc; }

.flexslider { border-radius: 0; border: 0;}

#hpModelList { 
	background-color: #000;
	padding: 0 5px;;
}
#hpModelList h2 { display: none; margin-bottom: 0; }
.touch #hpModelList h2 { display: block; }
#hpModelList li {
	padding: 5px 0;
	margin-right: 15px;
}
#hpModelList a { font-size: 1.4em; color: #fff; }
#hpModelList a:hover { color: #1278c6; }


#hpButtonRow.four-up { margin-left: -0.5%; }
#hpButtonRow.four-up > li { 
	margin-left: 0.5%;
	width: 24.5%
}
.hpBtn {
	
	border: 3px solid #808080;
	
}

.hpBtn h2 {
	height:inherit;
	padding: 3px 2px 2px;
	text-align:center;
	font-size: 1.25em;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #000;
	margin: 0 0 0 0;
}

.hpBtn.onHover { border-color: #1278c6; }
.hpBtn.onHover h2 { color: #1278c6; }
.hpBtn-nav li {
	text-align:center;
	margin: 10px auto 5px;
}

.hpBtn-nav a{
	color: #efefef;
	font-size: 1.25em;
	font-weight:bold;
	line-height: 1.5em;
	
}
.hpBtn-nav a:visited { color: #d0d0d0; }

.hpBtn-nav li:hover a, .hpBtn-nav a:hover  { color: #0f8fd2; }


.hpBtn-nav { display: none; }

.activateSubnav .hpBtn {
	position:relative;
}
.activateSubnav .hpBtn-nav {
	position: absolute;
	width:100%;
	top:25px;
	left: 0;
}
.singleSub { margin-top: 50px; }
.cta-cover { line-height: 0; }

#hpContent {
	padding: 0 5px;
}
#hpContent h1, #hpContent h2 { text-align: center; }

@media only screen and (max-width: 767px) {		
	#hpSlideshow, #hpContent { display: none; xvisibility: hidden; }
	
	
	.hpBtn { margin-bottom: 5px; text-align:center; }
	#hpModelList h2 { display: block; }
}
.socialbuttons{
  float:right;
  margin-right:20px;
}
.socialbuttons img{
  padding-left:10px;}