@font-face {
    font-family: 'ConfidentialMedium';
    src: url('confiden-webfont.eot');
    src: url('confiden-webfont.eot?#iefix') format('embedded-opentype'),
         url('confiden-webfont.woff') format('woff'),
         url('confiden-webfont.ttf') format('truetype'),
         url('confiden-webfont.svg#ConfidentialMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* -------------------------------- reset --*/
body,ul,li,img,h1,h2,h3 {
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}

/* -------------------------------- text --*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11.5px;
}
h1 {
	font-size:20px;
	font-weight:normal;
}
p {
}
a {
	text-decoration:none;
	outline:none;
}
a:hover {
	text-decoration:underline;
}

/* -------------------------------- layout --*/
.center {
	text-align:center;
}
#width {
	width:992px;
	text-align:left;
	margin:0 auto;
	overflow:hidden;
	display:block;
}
body#tuffstuff {background:#f05222;}
body#coveralls {background:#67b3af;}
body#trousers {background:#e68924;}
body#waterproofs {background:#1c3c89;}
body#outerwear {background:#a04074;}
body#combat {background:#f0c727;}
body#shirts {background:#4e7125;}
body#essentials {background:#00b3ed;}
body#index {background:#b3b3b3 url(../../images/body.gif) repeat 0 0;}
body#contact {background:#b3b3b3 url(../../images/body.gif) repeat 0 0;}
body#about {background:#b3b3b3 url(../../images/body.gif) repeat 0 0;}
body#popup {background:#b3b3b3 url(../../images/body.gif) repeat 0 0;}
body#tuffstuff #nav,body#coveralls #nav, body#trousers #nav, body#waterproofs #nav, body#outerwear #nav, body#combat #nav, body#shirts #nav, body#essentials #nav  { background: transparent; }
fieldset {
	border: none;
}

/* -------------------------------- nav --*/
#subNav {
	background:#000;
	padding:0 15px;
}
body#index #subNav,
body#contact #subNav,
body#about #subNav,
body#popup #subNav { background:#b3b3b3; }

#subNav li {
	display:inline;
	line-height:55px;
	color:#fff;
	font-weight:bold;
	position:relative;
}
#subNav li a {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	margin:0 11px;
	font-family: 'ConfidentialMedium', Georgia, "Times New Roman", Times, serif;
}
#subNav li.imgLib span{
	position:absolute;
	top:-22px;
	left:-60px;
	line-height:normal;
	width:270px;
	display:none;
}
#subNav li.imgLib:hover span{}

body#index #subNav li a,
body#contact #subNav li a,
body#about #subNav li a {
}
#nav {
	height:34px;
	text-align:center;
	margin:0 0 30px 0;
	/*background: #f4f4f4;*/
}
#nav li {
	float:left;
}
#nav li a {
	color:#fff;
	text-decoration:none;
	font-size:18px;
	width:124px;
	height:29px;
	display:inline-block;
	text-align:center;
	font-family: 'ConfidentialMedium', Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding-top:5px;
	border-radius:0 0 15px 15px;
	-webkit-border-radius:0 0 15px 15px;
	-moz-border-radius:0 0 15px 15px;
}

#nav li#tuffstuff a {background:#f05222/*url(../../images/nav1.png) no-repeat*/;}
#nav li#coveralls a {background:#67b3af/*url(../../images/nav2.png) no-repeat*/;}
#nav li#trousers a {background:#e68924/*url(../../images/nav3.png) no-repeat*/;}
#nav li#waterproofs a {background:#1c3c89/*url(../../images/nav4.png) no-repeat*/;}
#nav li#outerwear a {background:#a04074/*url(../../images/nav5.png) no-repeat*/;}
#nav li#combat a {background:#f0c727/*url(../../images/nav6.png) no-repeat*/;}
#nav li#shirts a {background:#4e7125/*url(../../images/nav7.png) no-repeat*/;}
#nav li#essentials a {background:#00b3ed/*url(../../images/nav8.png) no-repeat*/;}

#nav li#tuffstuff a:hover,
#nav li#coveralls a:hover,
#nav li#trousers a:hover,
#nav li#waterproofs a:hover,
#nav li#outerwear a:hover,
#nav li#combat a:hover,
#nav li#shirts a:hover,
#nav li#essentials a:hover {background:#000;}

/* -------------------------------- content --*/

#logo {
	background:url(../../images/logo.gif) no-repeat;
	width:206px;
	height:21px;
	float:right;
	margin:18px 18px 0 0;
	text-indent:-9999px;
	line-height:0;
}

#content {
	padding:10px 0;
	background:#fff;
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	overflow:hidden;
	margin:0 20px;
}
.content {
	padding:10px 0;
}

