/* Johanna version 170426a */
body {
  margin: 0px;
  padding: 0px;
  background: #000000 url(images/bg01.jpg) repeat-x scroll left top;
}

body, th, td {
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #8c6f38;
}

/* #box3 was the sidebar table, on every page. Now using it as the class for all borderless tables. */ 
.box3 {
  border-collapse: collapse;
  border:0px solid white;
}

.box4 {
  border-collapse: collapse;
  border: 0px solid white;
  text-align: center;
  width: 964px;
}

/*

table.box3 {
  border-collapse: collapse;
  border:10px solid white;
}

#box3 {
  border-collapse: collapse;
  border:10px solid white;
}
<table class="box3" align="center" width="964">
*/

h1, h2, h3 {
  margin: 0px;
}

h2 {
  color: #9f4000;
  font-size: 30px;
  margin-bottom: 20px;
  letter-spacing: -2px;
}
h3 {
  margin-bottom: 5px;
  font-size: 11px;
  color: #8f8605;
}

p, ul, ol, dl {
  margin-top: 0px;
  margin-bottom: 1em;
  line-height: 150%;
}
ul {
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

li.aboutusli {
  font-family: Helvetica,Arial,sans-serif; 
  color: black;
  font-weight: normal;
  font-size:larger;
}

.aboutusli .aboutbulletblue {
  color: rgb(51, 51, 255);
  font-weight: bold;
  font-size: 22px;
}

.aboutusli .aboutbulletbrown {
  color: rgb(153, 102, 51);
  font-weight: bold;
  font-size: 18px;
}

/* imgref is to format the small text we use for our image refference numbers BLP*/
p.imgref {
  text-align: left;
  font-size: 75%;
}

a {
  color: #c97500;
}
a:hover {
  text-decoration: none;
}
/* a.more creates a little page icon used next to return to top text link*/
.more {
  background: transparent url(images/homepage09.gif) no-repeat scroll left center;
  padding-left: 16px;
}

/* HR is hidden. Use .hr1 to create a delicate dashed line between elements. */
hr {
  display: none;
}
.hr1 {
  background: transparent url(images/homepage12.gif) repeat-x scroll left top;
  height: 1px;
  margin-bottom: 20px;
}

#header {
  margin: 0px auto;
  width: 964px;
  height: 107px;
}

/* Menu1 is used to format the TD that holds the sales tab links at the top of all the web pages */
#menu1 {
  float: left;
}
#menu1 ul {
  margin: 0px;
  padding: 71px 0px 0px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  line-height: normal;
}
#menu1 li {
  float: left;
}
#menu1 a {
  margin: 0px 3px 0px 0px;
  padding: 7px 0px 0px;
  background: transparent url(images/homepage02.gif) no-repeat scroll left top;
  float: left;
  width: 114px;
  height: 29px;
  letter-spacing: -1px;
  text-decoration: none;
  text-align: center;
  font-family: Trebuchet MS;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  color: #ffffff;
}

/* Menus2 is the link to all the pages in tan across the top of all pages. Product pages also include when updated. */
#menu2 {
  text-align: left;
}
#menu2 a, .thispage {
  font-weight: bold;
  margin:0px 3px;
}
/* Format the little pipe dividers between the page links. */
#menu2 .piped {
  font-weight: bold;
  font-size: larger;
  margin:0px 0px;
}
/* Positions the 'Page updated' info. */
#menu2 .upd {
  margin-left:15px;
}



#page {
  margin: 0px auto;
  padding: 36px 32px 0px;
  background: #f4e4b9 url(images/bg1_01.jpg) no-repeat scroll left top;
  width: 900px;
}

#content {
  float: right;
  width: 605px; /* width was 605px consider adjusting this and #sidebar width*/
}


/* box1 is the table above the white content section. On all but the home page this has the truck image and phone numbers. On the home/index page this contains the phone address, map credit cards and what we do. ie all in tan above the white area.*/ 
#box1 {
  background: transparent url(images/homepage10.gif) repeat-x scroll left bottom;
  margin-bottom: 15px;
  border-collapse: collapse;
  border:0px solid white;
}

/* box2 is the white table area on every page for the main content */
#box2 {
  background: transparent url(images/subpage1_01.jpg) repeat-y scroll left top;
  width: 100%; 
  text-align: left; 
  margin-left: auto; 
  margin-right: auto;
  border-collapse: collapse;
  border:0px solid white;
}
/* Need to add the code to match this... <table id="box2" class="boxA" style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0"> */
#box2 .bgtop {
  padding: 20px 20px 0px;
  background: transparent url(images/subpage1_02.jpg) no-repeat scroll left top;
}
#box2 .bgbtm {
  background: transparent url(images/subpage1_03.jpg) no-repeat scroll left bottom;
}
#box2 .item1 {
  padding: 0px 20px 0px 0px;
  float: left;
  width: 255px;
  margin-bottom: 20px;
}
/* Creates the right section with the vertical dashed line in the main content section on the home/index page. */
#box2 .item2 {
  padding: 0px 0px 0px 20px; /* top, right, bottom, left*/
  background: transparent url(images/homepage11.gif) repeat-y scroll left top;
  float: left;
  width: 255px;
  margin-bottom: 20px;
}



