/**************************************************************************
DESCRIPTION:    		CSS for INFORCE
AUTHOR:								Chip Sheppard
AUTHOR URI:					http://sheppco.com/
CREATION DATE:  	01/20/2011
LAST MODIFIED:  		07/11/2011
*************************************************************************/

/*  RESET  ------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, b, i, sub, sup, tt, var, caption,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}


/* SETUP --------------------------------------------------- */

img {	border:none;}
table { border-collapse:collapse; border-spacing:0;}
td, th { vertical-align:top; text-align:left; }

a:active { outline:0;}
:focus { outline:0;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
* html .clearfix { height: 1%;} /* Hides from IE-mac \*/
.clearfix { display: block;}

hr {display:block; height:1px; border:0; border-top:1px solid #666; margin:1em auto; padding:0;}

small { font-size:85%; }
strong, th { font-weight: bold; }

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: middle; font-size: smaller; }

img.alignleft { float:left; margin-right:20px;}


/*  FONT FACE  --------------------------------------------------- */

@font-face {
	font-family: 'BankGothicL';
	src: url('bank_gothic_light-webfont.eot');
	src: local('☺'), url('bank_gothic_light-webfont.woff') format('woff'), url('bank_gothic_light-webfont.ttf') format('truetype'), url('bank_gothic_light-webfont.svg#webfontSLMmwBvo') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*  GLOBAL  --------------------------------------------------- */

body { font:12px/18px Arial, sans-serif; background: url(../images/bg.gif) repeat-y center #171717; color:#9a9a9b; }

a { color:#fff; text-decoration:none; }
a:hover { color:#9a9a9b; }

p { margin:0 0 20px 0;}
p.j { text-align:justify;}

.red { color:#c00;}



/*  LAYOUT / HEADER  --------------------------------------------------- */

#wrapper { width:1024px; margin:0 auto; background:#000; }
#header { width:100%; height:39px; padding-top:40px; position:relative; z-index:10; }
#logo { float:left; width:220px; }
#content { position:relative; min-height:660px; padding-top:100px;}
.ntb {padding-top:0;}

/*  MENU - TOP   --------------------------------------------------- */

#menu { float:right; margin:18px 65px 0 0;}
#menu li { float:left; list-style:none; padding-right:57px; }
#menu li:last-child { padding-right:0;}
#menu li a { font-family: 'BankGothicL'; display:inline-block; background:url(../images/menu_bullet.gif) no-repeat right; padding-right:12px; letter-spacing:1px; color:#9a9a9b;}
#menu li a:hover { color:#fff; }
#menu li.c a { color:#fff; }


/*  TEXT   --------------------------------------------------- */

h1 { font-family:Arial, sans-serif;	font-size:22px; color: #fff;}
h1 sup { font-size:12px;}
h1 .tm { display:inline-block; font-size:11px; vertical-align:text-top; padding-top:3px;}
h2 { font-size:18px; margin:10px 0 15px 0;}
h2.w { color:#fff;}
h2 span { font-family:"Times New Roman", Times, serif;}
h3 { font-family:Arial, sans-serif; font-size:12px; letter-spacing:1px;}  /* "Arial Black" */
h3.m { margin-bottom:25px;}
h4 { font-family: Arial, sans-serif; font-size:18px; text-align:center; margin-bottom:70px;}  /* "Arial Black" */
h4 span {color:#fff;}
h5 { font-family:"Arial Black", sans-serif; font-size:12px; letter-spacing:1px; padding-bottom:3px; margin-bottom:10px; border-bottom:1px solid #c12739; display:inline-block;}
h5.block { display:block;}


/*  CONTENT  --------------------------------------------------- */

/* homepage */
#homepic {font-size:32px; font-weight:bold; letter-spacing:1px; color: #fff; text-align:center; padding:165px 0 120px 0;}
#homepic div {font-size:15px; padding:30px 0 95px 0;}

/* subpages */
.column {float:left; width:420px; margin-left:65px; color:#fff;}
.column a { color:#9a9a9b; }
.column a:hover { color:#fff; }

.column a.n { color:#fff; }
.column a.n:hover { color:#9a9a9b; }

.nocolumn {margin:0 65px; color:#fff;}
.cntr {text-align:center;}

.prodcol {float:left; width:490px; margin:0 0 40px 65px;}

.pix { color:#a6a8aa; margin-bottom:35px; }
.pix img { border:1px solid #fff; margin-bottom:10px; line-height:normal; }
.pix a:hover img { border:1px solid #9a9a9b; }

/* wml */
.wmlir-i1 {position:absolute; top:-90px; left:0px;}
.wmlir-i2 {position:absolute; top:175px; left:528px;}
.wmlir-i2 .switcher {position:absolute; top:-40px; left:370px; width:100px;}

.wml-i1 {position:absolute; top:-90px; right:0px;}
.wml-i2 {position:absolute; top:135px; left:70px;}
.wml-i2 .switcher {position:absolute; top:-5px; left:20px; width:100px;}

.wml-l { width:470px; margin:260px 0 40px 65px;}
.wml-r {width:355px; margin:280px 0 25px 129px;}
.wml-r p { margin:0 0 15px 0;}

.prodshots {margin-top:80px;}
.prodshots div {margin-bottom:50px;}
.prodshots img {margin-bottom:10px;}
.handpos {margin-top:80px;}

.list-l {float:left; width:160px; border-right:1px solid #ddd; margin-right:20px;}
.list-r {float:left; width:150px;}



/* color */
.clr-image1 {position:absolute; top:0px; left:0px;}
.clr-image2 {position:absolute; top:50px; left:621px;}

.color-l { width:470px; margin:225px 0 40px 65px;}
 .clr1 {float:left; width:260px;}
 .clr2 {float:left; width:150px; margin-left:40px;}
.color-r {width:370px; margin:446px 0 0 85px;}

.le-image { text-align:right; padding-bottom:5px;}
.le-left {float:left; width:490px; margin:0 0 40px 65px;}
.le-right {float:left; width:340px; margin:20px 0 0 120px;}

/* v6 v9 */
.v6-image {position:absolute; top:50px; left:0px; z-index:0;}
.v6-image2 { position:absolute; top:82px; left:560px; z-index:1;}
.v6-left {float:left; width:460px; margin:290px 0 0 65px; position:relative; z-index:5;}
.v6-right {float:right; width:240px; margin:300px 80px 0 0; position:relative; z-index:5;}
.v6-right .gsa {padding-top:64px;}

.v9-image { text-align:right; margin-top:-30px;}
.v9-image2 { position:absolute; top:214px; left:77px;}
.v9-left {float:left; width:536px; margin:22px 0 0 65px; position:relative; z-index:5;}
.v9-right {float:right; width:240px; margin:20px 110px 0 0; position:relative; z-index:5;}
.v9-right .gsa {padding-top:40px;}


	.v6-l { width:460px; margin:290px 180px 0 65px; position:relative; z-index:5;}
	.v6-r {width:260px; margin:300px 0 0 0; position:relative; z-index:5;}

.thumbcol {float:left; width:536px; margin:0 0 40px 65px;}
.thumbcol ul {list-style:none; width:330px; margin-bottom:15px;}
.thumbcol li { background:url(../images/bullet-sm.gif) no-repeat 0px 7px; padding-left:8px;}
.thumbcol ul.spc li {padding-bottom:15px;}
.thumbcol ul.spc li:last-child {padding-bottom:3px;}
.thumbcol .pix {margin-bottom:5px;}
.thumbcol .pix img {margin-right:10px;}


/* attachments
.att-image {position:absolute; top:50px; left:0px; z-index:0;}
.att-l {width:350px; margin:290px 0 0 65px; position:relative; z-index:5;}
.att-r {width:380px; margin:320px 0 0 180px; position:relative; z-index:5;}
 */
 

/* products + */
.prod { margin-left:117px;}
.prod div { float:left; padding:0 30px 50px 0;}
.le { margin-left:35px; text-align:center;}
.le div { float:left; padding:0 30px 0 0;}

/* about us */
.subscript { font-size:10px; padding-top:130px;}

/* catalog */
.cat { margin-left:215px;}
.cat div { float:left; padding-right:80px;}

/* instructions */
.inst { width:200px; margin:100px auto 0px; list-style:none;}
.inst li { font-family:Arial, sans-serif; font-size:14px; font-weight:bold; line-height:normal; padding:0 0 30px 16px; background:url(../images/bullet.gif) no-repeat 0px 6px;}
.inst li span { font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.inst li a { color:#a6a8aa; }
.inst li a:hover { color:#fff; }

/* procurement */
.proc { margin-left:117px;}
.proc div { float:left; padding:0 30px 0 0;}
.proc a {color:#fff; font-weight:bold;}
.proc a:hover {color:#c00;}
.proc a.rev {color:#c00; font-weight:normal;}
.proc a.rev:hover {color:#fff;}
.proc p {margin:0 0 30px 0;}
.proc h3 {color:#fff; margin:45px 0 0 0;}
.proc h3.top {margin:0;}

/* brigade */
.brigade {width:530px; margin:0 auto;}
.brigade td {padding:5px 5px 5px 0; border-bottom:1px solid #595a5b;}
.brigade td div {font-weight:bold; color:#fff;}
.brigade tr.nb td {border-bottom:none;}


/* GRAPHICS ------------------------------------------------ */

.kit-l {float:left; width:260px; margin-left:100px;}
.kit-r {float:left; width:500px; margin-left:65px;}
.mk div { float:left; padding:0 30px 0 0;}

.mkfl {float:left;}
.mkfl a { color:#9a9a9b; }
.mkfl a:hover { color:#fff; }
.mkfl img { padding-top:26px;}
.fl1 { text-align:center; width:82px; margin:0 38px 0 60px;}
.fl2 {text-align:center; width:64px; margin-right:48px; padding-top:40px;}
.fl3 {text-align:center; width:51px; margin-right:130px; padding-top:40px;}
.fl4 {width:210px; position:relative; z-index:3;}
	.fl4 div {text-align:center; margin-left:140px;}
.fl5 {text-align:right; width:182px; margin-left:-37px; padding-top:40px; position:relative; z-index:2;}
	.fl5 div {margin-right:14px;}
.fl6 {text-align:right; width:143px; margin-left:-17px; padding-top:40px;}
	.fl6 div {margin-right:10px;}

/* misc */
.misc {width:850px; margin:0 auto; font-size:11px;}
.misc a {color:#a6a8aa;}
.misc a:hover {color:#fff;}
.td1 { padding-bottom:75px;}
.td1 img { padding:25px 0 0 56px;}
.td2 img { padding:35px 0 0 110px;}
.td3, .td3c { padding-left:110px;}
.td3 img { margin-bottom:15px;}
.td3b { padding:35px 0 0 110px;}
.td3c img { padding-top:35px;}
.td4 { padding-left:38px;}
.td4 img { margin-bottom:15px;}
.td4b { padding:35px 0 0 38px;}

.i img { border:1px solid #fff; margin-bottom:10px;}
/* .i a:hover img { border:1px solid #9a9a9b;} */

/* logos */
.logos { text-align:center;}
.logos img { padding-top:30px;}
.logos a { color:#a6a8aa; font-weight:bold; padding:15px 32px; display:inline-block; }
.logos a:hover { color:#fff; }

/* logos */
.env { text-align:center;}
.env img { margin:64px 18px;}

/* wml */
.wmltbl.ml {margin-left:150px}
.wmltbl td {text-align:center; padding:0 30px 50px;}
.wmltbl td img {padding-bottom:20px;}
.wmltbl td a { color:#9a9a9b; }
.wmltbl td a:hover { color:#fff; }

/* tactical kits */
.tk { margin-left:90px;}
.tk div { float:left; padding:0 30px 0 0; text-align:center;}
.tk a { color:#9a9a9b; }
.tk a:hover { color:#fff; }



/* attachments 
.attach1, .attach2 { margin-left:90px; font-size:10px;}
.attach1 a, .attach2 a { color:#a6a8aa;}
.attach1 a:hover, .attach2 a:hover { color:#fff; }
.attach1 div{ float:left; padding:0 76px 0 0;}
.attach2 div{ float:left; padding:0 16px 0 0;}
*/

/* LEGAL   --------------------------------------------------- */

.legal { padding:0 65px; color:#f1f1f1;}
.legal a { color:#cc2229;}
.legal a:hover { color:#a6a8aa;}
.legal h2 { font-size:14px; margin:0 0 25px; color:#fff;}
.legal h3 { color:#fff;}
.legal ul { margin:5px 0 20px 35px;}



/*  FOOTER   --------------------------------------------------- */

#footer { clear:both; padding:5px 0 10px 0; margin-top:25px; position:relative;} /*  border-top:1px solid #181c21;  */
#footer a { color:#9a9a9b;}
#footer a:hover { color:#fff;}

/* OLD with bullets
#footer-menu { margin:10px auto; width:593px;}
#footer-menu li { float:left; list-style:none; padding-right:35px; }
#footer-menu li.bn { padding-right:0;}
#footer-menu li a { display:inline-block; background:url(../images/menu_bullet.gif) no-repeat right; padding-right:12px; letter-spacing:1px; font-size:11px; font-family: "BankGothicL";}
#footer-menu li.c a { color:#fff; }
*/
#footer-menu { margin:10px auto; width:395px;}
#footer-menu li { float:left; list-style:none; padding-right:35px; }
#footer-menu li.bn { padding-right:0;}
#footer-menu li a { font-family: "BankGothicL"; display:inline-block; letter-spacing:1px; font-size:11px;}
#footer-menu li.c a { color:#fff; }

#certified {font-family: "BankGothicL"; color:#9a9a9b; margin:20px 0; text-align:center; font-size:12px; line-height:normal;}

#viewcart { width:130px; position:absolute; top:50px; left:880px;}
#viewcart a { font-family:"Arial Black", sans-serif; font-weight:bold; font-size:9px; color:#fff;}
#viewcart a:hover { color:#9a9a9b;}
#viewcart a img { padding-right:10px; vertical-align:middle;}