#logos {
    bottom: 170px;
    height: 50px;
    left: 150px;
    position: absolute;
    right: 50px;
    text-align: center;
}
#logos li {
	display:inline;
	float:left;
	margin:0 50px 0 0;
}
#logos a {
	display:block;
	width:65px;
	height:50px;
}
#logos2 {
	margin:40px 0 0 0;
	clear:both;
}
#logos2 li {
	display:inline;
}


/* content backgrounds */
/*
body#tuffstuff #content,.frame.tuffstuff {background-color:#F47D44;}
body#coveralls #content,.frame.coveralls {background-color:#A0BBCC;}
body#trousers #content,.frame.trousers  {background-color:#ECA247;}
body#waterproofs #content,.frame.waterproofs {background-color:#5B61A5;}
body#outerwear #content,.frame.outerwear {background-color:#B97398;}
body#combat #content,.frame.combat {background-color:#F5DF7D;}
body#shirts #content,.frame.shirts {background-color:#789451;}
body#essentials #content,.frame.essentials {background-color:#16C1F3;}
*/

body#index #content { background:none;}
body#index #width { 
	background: #fff url(../../images/home.jpg) no-repeat 50% 90px;
	height:780px;
	position:relative;
	overflow:visible;
}
body#index #width #logos{
	bottom:-80px;
}

body#contact #content { background:none;}
body#contact #width { 
	background:url(../../images/contactBg.gif) no-repeat 0 50px;
	height:720px;
	position:relative;
}

body#about #content { background:none; height:680px; position:relative;}
body#about #width { 
	background:url(../../images/aboutUsBg.jpg) no-repeat 0 50px;
	height:815px;
	position:relative;
}

body#about #content #aboutTxt {
	position:absolute;
	top:320px;
	left:295px;
	width:570px;
	font-size:1em;
	line-height:1.4;
	height:180px;
}


/*
.frame.tuffstuff #desc h2#title {color:#F47D44;}
.frame.coveralls #desc h2#title {color:#A0BBCC;}
.frame.trousers #desc h2#title {color:#ECA247;}
.frame.waterproofs #desc h2#title {color:#5B61A5;}
.frame.outerwear #desc h2#title {color:#B97398;}
.frame.combat #desc h2#title {color:#F5DF7D;}
.frame.shirts #desc h2#title {color:#789451;}
.frame.essentials #desc h2#title {color:#16C1F3;}
*/

/* 
	----------------------------------- iframe
*/
/*
#productShow {
	float:right;
	width:400px;
	height:500px;
	margin:0 10px 0 0;
}
.frame {
	width:400px;
	height:510px;
	background:#fff;
}
.frame img {
	width:400px;
}
.frame #desc {
	padding:10px;
	text-align:left;
}
.frame #desc h2#title {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:-41px;
	padding-left:40px;
	text-transform:uppercase;
	font-size:2.8em;
	font-weight:bold;
}
.frame #desc p#intro {
	color:#fff;
	font-size:.95em;
	padding:10px 15px 0 70px;
	line-height:1.7;
	font-weight:bold;
	margin:0;
}
.frame.combat #desc p#intro {
	color:#111;
}
*/
/* 
	----------------------------------- thumbs
*/
#thumbs {
	text-align:center;
}
#thumbs li {
	display:inline;
	float:left;
	margin:8px 18px;
	min-height:180px;
}
#thumbs li a {
	color:#111;
	text-decoration:none;
	font-size:.9em;
}
#thumbs li img {
	height:130px;
	margin:0 0 10px 0;
}
#thumbs li#txt img,
body#coveralls #thumbs li#txt img,
body#trousers #thumbs li#txt img {
	height:auto;
}
#thumbs li#txt{
	min-height: inherit;
}
/* 
	----------------------------------- tuffstuff
*/
body#tuffstuff #thumbs li {
	margin:8px 18px;
}
body#tuffstuff #thumbs li.firstRow{
	margin:8px 10px;
}
body#tuffstuff #thumbs li.thirdRow{
	margin:8px 42px;
}

/* 
	----------------------------------- essentials
*/
body#essentials #thumbs{
	padding-left:40px;
}
body#essentials #thumbs li {
	margin-top:0;
	margin-bottom:0;
	margin:8px 13px;
}
body#essentials #thumbs li img {
}
body#essentials #thumbs li.fourthRow{
	margin:8px 10px;
}

/* 
	----------------------------------- outerwear
*/
body#outerwear #thumbs li {
	margin:8px 22px;
}
body#outerwear #thumbs li.firstRow{
	margin:8px 43px;
}
body#outerwear #thumbs li.thirdRow{
	margin:8px 28px;
}

/* 
	----------------------------------- shirts
*/
body#shirts #thumbs{
	padding-left:50px;
}
body#shirts #thumbs li {
	margin:8px 83px;
}
body#shirts #thumbs li.secondRow{
	margin:8px 78px;
}

