/* ----------------------------------------------- */
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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333;
	background: #ffffff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
cite {
	font-style: italic;
}
/* ----------------------------------------------- Layout */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: 76%/1.5 arial, helvetica, sans-serif;
}
a { outline: none; } /* firefox claret fix (remove dotted lines) */
a {
	color: #9C2225;
	text-decoration:none;
}
a:hover {
	color: #F2C824;
}
.clearfix:after { /* clear floated child elements */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#heading {
	background-color: black;
	text-align:center;
	color: white;
}
#utilities {
	width: 960px;
	margin: 0 auto;
	height: 63px;
	position: relative;
}
#sidebar {
	width: 177px;
	float: left;
	z-index:1;
	margin-top: -15px;
	position: relative;
	padding-top: 30px;
}
#wrapper {
	float: left;
	width: 100%;
	/*margin-top: 40px;*/
	background-color:#ffffff;
	position:relative;
	display:block;
}
#content {
	float: right;
	z-index:1;
	margin-top: -15px;
	position: relative;
	width: 783px;
}
.overlay-small {
	background: url(/images/css/subnav-overlay-red-small.gif) repeat-x;
	height: 145px;
	z-index: 600;
	position: relative;
}
#maincontent {
	background: #ffffff url(/images/css/product-maincontent-back.gif) repeat;
	width: 353px; /*783-390-30*/
	float: right;
	padding: 40px 400px 30px 30px;
	display:inline;
	/*min-height: 583px;*/
	min-height: 500px;
}

#supplemental-content {
	width: 783px;
	float: right;
	background:white url(/images/css/supp-content-vertical-gradient.jpg) repeat-x 0 0;
}
#supplemental-content .call-out {
	padding: 20px 20px 10px 20px;
	background: white url(/images/css/supp-content-vertical-gradient.jpg) repeat-x scroll 0 -100px;
	border-top: 1px solid white;
}
#supplemental-content .divider{
	padding: 20px 0px 10px 20px;
	border-top: 1px solid white;
}
.floatleft, #content .floatleft { float: left; margin: 0 1em 1em 0; }
.floatright, #content .floatright { float: right; margin: 0 0 1em 1em; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.clearboth { clear: both; }

/*----------------------------------------------- Styles */
sup { /* to prevent gaps in paragraph layouts, we'll switch back to regular v-align and shunt it up with pos:rel */
	vertical-align: baseline;
	position: relative;
	bottom: .33em;
}
.ahem, hr { display: none !important; }
h1 {
	font: 550% arial, helvetica, sans-serif;
	color: white;
	float: left;
	line-height:1em;
	margin-top: 40px;
	text-transform:uppercase;

}
h1 sup {
	font-size: 20%;
	vertical-align: baseline;
	position: relative;
	bottom: 2.9em;
}
h2 {
	color: black;
	font-size: 200%;
	line-height: 1em;
	text-transform:uppercase;
}
h3 {
	color: #9a9a9a;
	font-size: 200%;
	line-height:1em;
}
h4 {
	color: #9C2225;
	text-transform: uppercase;
	font-weight:bold;
	margin-bottom: .5em;
	font-size: 95%;

}
h5 {
	font-size: 120%;
	font-weight:bold;
	color: #666;
	margin: 10px 0;
}
/* --------------------------------------------------- utilities */
.logo {
	text-indent: -9999px;
	background:url(/images/css/logo-yellow.gif) no-repeat;
	display: block;
	width: 245px;
	height: 34px;
	float: left;
	margin-top: 15px;
}
.searchbox {
	position: absolute;
	right: 0;
	top: 78px;
	z-index:10;
	margin: 0;
}
.searchbox input {
	font-size: .9em;
	padding: 2px 2px 1px 2px;
	border: 1px solid #999999;
}
.searchbox img {
	vertical-align:bottom;
	border: 0 none;
	padding: 0;
	}
.searchbox label {
	display: none;
}
.languageselection {
	position: absolute;
	right: 0;
	top: 2px;
	color: #9a9a9a;
}
.languageselection label {
	display: block;
	text-transform:uppercase;
	font-size: 85%;
	padding:2px 0;
}
.languageselection select {
	width: 135px;
	font-size: 85%;
}

