/* equipment pages styles */ 
#header-container p {
	color: #c8c8c8;
	font-family: "Trade Gothic W01 Cn 18";
	font-size: 20px;
	margin-top: -13px;
	text-transform: uppercase;
}

body#nav-current-2 {/* need to revist this with pz about liferay per page instances */
	background:#000 url(/marines-theme/images/layout/equipment/granite-background.jpg) no-repeat center top;
}

/* weapons page */
.ftf-small-header-text {
	font-size: 20px;
	padding-left: 0;
	text-transform: uppercase;
	margin-bottom: 0;
	font-family: "Trade Gothic W01 Cn 18";
}

.ftf-slide-title {
	margin: -23px 0;
}

.ftf-slide-title a {
	background: url("/marines-theme/images/layout/equipment/play-button-lg.png") no-repeat 0 0;
	font-family: "Trade Gothic W01 Bold";
	font-size: 80px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	padding-left: 70px;
}

.ftf-slide-title a:hover, .ftf-slide-title a:focus {
	background-position: 0 -151px;
	color: #a0a0a0;
	text-decoration: none;
}

.ftf-slide-title .no-video {
	font-family: "Trade Gothic W01 Bold";
	font-size: 80px;
	margin-left: -4px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}

#main-content {
	position: relative;
}

.ie7 #main-content > div {
	position: relative;
	z-index: 100;
}

.ie7 #main-content > div + div {
	position: static;
}

#video-overlay-container {
	position: absolute;
	top: 0;
	left: -50%;
	width: 200%;
	margin: 5px auto 0;
	padding-bottom: 46px;
	text-align: center;
	background: url(/marines-theme/images/layout/equipment/bg-video-overlay.png);
	display: none; /* attach overlay ID with JavaScript */
	z-index: 10;
	height: 487px;
}

#video-overlay {
	width: 810px;
	margin: 0 auto;
	text-align: left;
	padding-left: 27px;
}

#close-video-overlay {
	float: right;
	width: 27px;
	height: 21px;
	background: url(/marines-theme/images/layout/equipment/bg-close-video-overlay.png) no-repeat top right;
	text-indent: -999em;
	overflow: hidden;
}

#close-video-overlay a {
	display: block;
	width: 27px;
	height: 21px;
}

#equipment-section-boxes {
	margin: 0 auto;
	padding: 0 20px 0 20px;
	width: 942px;
}

.section-box {
	float: left;
	width: 228px;
}

.section-box + .section-box {
	margin-left: 10px;
}

.section-box-title {
	background: #000 url(/marines-theme/images/layout/equipment/title-gradient.jpg) repeat-x left top;
	padding: 6px 12px 6px 12px;
}

.section-box-title a {
	color: #fff;
	text-decoration: none;
}

li.section-left-title {
	font-family: "Trade Gothic W01 Bold";
	font-size: 15px;
	margin-left: 20px;
	text-align: center;
	text-transform: uppercase;
}

li.section-right-title {
	color: #727272;
	font-family: "Trade Gothic W01 Bold";
	font-size: 15px;
	float: right;
	text-align: right;
	width: 20px;
}

.equipment-copy {
	color: #A0A0A0;
	font-size: 13px;
	font-family: Helvetica;
	line-height: 18px;
	margin: 12px auto 0 auto;
	width: 940px;
}

#equipment-gradient-bar {
	background: url(/marines-theme/images/layout/equipment/gradient-bar.jpg) no-repeat center -2px;
	display: block;
	height: 117px;
	margin: 30px auto 20px;
	width: 100%;
}

#equipment-gradient-bar p {
	margin-bottom: 3px;
}

#gradient-bar-content {
	font-family: "Trade Gothic W01 Bold", Helvetica, Arial, sans-serif;
	margin: 0 auto;
	padding-top: 1px;
	width: 960px;
}

#equipment-gradient-bar-left {
	float: left;
	margin: 35px 0 0 0;
	width: 265px;
}