/* 
	----------------------------------- trousers
*/
body#trousers #thumbs{
	padding-left:50px;
}
body#trousers #thumbs li {
	margin:8px 90px;
}
body#trousers #thumbs li.secondRow{
	margin:8px 170px;
}
body#trousers #thumbs li img {
	height:150px;
}

/* 
	----------------------------------- waterproofs
*/
body#waterproofs #thumbs {
	padding-left:13px;
}
body#waterproofs #thumbs li {
	margin:8px 23px;
}
body#waterproofs #thumbs li.secondRow{
	margin:8px 28px;
}


/* 
	----------------------------------- combat
*/
body#combat #thumbs{
	padding-left:50px;
}
body#combat #thumbs li {
	margin:8px 37px;
}
body#combat #thumbs li.secondRow {
	margin:8px 75px;
}

/* 
	----------------------------------- coveralls
*/
body#coveralls #thumbs{
	padding-left:50px;
}
body#coveralls #thumbs li {
	margin:8px 30px;
}
body#coveralls #thumbs li.firstRow{
	margin:8px 64px;
}
body#coveralls #thumbs li.secondRow{
	margin:8px 85px;
}
body#coveralls #thumbs li img {
	height:150px;
}

.footerimg {
	margin: 0 auto;
}

/* 
	----------------------------------- pop up pages
*/
body#popup #width{
	background:#000;
}
body#popup #content{
	text-align:center;
	position:relative;
	background:none;
	height: 600px;
	background:#000;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	overflow: visible;
	margin:0;
	padding:10px;
}

body#popup #content img{
	z-index:1;
	position:relative;
}
body#popup #content ul.products{
	position:absolute;
	left:10px;
	top:80px;
	text-align:left;
	background:#000;
	z-index:2;
	padding:0px;
	height:490px;
	width:210px;
}
body#popup #content ul.products li a{
	color:#fff;
	text-decoration:none;
	display:inline-block;
	padding:2px 3px;
	font-size:11px;
	text-transform: uppercase;
}
body#popup #content ul.products a strong{
	float:left;
	width: 40px;
}
body#popup #content ul.products li li a {
	padding-left: 40px;
	font-style:italic;
	font-size:10px;
}
body#popup #content ul.products li li a strong {
	float: none;
	width: auto;
}
#toDownload {
	position:absolute;
	left:10px;
	top:10px;
	width:200px;
	height:70px;
	color:#fff;
	text-align:left;
	font-size:11px;
	line-height:1.5;
	background:#000;
	z-index:2;
	padding:0 10px 0 0;
	margin:0;
}
body#popup #content.essentials ul.products{
	width:215px;
}
body#popup #content.coveralls ul.products{
	width:200px;
}
#clickHere{
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	background:#fff;
	padding:0 5px 2px 0;
	width:395px;
	text-align:right;
	font-size:.9em;
	color:#000;
}


.clear {
	clear:both;
}
hr {
	border:none;
	background:#fff;
	visibility:hidden;
}


#credits{
	text-align:right;
	position:absolute;
	bottom:-30px;
	right:94px;
}
#credits a{
	font-size:10px;
	color:#fff;
}

#logosBelow{
	color:#fff; 
	position:absolute;
	left:10px;
	bottom:20px;
	z-index:3;
	width:155px;
	text-align:left;
	font-size:.95em;
}
#logosBelow2 a{
	color:#fff;
	font-weight:bold;
}
#logosBelow2{
	position:absolute;
	left:10px;
	top:500px;
	z-index:3;
	color:#fff;
	width:170px;
	text-align:left;
	font-size:.95em;
}
#logosBelow3 a{
	color:#fff;
	font-weight:bold;
}
#logosBelow3{
	position:absolute;
	left:10px;
	top:540px;
	z-index:3;
	color:#fff;
	width:170px;
	text-align:left;
	font-size:.95em;
}

body#popup #content #downloadLogos{
	position:absolute;
	right:0;
	top:0;
	width:180px;
	background:#000 !important;
	z-index:99999;
}
body#popup #content #downloadLogos p{
	color:#fff;
	z-index:10;
	font-size:0.95em;
	text-align:left;
	padding:0 10px 10px 10px;
	background:#000;
	position:relative;
	margin-bottom: 0;
}
body#popup #content #downloadLogos ul{
	height:auto;
	width:auto;
	top:auto;
	left:auto;
	padding:10px;
	margin:0;
}
body#popup #content #downloadLogos ul li{
	float:left;
	margin:0 5px 5px 0;
}
body#popup #content #downloadLogos ul li a{
	border:none;
}

.imageLrg {
	display: block;
}

#imageLrg{
	border:1px solid #000;
	width:570px;
	height:500px;
	overflow:hidden;
	display:block;
	margin:0 0 0 200px;
}

img.txt {
	margin:10px auto;
	display:block;
}

#TB_window img#TB_Image{
	border:none !important;
}