/* -------------------------------------- top level nav -----------*/
ul#utilitynav {
	float: right;
	margin: 23px 0 0 0;
	width: 500px;/*545*/
	padding: 0;
	display: inline;
}
#utilitynav li {
	float: right;
	text-align:right;
	padding: 0;
	padding-left: 15px;
	display: inline;
}
#utilitynav a {
	color: white;
	text-decoration:none;
}
#utilitynav a:hover,
#utilitynav a.selected {
	color: #FCD400;
	text-decoration:none;
}
/* ----------------------------------   primary nav ---------------*/
#subnav li{
	float: left;
	padding-right: 15px;
}

/* Navbar Styles -------------------------------------------------- */

#nav {
clear:both;
height:30px;
margin:14px 0 6px 0;
width:960px;
}

#nav ul {
	margin: 0;
	padding: 0;
    position: relative;
}
#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	display: block;
	height:30px;
	font-weight:700;
	color:#FFFFFF !important;
}

#nav a {
color:#FFFFFF;
}

/* If you make changes here, check how it affects pro-store nav placement */
/* Navbar Placement */
#navmultitools			{ left: 0px; width: 91px; }
#navknives	{ left: 109px; width: 56px; }
#navlights		{ left: 184px; width: 52px; }
#navmilitary	{ left: 255px; width: 90px; }
#navaccessories	{ left: 365px; width: 105px; }
#navproductfinder		{ left: 490px; width: 122px; }

/* Navbar Images */

#xnavmultitools a			{ background: transparent url("../images/css/en/navbar.gif") no-repeat 0 0; }
#xnavknives a		{ background: transparent url("../images/css/en/navbar.gif") no-repeat -109px 0; }
#xnavlights a				{ background: transparent url("../images/css/en/navbar.gif") no-repeat -184px 0; }
#xnavaccessories a	{ background: transparent url("../images/css/en/navbar.gif") no-repeat -255px 0; }
#xnavmilitary a	{ background: transparent url("../images/css/en/navbar.gif") no-repeat -255px 0; }
#xnavproductfinder a			{ background: transparent url("../images/css/en/navbar.gif") no-repeat -380px 0; }

/* Selected Navbar Item */
#xnavmultitools a:hover			{ background-position: 0 -21px; }
#xnavknives a:hover	{ background-position: -109px -21px; }
#xnavlights a:hover	{ background-position: -184px -21px; }
#xnavaccessories a:hover		{ background-position: -255px -21px; }
#xnavmilitary a:hover		{ background-position: -255px -21px; }
#xnavproductfinder a:hover		{ background-position: -380px -21px; }

/* Current Navbar Item - duplicated classes added per programmer*/
#xnavmultitools.ChildSelected a, #navmultitools.Selected a { background-position: 0 -42px; }
#xnavknives.ChildSelected a,	#navknives.Selected a { background-position: -109px -42px; }
#xnavlights.ChildSelected a, #navlights.Selected a { background-position: -184px -42px; }
#xnavaccessories.ChildSelected a	, #navaccessories.Selected a  { background-position: -255px -42px; }
#xnavmilitary.ChildSelected a	, #navmilitary.Selected a  { background-position: -255px -42px; }
#xnavproductfinder.ChildSelected a, #navproductfinder.Selected a	{ background-position: -380px -42px; }

#subnav{
	float: left;
	height: 25px;
	position:relative;
	display:inline;
	padding-top: 10px;
	width: 100%;
	text-transform:uppercase;
	font-weight:bold;
	background: transparent url(/images/css/hr-full.gif) no-repeat 0 0;
}

body.military #subnav{
	background: transparent url(/images/css/mil_long_gradient.gif) no-repeat 0 0;
}

#subnav a {
	color: #666;
	text-decoration:none;
	font-size: 85%;	
}
#subnav li.Selected a, #subnav li.ChildSelected a{
	color: #9c2225;
}
#subnav a:hover {
	color: #fcd400;
}