#equipment-gradient-bar-middle {
	margin: 19px auto 0;
	text-align: center;
	width: 410px;
}

#equipment-controls li {
	float: left;
}

li#equipment-gradient-label {
	background: url(/marines-theme/images/layout/equipment/middle-screen.jpg) no-repeat left top;
	display: block;
	font-family: "Trade Gothic W01 Cn 18", Helvetica, Arial, sans-serif;
	font-size: 16px;
	height: 37px;
	padding: 16px 0 2px 0;
	width: 300px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#equipment-gradient-bar-right {
	float: right;
	margin: 35px 0 0 0;
	width: 265px;
}

.equipment-large-label {
	color: #7e7e7e;
	display: block;
	float: left;
	font-family: "Trade Gothic W01 Bold", Helvetica, Arial, sans-serif;
	font-size: 63px;
	line-height: 63px;
	margin-right: 10px;
}

ul.equipment-small-labels {
	color: #7e7e7e;
	float: left;
	font-family: "Trade Gothic W01 Bold", Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin-top: 7px;
	width: 140px;
}

/* equipment slide show styles */
#equipment-slideshow {
	overflow: visible;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	width: 940px !important;
}

#equipment-gradient-left {/* override in ie7.css && ie8.css */
	background:url(/marines-theme/images/layout/navigation/gradient-left.png) repeat-y -50px top;
	display: block;
	position: absolute;
	height: 0;
	margin: -3px 0 0 -105px;
	overflow: hidden;
	width: 488px;
	z-index: 40;
	left: 0;
	top: 317px;
}

#equipment-gradient-right {/* override in ie7.css && ie8.css */
	background:url(/marines-theme/images/layout/navigation/gradient-right.png) repeat-y right top;
	display: block;
	position: absolute;
	height: 0;
	margin: -3px -175px 0 0;
	overflow: hidden;
	width: 488px;
	z-index: 40;
	right: 0;
	top: 317px;
}

.ui-slider .ui-slider-handle {
	background: url(/marines-theme/images/layout/first-to-fight/slider-button-transparent.png) no-repeat left top;
	border: 0;
	cursor: pointer;
	height: 59px;
	outline: 0;
	width: 62px;
	position: relative;
	display: block;
	margin: -15px 0 0 -36px;
}

.photo-toolbar {
	background: #2a2a2a;
	margin: 0;
}

.photo-toolbar-left {
	float: left;
	margin-top: -1px;
	width: 29px;
}

a.photo-download-link {
	background: url(/marines-theme/images/layout/photo-library/download-icon.png) no-repeat 0 0;
	display: block;
	width: 30px;
	height: 29px;
}

a.photo-download-link:hover {
	background: url(/marines-theme/images/layout/photo-library/download-icon.png) no-repeat 0 -30px;
	display: block;
	width: 30px;
	height: 29px;
}

.photo-toolbar-right {
	float: right;
	height: 28px;
	padding: 2px 2px 0 0;
	width: 29px;
}

a.photo-fullscreen-link {
	background: url(/marines-theme/images/layout/photo-library/full-screen-icon.png) no-repeat 0 -2px;
	display: block;
	width: 30px;
	height: 29px;
}

a.photo-fullscreen-link:hover {
	background: url(/marines-theme/images/layout/photo-library/full-screen-icon.png) no-repeat 0 -33px;
	display: block;
	width: 30px;
	height: 29px;
}

#photo-detail-viewer {
	display: block;
	margin: 42px 0 40px 0;
	overflow-x: hidden;
	width: 940px;
}

#detail-button-container .ui-slider .ui-slider-handle {
	background-image: url(/marines-theme/images/layout/first-to-fight/slider-button.png);
}
/* detail pages with 360 object vr */
#equipment-detail-content .ui-slider .ui-slider-handle {
	margin: -20px 0 0 -20px;
}

