/* ==================----------------------- Global Styles --------------------------------------------===== */
html, body { height: 100%; }
html, body, form, ul, li { margin:0px; padding:0px; } 
body { background:#807653 url(/images/bkg_body.jpg) repeat center 120px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
a { outline:none; color:#b31911; text-decoration:none; }
a:hover { color: #000; }
:focus { outline-style: none !important; }
img { border: 0px; }
p { margin: 10px 0px; }
td { vertical-align: top; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; padding: 5px; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; }
ul li { list-style-type: none; }
a.pdf { background:url(/images/pdf.gif) no-repeat left top; padding-left: 20px; display: inline-block; height: 16px; }
.date { width: 75px; float: left; color: #bdb183; }

/* ===== Selection ===== */
/*
::-moz-selection{ background: #726B4D;	color: #fff; }
::selection { background: #726B4D; color: #fff; }
*/

/* ===== General ===== */
.clear { clear: both; }
.hide { display: none; visibility: hidden; }
.left { float: left; }
.right { float: right; }
.clrLeft { clear: left; height:0px; width: 0px; overflow: hidden; }
.clrRight { clear: right; height:0px; width: 0px; overflow: hidden; }
.btnEnabled { cursor:pointer; opacity:1; }
.btnDisabled { cursor:default; opacity:.25; }
.catGrid{ float: left; width: 180px; margin: 20px 40px 20px 0px; }
.conGrid{ float: left; width: 220px; margin: 20px 40px 20px 0px; }
.press { width: 120px; float: left; color: #493a13; }

/* ===== Global ===== */
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; }
h1 { font-size: 30px; color: #fff; text-transform: uppercase; margin-top: 10px; font-weight: normal; }
h2 { font-size: 24px; text-transform: uppercase; color: #777058; line-height: 22px; letter-spacing: .5px; margin: 20px 0px 15px 0px; font-weight: normal; font-family:Georgia, "Times New Roman", Times, serif; }
h3 { font-size: 18px; color:#000; margin: 0px; }
h4 { font-size: 14px; color: #000; font-weight: bold; margin: 10px 0px 5px 0px; }
h5 { font-size: 14px; color: #726B4D; font-weight: bold; margin: 10px 0px 5px 0px; }
h6 { color: #000; text-align: center; font-size: 11px; font-weight: bold; margin: 0px; text-transform: uppercase; }

/* ===== Body BKGs and Containers ===== */
/* #bodyContainer { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -79px; background:transparent url(/images/bkg_contentContainer.jpg) no-repeat center 116px; } */
#bodyContainer {height:100% !important;background:transparent url(/images/bkg_contentContainer.jpg) no-repeat center 116px;}
#bodyContainer1 {height:100% !important;background:transparent url(/images/bkg_masthead.jpg) repeat-x scroll center top;}
#bodyContainer2 {height:auto !important;height:100%;min-height:100%;margin: 0 auto -79px auto; width:980px;background:transparent url(/images/bkg_leftNav_repeat.jpg) repeat-y scroll 0 116px;}
.home #bodyContainer2 {background:transparent url(/images/home-subfeature-bkg-repeat.jpg) repeat-y scroll 0 717px; /*431+286=717*/}

.contentWidth { width: 980px; margin: 0px auto; position: relative; }

/* ===== Masthead ===== */
#masthead { position: relative; height: 115px; background:transparent url(/images/bkg_masthead.jpg) repeat top center; z-index: 100; }
#masthead .logoContainer { width: 191px; height: 115px; position: relative; }
#masthead .logoContainer #logo { width: 191px; position: absolute; top: 0px; left: 0px; z-index: 2000; height: 162px; width: 202px; display:block; }
/*#masthead .mastheadNav { height: 115px; width: 790px; }*/
#masthead #globalNav { background: #000 url(/images/bkg_globalNav.jpg) no-repeat top left; height: 43px; width: 790px; position: absolute; top: 0px; left: 191px; z-index:0; }
#masthead a { color: #fff; }
#masthead #globalNav ul { margin: 14px 20px 0px 0px; float: right; }
#masthead #globalNav ul li { float: left; padding: 0px 8px; font-size: 10px; }
#masthead #mainNav { background: #333 url(/images/bkg_mainNav.jpg) no-repeat top left; height: 72px; width: 790px; position: absolute; top: 43px; left: 191px; z-index:0; }
#masthead #mainNav ul { margin: 0px; /* Padding left is to adjust to line up last nav item on the right margin. */ }
#masthead #mainNav ul li { float: left; padding: 0px; font-size: 11px; text-transform: uppercase; padding: 14px 0px 23px 0px; }
#masthead #mainNav ul li a { display: block; border-right: 1px solid #999; border-left: 1px solid #000; padding: 10px 34px 10px 34px; }
#masthead #mainNav ul li.active { padding: 0px; }
#masthead #mainNav ul li.active a { background:transparent url(/images/bkg_mainNav_on.jpg) no-repeat; padding: 24px 34px 23px 34px; border-color: #858485; }
#masthead #mainNav ul li.first a { border-left: none; }
#masthead #mainNav ul li.resources a { background-position: -562px 0px; }
#masthead #mainNav ul li.tactical a { background-position: -375px 0px; }
#masthead #mainNav ul li.mounts a { background-position: -260px 0px; }
#masthead #mainNav ul li.rings a { background-position: -115px 0px; }
#masthead #mainNav ul li.scopes a { background-position: -4px 0px; }

/* ===== Content Container ===== */
#contentContainer .contentWidth { position: relative; background:transparent url(/images/bkg_leftNav.jpg) repeat-y top left; min-height: 665px; }
#contentContainer .contentWidth h1 { color: #221e1f; font-size: 28px; text-transform: uppercase; }
#contentContainer .contentWidth h3 { color: #a01313; font-size: 18px; }
body.home #contentContainer .contentWidth { background-image:none; }
#contentContainer #leftNav { float: left; width: 191px; padding-top: 50px; }
#contentContainer #leftNav ul li { padding: 0px; }
#contentContainer #leftNav ul li a { padding: 10px; display: block; color: #fff; background: transparent url(/images/bkg_leftnav_item.jpg) no-repeat bottom left; }
#contentContainer #leftNav ul li.active ul li a { background-image: none; background:#333; padding: 6px 10px 6px 20px; font-size: 10px; }
#contentContainer #leftNav ul li.active ul li.active a { background: #000; }
#contentContainer #leftNav ul li.active a { background: transparent url(/images/bkg_leftnav_itemOn.jpg) no-repeat bottom left; }
#contentContainer #leftNav .pageTitle { font-weight: bold; color: #fff; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; padding: 10px 10px 10px 20px; border-bottom: 1px solid #390000; background-image: none; }
#contentContainer .content { float: left; width: 789px; background: transparent url(/images/bkg_contentTop.jpg) repeat-x top left; }
#contentContainer .content .contentDetail { padding: 20px 20px 85px 20px; background: transparent url(/images/bkg_contentDetail.jpg) repeat-x bottom left; }
#contentContainer .content .prodPhoto { float: right; margin-left: 20px; width: 485px; }

#contentContainer .content .bullText li{margin: 5px 0 0 0; list-style-type: disc; margin-left: 20px; }
#contentContainer .content .prodSpecs {font-size:11px; color: #434343;}
#contentContainer .content .prodSpecs li{margin-bottom: 2px;}

#contentContainer .content .prodThumbs{width:725px;}
#contentContainer .content .prodPreview {border-bottom:1px solid #cfc49a; border-right:1px solid #cfc49a; float:left; padding:15px 10px; width:220px;}


#contentContainer .content .inPagePhoto { width: 250px; float: right; margin: 0px 0px 10px 20px; }
#contentContainer .content .inPagePhotol { width: 250px; float: left; margin: 0px 20px 10px 0px; }
#contentContainer .content .inPagePhoto span { font-size: 10px; display:block; padding: 10px 10px; border-bottom: 1px solid #999; background:#F1EEE2; }
#contentContainer .content .inPagePhotol span { font-size: 10px; display:block; padding: 10px 10px; border-bottom: 1px solid #999; background:#F1EEE2; }

.equasion { display: inline-block; padding: 20px; border: 1px solid #999; background:#F1EEE2; position: relative; }
.equasion .equals { position: absolute; right: 20px; top: 32px; }
.equasion .top { padding-bottom: 5px; border-bottom: 1px solid #CCC; display: block; white-space: nowrap; }
.equasion .bottom { padding-top: 5px; display: block; white-space: nowrap; }

/* ===== Footer ===== */
#footer, .push { height: 79px; /* .push must be the same height as #footer */ }
#footer { background:transparent url(/images/bkg_footer.jpg) repeat-x top center; }
#footer ul li { float: left; margin: 30px 20px 0px 0px; color: #d3d3d3; font-size: 10px; }
#footer ul li.logo { padding: 0px 42px; border-right: 1px solid #999; }
#footer .links { float: right; padding: 30px 20px 0px 0px; }



/* ===== Sub-Content Tabs ===== */
.subContentTabSelector {
    background: transparent url(/images/subcontent-tab-bkg.jpg) no-repeat scroll top left;
    height: 40px;
}
.subContentTabSelector li {
    float: left;
    width: 120px;
    text-align:center;
    height: 40px;
    border-right: 1px solid #bbb39e;
}
.subContentTabSelector li a {
    border-right: 1px solid #3c2906;
    display: block;
    height: 26px;
    padding-top: 14px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}
.subContentTabSelector li a.active {
    background: transparent url(/images/subcontent-tab-bkg-over.jpg) no-repeat scroll top left;
    border-right: 1px solid #9a8956;
    color: #3c2906;
}
.subContentTabs {
    background: transparent url(/images/subcontent-bkg-repeat.jpg) repeat-y scroll 0 168px;
    min-height: 200px; height: auto !important; height: 200px;
    padding-bottom: 23px;
    position: relative;
}
.subContentTabsBottom {
    /* background: transparent url(/images/subcontent-bkg-bottom.jpg) no-repeat scroll top left; */
    height: 23px;
    position: absolute; bottom: 0; left: 0;
    width: 100%;
}
.subContentTab {
    background: transparent url(/images/subcontent-bkg-top.jpg) no-repeat scroll top left;
    min-height: 168px; height: auto !important; height: 168px;
    padding-top: 1px;
}
.subContentTab {
    padding: 20px 30px 0 30px;
    color: #fff;
}
.subContentTab * {
}
.subContentTab h3 ,
.subContentTab h3 a {
    color: #4c0604;
    font-size: 18px;
}

.subContentTab .chart{ margin: 0 0 0 15px; color:#000;}
.subContentTab .prodTable_chart {border:1px solid #2b220b; padding:1px; margin:0px; font-family:Arial,Helvetica,sans-serif; font-size: 11px; width:700px;}
.subContentTab .prodTable_chart th{background:#493a13;  font-weight:bold; padding:4px 2px; color:#fff; /*height:0 0 0 15px;*/ border-bottom: 3px solid #7d6830;}
.subContentTab .prodTable_chart th, .prodTable_chart td {padding: 3px; text-align:center;}
.subContentTab .prodTable_chart tr.even{background-color:#bdad78;}
.subContentTab .prodTable_chart tr.odd{background-color:#b4a163;}
.subContentTab .prodTable_chart tr.subCat{font-weight: bolder; text-align:left; font-size: 11px; background-color:#8d793e; color:#dbd1ae; }
.subContentTab .prodTable_chart .subCat td{border-bottom:1px solid #7d6830; text-align:left;}
.subContentTab .prodTable_chart tr.highlight {background-color: #E1E1E1;}

.subContentTab .reticleTab{ float: right; clear:left; margin:5px 0 0 0; }
.subContentTab .reticleTabl{clear:left; margin:5px 0 0 0; }
.subContentTab .reticleTab, .reticleTabl img{border:2px solid #7d6830;}
.subContentTab .reticle { height: 250px;}

.shootingTips {border:1px solid #2b220b; padding:1px; margin:5px; font-family:Arial,Helvetica,sans-serif; font-size: 11px;}
.shootingTips th {background:#493a13 ;  font-weight:bold; padding:4px 2px; color:#fff; height:15px; border-bottom: 3px solid #7d6830;}
.shootingTips th {padding: 3px; text-align:left;}
.shootingTips tr.even{background-color:#bdad78;}
.shootingTips tr.odd{background-color:#b4a163;}
.shootingTips tr.subCat{font-weight: bold; background-color:#8d793e;}
.shootingTips tr.highlight {background-color: #E1E1E1;}


.shadowbox-thumbs {
    margin-bottom: 20px;
}
.shadowbox-thumbs ul {
    float: right;
}
.shadowbox-thumbs ul li {
    float: left;
    margin-right: 20px;
}
.shadowbox-thumbs ul li a {
    display: block;
    border: 2px solid #fff;
    width: 60px;
    height: 60px;
}










/* home page */
#subfeature {
    background: transparent url(/images/home-subfeature-bkg.jpg) no-repeat scroll top left;
    min-height: 266px; height: auto !important; height: 266px;
    padding-top: 20px;
}
#subfeature .column-left {
    float: left;
    width: 533px; /*559-26=533*/
    padding-left: 26px;
}
#subfeature .column-right {
    float: left;
    width: 421px;
}

#subfeature a {color: #000;}
#subfeature a:hover {color: #6A0000;}

#home-subfeature-resourcees ,
#home-subfeature-quicklinks {
    width: 166px;
}
#home-subfeature-resourcees h2 {
    background: transparent url(/images/home-subfeature-resources.jpg) no-repeat scroll top left;
}
#home-subfeature-quicklinks h2 {
    background: transparent url(/images/home-subfeature-quicklinks.jpg) no-repeat scroll top left;
}
#home-subfeature-resourcees h2 ,
#home-subfeature-quicklinks h2 {
    width: 166px;
    height: 0px;
    padding-top: 33px;
    overflow: hidden;
    margin: 26px 0 6px 0;
}
#home-subfeature-resourcees li ,
#home-subfeature-quicklinks li {
    margin: 0;
    padding: 0 0 1px 0;
}
#home-subfeature-resourcees li a ,
#home-subfeature-quicklinks li a {
    display: block;
    padding: 3px 0 0 30px;
    background: transparent url(/images/home-subfeature-li-bkg.gif) no-repeat scroll 15px 7px;
}

#home-subfeature-shootingtips {
    float: right;
    display: block;
    width: 342px;
    height: 0px;
    background: transparent url(/images/home-subfeature-shootingtips.jpg) no-repeat scroll top left;
    padding-top: 300px;
    overflow: hidden;
}
#home-subfeature-anglelocrings {
    display: block;
    width: 421px;
    height: 0px;
    background: transparent url(/images/home-subfeature-anglelocrings.jpg) no-repeat scroll top left;
    padding-top: 280px;
    overflow: hidden;
}

#feature {
    width: 980px;
    height: 431px;
    background-color: #E4DEC6;
    position: relative;
}
#feature #feature-select {
    position:absolute;
    left: 25px;
    bottom: 40px;
    z-index: 10;
}
#feature #catalog-select {
    position:absolute;
    left: 745px;
    bottom: 20px;
    z-index: 10;
}
#feature #feature-select li {
    float: left;
    margin-right: 15px;
    width: 46px;
    height: 19px;
}
#feature #feature-select li a {
    width: 46px;
    height: 16px;
    padding-top: 3px;
    display: block;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    background: transparent url(/images/home-feature-select.jpg) no-repeat scroll top left;
    color: #414042;
}
#feature #feature-select li a:hover ,
#feature #feature-select li a.active {
    background: transparent url(/images/home-feature-select.jpg) no-repeat scroll bottom left;
    color: #fff;
}
#feature-images {
    position: relative;
}
.feature-image {
    position: absolute;
    top: 0;
    left: 0;
}