/* sidebar is the div setting the background for the sidebar table. */
#sidebar {
  background: transparent url(images/subpage1_04.jpg) repeat-y scroll left top;
  float: left;
  width: 277px; /* Width was 277px*/
}
#sidebar .bgtop {
  padding: 20px 20px 0px; /* top, right and left, bottom */
  background: transparent url(images/subpage1_05.jpg) no-repeat scroll left top;
}
#sidebar .bgbtm {
  background: transparent url(images/subpage1_06.jpg) no-repeat scroll left bottom;
}
#sidebar .advert {
  padding: 0px 0px 0px 0px; /* top, right, bottom, left*/
  background-color: white;
  border: 5px solid #000000;
  height: 90px;
  width: 277px;
}
#sidebar .alert {
  padding: 10px 20px 10px 20px; /* top, right, bottom, left*/
  background-color: white;
  border: 5px solid #CC0033;
  height: 90px;
  width: 277px;
}
#sidebar .glockblue {
  padding: 10px 20px 10px 20px; /* top, right, bottom, left*/
  background-color: white;
  border: 5px solid #52c7e8;
  height: 90px;
  width: 277px;
}
/* H1 is only used once on each page. For 'Site Contents'. */
#sidebar h1 {
  text-align: center;
  margin-top: 20px;
}
#sidebar h2 {
  margin-bottom: 20px;
  color: rgb(51, 51, 51); 
  text-align: center;
  font-style: italic;
  font-size: 23px;
  letter-spacing: -2px;
}
#sidebar h3 {
  background: #ffe6b5 none repeat scroll 0% 50%;
  padding: 2px 7px; /* top and bottom, right and left*/
  margin-bottom: 5px;
  color: #000000;
  text-align: left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
}




#footer {
  margin: 0px auto;
  background: transparent url(images/bg1_02.jpg) no-repeat scroll left top;
  width: 964px;
  height: 150px;
}
#footer p {
  margin: 0px;
  padding: 35px 0px 0px;
  text-align: center;
  line-height: normal;
  color: #bfe5d8;
}





img {
  border:  none;
}
img.border {
}
img.left {
  margin: 0px 15px 0px 0px; /* top, right, bottom, left*/
  float: left;
}
img.right {
  margin: 0px 0px 0px 15px; /* top, right, bottom, left*/
  float: right;
}
img.catleft {
  margin: 0px 15px 0px 0px; /* top, right, bottom, left*/
  float: left;
  border: 2px solid;
  width: 100px;
}
img.catleft200 {
  margin: 0px 15px 0px 0px; /* top, right, bottom, left*/
  float: left;
  border: 2px solid;
  width: 200px;
}
img.detail {
  margin: 10px 10px 0px 0px; /* top, right, bottom, left*/
  float: none;
  border: 2px solid;
  width: 100px;
}
img.detail200 {
  margin: 10px 10px 0px 0px; /* top, right, bottom, left*/
  float: none;
  border: 2px solid;
  width: 200px;
}
img.tag {
  margin: 10px 10px 0px 0px; /* top, right, bottom, left*/
  float: none;
  border: 10px solid red;
  width: 100px;
}

/* Positions the 'gunrunnerstactical.com' image in the header of every page. */
img.imgurl {
  padding: 71px 0px 0px;
  margin: 0px 72px 0px 3px; /* top, right, bottom, left*/ 
  /* Margin right was 30 for all pages except home. 72px is right for home. Using it for all now. */
  float: none;
  border: 0px solid red;
  width: 295px;
  height: 30px;
}

/* Used for the catalog headings. measurements for the long guns are different from the hand guns in the first column, third column resizes to fit */
td.tdcath1 {
  vertical-align:top;
  text-align:center;
  width: 119px;
}

td.tdcath1l {
  vertical-align:top;
  text-align:center;
  width: 219px;
}

td.tdcath2 {
  vertical-align:top;
  text-align:center;
  width: 50px;
}

td.tdcath3 {
  vertical-align:top;
  text-align:center;
}

td.tdcath4 {
  vertical-align:top;
  text-align:center;
  width: 60px;
}

td.tdcath5 {
  vertical-align:top;
  text-align:center;
  width: 55px;
}






/* Used for the image, condition, and caliber cells */
td.tdcat {
  vertical-align:top;
  text-align:center;
}

/* Used for the make/model cell */
td.tdcatm {
  vertical-align:top;
  text-align:left;
}

/* Used for the price cell */
td.tdcatp {
  vertical-align:top;
  text-align:right;
  font-weight:bold;
  font-size:large;
}

/* Our of Stock and Sold Price */
td.tdcatpoos, .tdcatpsold {
  vertical-align:top;
  text-align:right;
  font-weight:bold;
  font-size:large;
  text-decoration:line-through;
  font-size:small;
  color: #bca16d;
}

/* Call for Price */
td.tdcatpcall {
  vertical-align:top;
  text-align:right;
  font-weight:bold;
  color: rgb(221, 0, 0);
}

/* Extra detail photos on the long gun pages have their own cell row */
td.tdcatextradetail {
   text-align: center;
   margin-left: 100px;
   margin-right: 20px;
}

/* span for make and model */
.makemod {
  font-weight:bold;
  font-size:larger;
}

/* span for reduced price */
.reduced {
  font-weight:normal;
  font-size:12px;
}

/*
.sold {
  font-size:small;
  color: #bca16d;
}


.oos {
  font-size:small;
  color: #bca16d;
}
*/

/* testing hideable table */

.toggle {
  text-align:center;
  font-weight:bold;
  font-size:large;
  margin-top:2em;
}

.hidden { display: none; }
.unhidden { display: block; }

.hiddenv { visibility: hidden; }
.unhiddenv { visibility: visible; }

/*New Side by Side divs and wrapper for Local Events*/

.localwrapper {
    width: 100%;
    margin: auto;
    padding: 0px;
}
.costamesa {
    width: 50%;
    float: left;
}
.ontario {
    margin-left: 50%;
}