.simple-slideshow-main-image {
	min-height: 54px;
	position: relative;
}

.simple-slideshow-main-image .full-screen-overlay span {
	position: absolute;
	top: 10px;
	right: 10px;
	background: url("/marines-theme/images/layout/equipment/icon-full-screen-with-text.png") no-repeat scroll left top transparent;
	display: block;
	width: 112px;
	height: 13px;
	cursor: pointer;
	z-index: 2;
}

a.view-full-screen {
	background: url(/marines-theme/images/layout/photo-library/full-screen-icon.png) no-repeat 0 -2px;
	color: #fff;
	font-family: "Trade Gothic W01 Bold";
	font-size: 12px;
	padding: 6px 0 6px 35px;
	text-decoration: none;
	text-transform: uppercase;
}

a.view-full-screen:hover {
	background: url(/marines-theme/images/layout/photo-library/full-screen-icon.png) no-repeat 0 -33px;
}

a.download-image {
	background: url(/marines-theme/images/layout/photo-library/download-icon.png) no-repeat 0 0;
	color: #fff;
	font-family: "Trade Gothic W01 Bold";
	font-size: 12px;
	padding: 6px 0 6px 35px;
	text-decoration: none;
	text-transform: uppercase;
}

a.download-image:hover {
	background: url(/marines-theme/images/layout/photo-library/download-icon.png) no-repeat 0 -30px;
}

#equipment-slides {
	width: 1600px;
	margin: 0 auto;
}

.equipment-slide {
	color: #565656;
	float: left;
	margin: 0 8px 0 0;
	width: 180px;
}

.equipment-slide p {
	margin-bottom: 0;
}

.equipment-slide p.thumb-label {
	margin-top: -5px !important;
}

.equipment-slide a {
	font-family: "TradeGothicW01-BoldCn20 675334", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #565656;
	text-decoration: none;
	text-transform: uppercase;
}

.equipment-slide a:hover {
	color: #FFF;
}

.equipment-slide a img,
.section-box-image a {
	-moz-box-shadow: 1px 1px 50px 2px #000;
	box-shadow: 1px 1px 50px 2px #000;
	-webkit-box-shadow: 1px 1px 50px 2px #000;
}

#equipment-slide-controls {
	background: url(/marines-theme/images/layout/equipment/slider-gutter.png) no-repeat center 14px;
	display: block;
	height: 59px;
	margin: 32px auto 0;
	padding: 0 20px 0 20px;
	width: 940px;
}

#equipment-drag-button {
	background: url(/marines-theme/images/layout/first-to-fight/slider-button.png) no-repeat left top;
	border: 0;
	cursor: pointer;
	height: 59px;
	outline: 0;
	width: 62px;
}
/* end equipment slide show styles */

/* equipment detail styles */
#equipment-detail-container {
	border: solid 1px #333;
	margin: 30px auto 48px auto;
	width: 980px;
}

#equipment-detail-toolbar {
	border: solid #333;
	border-width: 0 0 1px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 60px;
	text-transform: uppercase;
}

#equipment-detail-toolbar h2 {
	font-family: "Trade Gothic W01 Bold", Helvetica, Arial, sans-serif;
	font-size: 30px;
}

#equipment-detail-toolbar a.top-level-link {
	color: #FFF;
	text-decoration: none;
}

#equipment-detail-toolbar a.top-level-link span {
	color: #565656;
	margin-left: 5px;
}

#detail-toolbar-left {
	border: solid #333;
	border-width: 0 1px 0 0;
	float: left;
	height: 20px;
	padding: 13px 20px 27px;
	width: 440px;
}

#detail-toolbar-menu {
	border: solid #333;
	border-width: 0 1px 0 0;
	float: left;
	height: 20px;
	padding: 22px 20px 19px;
	width: 56px;
	text-align: center;
}

#detail-section-menu {
	border: solid #333;
	border-width: 0 1px 0 0;
	float: left;
	height: 20px;
	padding: 22px 20px 19px;
	position: relative;
	width: 70px;
	z-index: 10;
}

