@charset "utf-8";
/* CSS Document */

#salesHomepage {
	width: 1024px;	
}

h1 {
	color: #87abad;
	text-transform: uppercase;
	font-size: 60px;
	font-family: "TrumpGothicWestBold";
	font-weight:normal;
}
h2 {
	color: #87abad;
	text-transform: uppercase;
	font-size: 24px;
	font-family: "TrumpGothicWestBold";
	font-weight:normal;
}
.sidebar {
	width: 266px;
	float: left;
	-moz-box-shadow: 5px 0px 5px -2px #161616;
	-webkit-box-shadow: 5px 0px 5px -2px #161616;
	box-shadow: 5px 0px 5px -2px #161616;
	background-color: #232323;
	z-index: 2;
	position: relative;
}
.sidebar .sidebarIntro {
	padding: 10px;
}
.sidebar .menu {
	
}
.sidebar .menu .category {
	background: url(../images/accordion_background.png);
	height: 18px;
	border-top: 4px solid;
	padding: 11px 6px 11px 18px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
.sidebar .menu .category.open {
	background: url(../images/accordion_background_open.png);
}
.sidebar .category span {
	float: right;
	color: #bababa;
	background-color: #3e3e3d;
	padding: 2px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: bold;
}
.sidebar .category.open span {
	display: none;	
}
.sidebar .menu .subCategories {
	padding: 0 0 18px 13px;
	background: url(../images/accordion_background_open.png);
	display: none;
}
.sidebar .menu .subCategory {
	background: url(../images/accordion_sub_background.png);
	padding: 10px;
	color: #5f6061;
	border-radius: 5px 0 0 5px;
	margin-bottom: 2px;
	font-size: 14px;
	font-weight: bold;
}
.sidebar .menu .subCategory a {
	background: url(../images/subcategory_arrow.png) left center no-repeat;
	padding-left: 8px;
	text-decoration: none;
	color: #5f6061;
}
.sidebar .menu .subCategory.active {
	background: url(../images/accordion_sub_background_active.png) 0 0 repeat;
	/* this also needs an arrow background, coded below */
	/* url(../images/arrow_active.png) right center no-repeat;*/
}
.sidebar .menu .subCategory.active a {
	background: url(../images/subcategory_arrow_on.png) left center no-repeat;
	color: #c3c1b5;
}
.mainContent {
	width: 758px;
	float: right; 
}
.mainContent .feature {
	background: url(../images/speckled_background.png);
	height: 317px;
}
.mainContent .feature .featureSummary {
	padding: 17px 0 0 15px;
	float: left;
	width: 422px;
}
.mainContent .feature .featureSummary span {
	color: #c3c1b5;
	font-size: 14px;
	font-weight: bold;
}
.mainContent .feature .featureSummary p {
	color: #5f6061;
}
.topics {
	color: #5f6061;
	font-size: 12px;
	font-weight: bold;
	padding: 20px 0 0 0;
}
.topics .topic {
	padding: 4px;
	border-radius: 4px;
	background-color: #3e3e3d;
	color: #bababa;
}
.topics .topic img {
	vertical-align: -2px;	
}
.mainContent .feature .featureImage {
	width: 321px;
	float: right;
	position: relative;
}
.mainContent .feature .featureImage ul.featureTabs {
	position: absolute;
	top: 260px;
	left: 110px;
	width: 210px;
}
.mainContent .feature .featureImage ul.featureTabs li {
	float: left;
	width: 50px;
	height: auto;
	border: none;
	cursor: pointer;
}
.mainContent .feature .featureImage ul.featureTabs li.active {
	float: left;
	width: 55px;
}
.mainContent .feature .featureImage ul.featureTabs li img {
	border: 1px solid #333;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 5px 0px #888888;
	-webkit-box-shadow: 0px 0px 5px 0px #888888;
	box-shadow: 0px 0px 5px 0px #888888;
}
.mainContent .feature .featureImage ul.featureTabs li.active img {
	border: 3px solid #eef2f4;
	-moz-box-shadow: 0px 0px 8px 0px #888888;
	-webkit-box-shadow: 0px 0px 8px 0px #888888;
	box-shadow: 0px 0px 8px 0px #888888;
}
.mainContent .additionalContent {
	background-color: #2e2e2d;
}
.mainContent .additionalContent .videos {
	padding: 15px;
	width: 460px;
	float: left;
	-wekit-box-shadow: 4px 0 2px -2px #161616;
	-moz-box-shadow: 4px 0 2px -2px #161616;
	box-shadow: 4px 0 2px -2px #161616;
}
.videos .bevelBorder {
	padding-bottom: 10px;
	margin-bottom: 10px;	
}
.videos .bevelBorder img {
	float: left;
	margin-right: 10px;
}
.videos .bevelBorder .videoDetails {
	float: right;
	width: 350px;
}
.videos .bevelBorder .videoDetails p {
	color: #c3c1b5;	
	font-size: 16px;
}
.videos .bevelBorder .videoDetails span {
	color: #bababa;	
	font-size: 11px;
}
.videos .bevelBorder .videoDetails a {
	color: #87abad;
	font-size: 14px;
	padding-left: 22px;
	background: url(../images/button_watch_video.png) left center no-repeat;
	text-decoration: none;
}
.mainContent .additionalContent .additionalFeatures {
	float: right;
	width: 235px;
	padding: 15px;
}
.additionalFeatures .bevelBorder {
	color: #C3C1B5;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 14px;
}
.additionalFeatures .bevelBorder p span {
	color: #87ABAD;
}
.additionalFeatures .bevelBorder img {
	float: left;	
}
.additionalFeatures .bevelBorder a {
	color: #87ABAD !important;
	text-decoration: none;	
}
/* Colors */
.slate {
	color: #87abad;
	border-color: #87abad;
}
.blue {
	color: #4bb3d2;
	border-color: #4bb3d2;
}
.green {
	color: #87a969;
	border-color: #87a969;
}
.darkOrange {
	color: #c19874;
	border-color: #c19874;
}
.lilac {
	color: #b7716e;
	border-color: #b7716e;
}
.pink {
	color: #bd79c1;
	border-color: #bd79c1;
}
.purple {
	color: #7c73b7;
	border-color: #7c73b7;
}
.darkBlue {
	color: #6c85ae;
	border-color: #6c85ae;
}
.teal {
	color: #9accff;
	border-color: #9accff;
}

#article #wrapper {
	position:absolute; z-index:1;
	top:111px;
	width:753px;
	bottom:25px;
	overflow:auto;
	height:610px;
	margin:15px;
	
	
	
}

#article #scroller {
	position:absolute; z-index:1;
/*	-webkit-touch-callout:none;*/
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	width:753px;
	padding:0;
	
}