/*---------------------------------------------------------- sidebar/sidenav */
#sidenav {
	margin-bottom: 20px;
}
#sidebar h4 a{
	color: #9C2225;
	text-decoration: none;
	font-weight:bold;
	font-size: 100%;

}
#sidebar h4 a:hover {
	color: #333;
}
#sidenav li {
	padding-left: 15px;
	background: transparent url(/images/css/bullet-arrows-yellow.png) 0 3px no-repeat;
	line-height: 1.2em;
	margin-bottom: 3px;
}
#sidenav li a {
	text-decoration: none;
	color: #333;
}
#sidenav a:hover {
	color: #9C2225;
}
#sidenav li.Selected{
	background: none;
	font-weight: bold;
}

/* ---------------------------------------------------- styles */
/* content styles */
#content p {
	margin: .75em 0;
}
.leadtext {
	color: #333;
	margin: .9em 0;
}
/* sidebar styles */

/*#sidebar h3 {
	color: #9C2225;
	font-size: 150%;
	background:transparent url(/images/css/horizontal-mini-divider.gif) no-repeat 100% 0;
	padding: 10px 0;
	margin-top: 10px;
}*/
#sidebar h3 a {
	color: #9C2225;
	text-decoration:none;
	font-size:16px;
}
#sidebar h3 a:hover {
	color:#F2C824;
}
#selectretailer img {
	vertical-align:bottom;
}
#selectretailer select {
	font-size: 80%;
	width: 130px;
}

#footer {
	float: left;
	color: #9A9A9A;
	background: transparent url(/images/css/960-horizontal-divider.gif) 0 0 no-repeat;
	margin-top: 10px;
	padding-top: 10px;
	font-size: 95%;
	width: 100%;
}

body.military #footer {
  background: transparent url(/images/css/mil_long_gradient.gif) 0 0 no-repeat;
}

#footer ul {
	margin: 5px 0;
}
#footer li {
	background: transparent url('/images/css/bullet-gray-dot.gif') 0 6px no-repeat;
	padding: 0 4px 0 12px;
	display: inline;
}
#footer li.first {
	background: none;
	padding-left: 0;
	clear: both;
	margin-left: 0;
}
#footer li a {
	text-decoration: none;
	color: #9A9A9A;
}
#content .photo {
	margin: 0;
}
/*body {
   font:normal normal normal 12pt Arial;
   background:#CCC;
}
label {
   font-weight:bold;
}
a {
   color:#006699;
   font-weight:bold;
}
*/
/* page */
/* ----------------------------------------------Andrew's? ------------*/
#page {
   width:980px;
}
/* .ProductsGridView */
.ProductsGridView {
   margin:0 0 20px 0;
}
.ProductsGridView th {
   background:#CCC;
}
.ProductsGridView td {
   padding:6px;
}

/* menuContainer */
#menuContainer {
   width:200px;
}

/* #productEditPage */

#productEditPage div {
   margin:20px 0;
}
#productEditPage div label {
   width:170px;
   display:block;
   float:left;
}
#productEditPage div label {
   width:170px;
   display:block;
   float:left;
}

/* banner */

#banner {
   background:#666;
   padding:4px 10px;
   margin:10px 0;
   color:#FFF;
}

/* #mainContent */

#mainContent {
   width:750px;
   float:right;
}

/* #contentContainer */

#contentContainer {
}

/* #footer */

/*#footer {
   clear:both;
   margin-top:20px;
   border-top:solid 2px #000;
}*/

/* admin */
.ResourceEditorTextBox {
   width:400px;
   height:100px;
}

div.authFormContainer div label
{
	width:200px;
	display:block;
	font:normal normal bold 12pt Arial;
}

div.authFormContainer div input
{
	font:normal normal bold 12pt Arial;
	color:#666;
}

div.authFormContainer div
{
	margin-bottom:20px;
}

div.authFormContainer div.errorMessageContainer
{
	font:normal italic bold 12pt Arial;
	color:#9a2124;
}

#maincontent .link-wrapper h5 {
	font-size:12pt;
	font-weight:normal;
	padding:0;
	margin:0; 
	color:#9A9A9A;

}

#maincontent .link-wrapper h5 a {
	color:#9A9A9A;
	
}
#maincontent .link-wrapper h5 a:hover {
	color:#F2C824;
}