#detail-section-menu a.top-level-link {
	background: url(/marines-theme/images/layout/equipment/menu-arrow.png) no-repeat right center;
	padding: 0 16px 0 0;
}

#detail-nav-menu-arrows {
	border: solid #333;
	border-width: 0 1px 0 0;
	display: block;
	float: left;
	height: 20px;
	padding: 18px 20px 22px 0;
	text-align: center;
	width: 110px;
}

#detail-nav-menu-arrows span {
	margin: 0 10px;
	position: relative;
	top: -10px;
}

#detail-share {
	float: left;
	height: 20px;
	padding: 22px 0 0 8px;
	text-align: center;
	width: 120px;
}

#detail-share .sharing-buttons {
	position: relative;
	width: 150px;
	margin: 0 !important;
}

#detail-share .sharing-buttons .fb-like-button {
	float: left !important;
	margin-right: 0 !important;
}

.sharing-buttons .fb-like-button {
	float: none !important;
	margin: 1px 30px 0 0 !important;
}

#overlay-share .sharing-buttons .fb-like-button {
	float: left;
	margin-left: 10px !important;
}

#video-controls .sharing-buttons {
	margin-top: 0 !important;
	position: static;
	min-width: 150px;
}

#detail-share .sharing-widget {
	top: 40px;
	left: -39px;
}

.ie7 #detail-share .sharing-widget {
	width: 160px;
}

#detail-share .buttons {
	overflow: hidden;
}
ul.detail-menu li ul {/* drop down menu styles */
	display:none;
}

ul.detail-menu li:hover ul {
	background: #000;
	border: 1px solid #333;
	color: #FFF;
	display: block;
	margin: -40px 0 0 -21px;
	position: absolute;
	width: 160px;
	position: relative;
	padding: 15px 1px;
}

ul.detail-menu li ul li {
	margin: 0 14px;
}

ul.detail-menu li:hover ul li a {
	color: #FFF;
	border: solid #252525;
	border-width: 1px 0;
	display: block;
	padding: 7px 5px;
	text-decoration: none;
}

ul.detail-menu li:hover ul li a:hover {
	color: #A0A0A0;
}

#equipment-detail-content {
	padding: 20px;
}

#equipment-detail-content h3 {
	font-family: "Trade Gothic W01 Bold";
	font-size: 20px;
	text-transform: uppercase;
}

.equipment-tab-copy {
	margin-left: 606px;
	padding-top: 34px;
	width: 317px;
	color: #C2C2C2;
}

.equipment-tab-copy h3 {
	margin-bottom: 10px;
	color: #fff;
}

.equipment-tab-copy ul {
	font-size: 13px;
	margin: 0 0 1em 0;
}

#equipment-detail-content ul li strong {
	color: #fff;
}

#equipment-detail-content p strong {
	font-weight: bold;
	color: #fff;
}

#equipment-main-copy {
	height: 420px;
	line-height: 15px;
	margin: 0 auto 20px auto;
	width: 942px;
}

#equipment-main-copy h3 {
	font-family: "Trade Gothic W01 Bold", Helvetica, Arial, sans-serif;
	font-size: 18px;
	margin: 0 0 7px 0;
	padding: 34px 0 0 42px;
	text-transform: uppercase;
	width: 315px;
}

#equipment-main-copy p {
	background: transparent;
	color: #b5b5b5;
	margin: 0 0 10px 0;
	padding: 0 0 0 42px;
	width: 325px;
}

#equipment-main-copy ul {
	font-size: 13px;
	margin: 0 0 1em 42px;
	color: #b5b5b5;
}

/* styles for 360 degree view section */
#detail-advanced-content {
	line-height: 15px;
	margin: 0 auto 20px auto;
	width: 942px;
}

#detail-advanced-left {
	float: left;
	margin-right: 20px;
	width: 590px;
}

#detail-slide-container {
	overflow: hidden;
	width: 590px;
}

#detail-advanced-slides {
	width: 2000px;
}

.detail-slide {
	float: left;
	width: 590px;
}

#detail-advanced-slider {
	background: url(/marines-theme/images/layout/equipment/360-label.png) no-repeat left center;
	width: 590px;
	margin: 0 0 0 20px;
	padding: 0 0 0 80px;
}

#detail-button-container {
	background: url(/marines-theme/images/layout/equipment/slider-background.png) repeat-x center 38px;
	height: 60px;
	padding: 20px 0 0 0;
	width: 404px;
}

#detail-advanced-right {
	float: left;
	margin-top: 30px;
	width: 330px;
}

#detail-advanced-right h3 {
	font-family: "Trade Gothic W01 Bold", Helvetica, Arial, sans-serif;
	font-size: 20px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

#detail-advanced-right p {
	color: #c2c2c2;
	font-size: 13px;
	line-height: 18px;
	margin: 0 0 22px 0;
}
/* end styles for 360 degree view section */

#detail-tabs {
	height: 40px;
	width: 100%;
}

#detail-tabs li {
	float: left;
	text-align: center;
	text-transform: uppercase;
}

a.toggle-tab {
	background: url(/marines-theme/images/layout/equipment/detail-tab-background.png) repeat-x 0 0;
	color: #A0A0A0;
	display: block;
	font-family: "Trade Gothic W01 Cn 18", Helvetica, Arial, sans-serif;
	font-size: 16px;
	height: 40px;
	margin: 0;
	padding: 9px 0 2px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

li + li a.toggle-tab {
	margin-left: 1px;
}

a.toggle-tab:hover {
	background: url(/marines-theme/images/layout/equipment/detail-tab-background.png) repeat-x 0 -60px;
	color: #FFF;
}

/* active tab state */
a.toggle-tab.active-toggle-tab {
	background: url(/marines-theme/images/layout/equipment/detail-tab-background.png) repeat-x 0 -60px;
	color: #FFF;
	text-decoration: none;
}
/* end equipment detail styles */

#equipment-container {
	height: 576px;
	margin: 28px auto 28px auto;
	position: relative;
	overflow: hidden;
	width: 981px;
}

.equipment-content-box-left {
	background: #EFEFEF;
	display: block;
	float: left;
	height: 285px;
	overflow: hidden;
	position: absolute;
	width: 488px;
}

.equipment-content-box-right {
	background: green;
	display: block;
	float: right;
	height: 285px;
	overflow: hidden;
	position: absolute;
	width: 488px;
}

.equipment-content-box-left img, .equipment-content-box-right img {
	width: 100%;
}

#weapons-box {
	background: url(/marines-theme/images/layout/equipment/weapons-background.jpg) no-repeat 0 0;
	background-size: 100%;
	color: #FFF;
	margin: 0;
}

#weapons-box-active {
	background: url(/marines-theme/images/layout/equipment/weapons-background-lg.jpg) no-repeat 0 0;
	background-size: 100%;
	color: #FFF;
	margin: 0;
}

#vehicles-box {
	background: url(/marines-theme/images/layout/equipment/vehicles-background.jpg) no-repeat 0 0;
	background-size: 100%;
	margin: 291px 0 0 0;
}

#gear-box {
	background: url(/marines-theme/images/layout/equipment/gear-background.jpg) no-repeat 0 0;
	background-size: 100%;
	margin: 0 0 0 494px;
}

#gear-box-active {
	background: url(/marines-theme/images/layout/equipment/gear-background-lg.jpg) no-repeat 0 0;
	background-size: 100%;
	margin: 0 0 0 494px;
}

#aircraft-box {
	background: url(/marines-theme/images/layout/equipment/aircraft-background.jpg) no-repeat 0 0;
	background-size: 100%;
	margin: 291px 0 0 494px;
}

/* button user can slide & drag around for interaction 86w x 85h*/
#containment-wrapper {
	height: 412px;
	position: absolute;
	width: 816px;
	z-index: 0;
	left: 50%;
	top: 50%;
	margin: -206px 0 0 -408px;
}

#containment-offset {/* offset for the negative -43 top and left values for the center positioning of the button */
	height:369px;
	position: absolute;
	width: 773px;
	margin: 43px 0 0 43px;
}

#user-control-button {
	position: absolute;
	height: 86px;
	width: 86px;
	left: 50%;
	top: 50%;
	margin: -43px 0 0 -43px;
	z-index: 500 !important;
}

.close-link {
	display: none;
}

/* detail page auxiliary launchpad */
#detail-lp {
	margin: 20px auto 0 auto;
	width: 940px;
}

#detail-lp p, #detail-lp h3, #detail-lp ul {
	margin-left: 0;
}

#detail-lp h3 {
	padding-top: 0;
}

#detail-lp .uppercase {
	color: #FFF;
	font-family: "Trade Gothic W01 Bold", Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin-bottom: 5px;
}

#detail-lp-left {
	float: left;
	width: 596px;
}

#detail-lp-left p {
	color: #c2c2c2;
	font-size: 12px;
}

#detail-lp-right {
	float: right;
	width: 333px;
}

#detail-lp-right li {
	float: left;
	height: 60px;
	margin: 8px 0 0 0;
}

#detail-lp-right li:nth-child(3n+2) {/* make sure this is added to the ie.js file wherever nth child is used */
	margin:8px 9px 0 9px;
}
/* end detail page auxiliary launchpad */

/* full screen slideshow */
/* overlay styles */
#signin-overlay, #overlay, #photo-overlay-content {
	display: none;
}

#overlay-controls {
	display: block;
	height: 325px;
	position: absolute;
	right: 0;
	margin: 200px 0 0 0;
	width: 70px;
	z-index: 99999;
}

a#close-overlay {
	background: transparent url(/marines-theme/images/layout/photo-library/overlay-side-nav.png) no-repeat 0 0;
	display: block;
	height: 60px;
	width: 70px;
}

a#close-overlay:hover {
	background: transparent url(/marines-theme/images/layout/photo-library/overlay-side-nav.png) no-repeat -72px 0;
}

a#download-overlay {
	background: transparent url(/marines-theme/images/layout/photo-library/overlay-side-nav.png) no-repeat 0 -60px;
	display: block;
	height: 60px;
	width: 70px;
}

a#download-overlay:hover {
	background: transparent url(/marines-theme/images/layout/photo-library/overlay-side-nav.png) no-repeat -72px -60px;
}

a#overlay-next {
	background: transparent url(/marines-theme/images/layout/photo-library/overlay-side-nav.png) no-repeat 0 -120px;
	display: block;
	height: 60px;
	width: 70px;
}

a#overlay-next:hover {
	background: transparent url(/marines-theme/images/layout/photo-library/overlay-side-nav.png) no-repeat -72px -120px;
}

a#overlay-previous {
	background: transparent url(/marines-theme/images/layout/photo-library/overlay-side-nav.png) no-repeat 0 -180px;
	display: block;
	height: 60px;
	width: 70px;
}

a#overlay-previous:hover {
	background: transparent url(/marines-theme/images/layout/photo-library/overlay-side-nav.png) no-repeat -72px -180px;
}

#overlay-slides .screen-slide {
	width: 100%;
	text-align: center;
}

#overlay-slides .screen-slide img {
	/*width: 100%;*/
}

#full-size2 {
	display: none;
}

#full-size1, #full-size2 {
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 10;
}

#info-modal h3 {
	font: 18px "TradeGothicW01-BoldCn20 675334", Helvetica, Arial, sans-serif;
	color: #FFF;
	margin-bottom: 15px;
	text-transform: uppercase;
}
/* end full screen slideshow */