@charset "UTF-8";

body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;  color: #333333; font-size: 13px; line-height: 19px; background:#ffffff url(images/background.png) top left repeat;
}

img, div, a, input, span { behavior: url(iepngfix.htc) }

a img { border:none; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }

/* start commented backslash hack */
* html .clearfix { height: 1%; }
.clearfix { display: block; }

h2 { font-size: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #1a4d60; font-style: italic; font-weight: normal; margin: 0; line-height: 25px; }
h3 { font-size: 11px; color: #2F171C; margin-top: 0px; margin-bottom: 5px; }
h4 { font-size: 14px; line-height: 21px; color: #2F171C; font-weight: bold; margin: 0px 0px 0px 0px; }
h5 { font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #2F171C; letter-spacing: -1px; margin: 0px 0px 5px 0px; font-weight: bold; }

#wrapper { width: 978px; padding:0 11px; margin: 0 auto; position:relative; background:url(images/wrapper_bg.png) top center repeat-y; }

#header { height: 259px; background:url(images/header_bg.jpg) top left no-repeat; margin:0; }

.logoimg { position:absolute; top:0; left:40px; height:206px; width:425px; }

#top_navigation { float: right; width: 500px; text-align: right; padding-top: 8px; height: 27px; margin-right:28px; }
  #top_navigation p { color: #666666; }
    #top_navigation a { color: #999999; text-decoration: underline; }

.freead_button { float:right; margin:20px 60px 5px 0; }

#topad { margin:13px 23px auto 300px; width:468px; height:60px; float:right; }

#leftad { margin:25px auto 15px 14px; width:300px; height:250px; text-align:center; float:left; }

#bottomad { margin:15px auto; width:728px; height:90px; }

#midnav { width:100%; margin-top:44px; float:left; }
.midnav { background:url(images/midnav_sprite.png) no-repeat; height:15px; float:left;  margin:0 35px auto auto; }
  .midnav.search { background-position:0 0; margin:0 35px 0 41px; width:59px; }
  .midnav.browse { background-position:0 -15px; width:65px; }
  .midnav.feat { background-position:0 -30px; width:128px; }
  .midnav.news { background-position:0 -45px; width:44px; }
  .midnav.tgc { background-position:0 -60px; width:158px; }
  .midnav.resources{ background-position:0 -75px; width:160px; }
  .midnav.contact { background-position:0 -90px; margin:0; width:71px; }

  .midnav.search:hover { background-position:-162px 0; }
  .midnav.browse:hover  { background-position:-162px -15px; }
  .midnav.feat:hover  { background-position:-162px -30px; }
  .midnav.news:hover  { background-position:-162px -45px; }
  .midnav.tgc:hover  { background-position:-162px -60px; }
  .midnav.resources:hover { background-position:-162px -75px; }
  .midnav.contact:hover  { background-position:-162px -90px; }


#content { background:url(images/content_bg.jpg) top left repeat-y; }
#content_left { float: left; margin:0; width:325px; font-size:11px; }
#content_right { float: left; margin:25px 0 0 25px; width: 600px; }
#content_bottom { background:url(images/content_foot_bg.jpg) bottom left no-repeat; height:15px; margin:0; padding:0; width:100%; }

#main_content h1 { font-family:arial; font-size:24px; font-weight:bold; margin-top:0; color:#8D7B52; }
#main_content h2 { color:#54652F; font-family:arial; font-size:16px; font-style:normal; font-weight:bold; margin:10px 0 5px; }


#cat_icons { width:200px; overflow:hidden; margin:0 0 15px 0; padding:0; list-style:none outside none; }
#cat_icons li { margin:0; padding:0; }

.cat_icon { float:left; width:200px; height:110px; border-bottom:1px dashed #54652F; background:url(images/cat_icon_sprite.jpg) no-repeat; }

.cat_icon.Pistols { background-position:0 0; }
.cat_icon.Rifles { background-position:-200px 0; }
.cat_icon.Shotguns { background-position:-400px 0; }
.cat_icon.Classic { background-position:0 -110px; }
.cat_icon.Ammo { background-position:-200px -110px; }
.cat_icon.Optics { background-position:-400px -110px; }
.cat_icon.Accessories { background-position:0 -220px; }
.cat_icon.Safes { background-position:-200px -220px; }
.cat_icon.Gear { background-position:-400px -220px; }

#primary { border:0; padding:0; margin:15px auto 20px 14px; float:left; }

  #searchform { float:left; width: 400px; margin: 0 auto; height: 43px; padding-top: 11px;}
    .search_input { padding: 6px; width: 330px; border: 1px solid #bababa; background: #FFFFFF; font-size: 15px; color: #CCCCCC; float: left; margin-right: 10px; background-image: url(images/form_bg.jpg); background-repeat: repeat-x; font-style: italic; }


.title { background:url(images/title_sprite.png) no-repeat; width:282px; height:30px; margin-top:4px; }
  .title.welcome { background-position:0 0; margin-top:0; }
  .title.feat2 { background-position: 0 -30px; }
  .title.browse2 { background-position:0 -60px; }

div.feat_bg { background:url(images/feat2_bg.jpg) repeat; height:35px; width:377px; padding-left:8px; margin:10px 0 0 5px;}

#front_featlist { margin:5px 0 10px 0; padding:0; width:390px; }
#front_featlist img { margin:0 auto; width:123px; max-height:130px; }
#front_featlist tbody, #front_featlist tr, #front_featlist td { margin:0; padding:0;  }
#front_featlist td { padding:3px; text-align:center; vertical-align:top; font-size:0.85em; }
#front_featlist td:hover { background-color:#ffffdd; }
#front_featlist td .price { font-weight:bold; color:#54652F; font-size:1.15em; }
#front_featlist tbody {overflow:hidden;}


div.browse_bg { background:url(images/browse2_bg.jpg) repeat; height:35px; width:192px; padding-left:8px; margin:10px 0 0 0;}
#adslist { width:600px; margin:0; padding:0; border:0; background-color: #FFFFFF; font-family:verdana;}
.city_state, .expire { font-size:9px; text-transform:uppercase; height:45px; vertical-align:top; text-align:right; border-top:1px dotted #666666; padding-right:10px; }
.cat_thumb { margin:2px 2px 8px 0; width:100px; }


/* @group Typography */

a { color: #1A4D60;  text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 0px 0px 15px 0px; font-family: Arial, Helvetica, sans-serif; }
a.button { background: #32312f url(images/button_bg.jpg) repeat-x; padding: 5px 10px 5px 10px; color: #FFFFFF; text-decoration: none; border: 1px solid #32312f;   text-transform: uppercase; font-size: 9px; line-height: 25px; }
a.button:hover { background: #007de2 url(images/button_bg_o.jpg) repeat-x; border-color: #007de2; }
p { font-size: 12px; line-height: 20px; }
td { font-size: 13px; line-height: 1.5em; }
#newlistings table { border: 1px solid #E6E6E6; }
.listingextras { border-bottom: 1px solid #E6E6E6; text-align: center; }
.listingextras, .listingextras a { margin: 0 0 5px 0; padding: 5px 0; font-size: 13px; line-height: 22px; }
.listingextras2 { border: 1px solid #F1F1F1; margin: 5px; padding: 5px; float: right; }
.listingextras2 a { margin: 5px 0; font-size: 1em; }
.favorites { background: url('images/favorites.gif') left center no-repeat; padding: 5px 0 5px 20px; margin-left: 10px; height: 16px; }
.delfavorites { background: url('images/favorites_delete.gif') left center no-repeat; padding: 5px 0 5px 20px; margin-left: 10px; height: 16px; }
.printer { background: url('images/printer.gif') left center no-repeat; padding: 5px 0 5px 20px; margin-left: 10px; height: 16px; }
.moreads { background: url('images/moreads-seller.gif') left center no-repeat; padding: 5px 0 5px 20px; margin-left: 10px; height: 16px; }
.friendmail { background: url('images/friendmail.gif') left center no-repeat;  padding: 5px 0 5px 20px; margin-left: 10px; height: 16px; }
.left { width: 300px; float: left; margin-right: 10px; }
.right { width: 300px; margin-left: 10px; float: right; }
blockquote { margin: 10px 0; padding: 5px; color: #666; border: 1px inset; }
.updated { background: #E8EFF5 url(images/check.png) no-repeat 1em; border: 1px solid #2580B2; margin: 1em 5% 10px; padding: 0 1em 0 3em; }
.notes { background-color: #FFF5F2; border: 1px solid #FFD6CF; color: #333333; margin-bottom: 2px; padding: 1em; }

/* @group Footer */

.footer_column {
    float: left;
    width: 400px;
}

.footer_column_right {
    float: right;
    width: 400px;
    margin-left: 30px;
    text-align: right;
}

#footer { background:url("images/footer_bg.jpg") no-repeat scroll left top transparent;
height:50px; margin:13px 0 0; padding:30px 15px; }

#footer_left { margin-left:10px; float: left; width: 460px; }

#footer_right { margin-right:10px; float: right; width: 460px; text-align: right; }

#footer p {
    color: #1A4D60;
    font-size: 11px;
}

#footer a {
    color: #1A4D60;
    font-size: 11px;
    text-decoration: underline;
}

#footer a:hover {
    color: #1A4D60;
}
/* @end */

/* @group Left Side */

#left_navigation { float: left; width: 314px; font-size:15px; font-weight:bold; text-transform:uppercase; }

#left_navigation ul { margin:15px 0 0 14px; padding: 0px; }

#left_navigation li { list-style-type: none; height:18px; padding:9px 0 9px 25px; }
#left_navigation a { color: #8D7B52; font-weight: bold; }

#left_navigation li.active, li.active { border:1px solid #CCCCCC; color:#54652F; display:block; list-style-type:none; padding:9px; margin-top:20px; background-color:#F9F9F9; }


/* @end */

/* @group Forms */

.input, textarea {
    background-image: url(images/form_bg.jpg);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    color: #333333;
    font-size: 11px;
    margin-right: 4px;
    padding: 5px;
}

.input {
    background-image: url(images/form_bg.jpg);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    color: #333333;
    font-size: 11px;
    margin-right: 4px;
    padding: 5px;
}

#form h2 {
    background: url(images/th.jpg) repeat-x;
    color: #FFF;
    font-weight: bold;
    border-bottom: 1px solid #D6D5D6;
    text-indent: 5px;
    padding: 5px;
    font-size: 108%;
    text-align: left;
}

#form .fieldgrp {
    margin-bottom: 0.5em;
    width: 100%;
}

#form .field {
    float: left;
    font-size: 95%;
    width: 380px;
}

#form .field input {
    border: 2px solid #CCCCCC;
    margin: 0px;
}

#form .field textarea {
    border: 2px solid #CCCCCC;
    margin: 0 0 0px;
}

#form input {
    border: 2px solid #CCCCCC;
    margin: 0 0 5px;
    padding: 2px;
}

#form textarea {
    border: 2px solid #CCCCCC;
    margin: 0 0 10px;
}

#form select {
    border: 2px solid #CCCCCC;
    margin: 0 0 10px;
    padding: 1px;
}

#form label.top { display: block; }
#form label { clear: both; color: #333333; display: block; float: left; font-size: 102%; font-weight: bold; line-height: 22px; padding: 0 10px 0 0; text-align: right;  width: 120px; }
#form label.onehpx { width: 120px; }
#form input.error { background-color: #DEEFFF; color: #000000; border: 1px SOLID EA5200;
}
#form label.error { background: url("images/cross.png") no-repeat 0px 0px; padding-left: 18px; padding-bottom: 2px; font-weight: bold; color: #EA5200; float: none; display: inline; }
#form label.checked { background: url("images/check.png") no-repeat 0px 0px; float: none; display: inline; }
fieldset { margin-bottom: 6px;  border: 1px solid #cccccc; padding: 8px; background-color: #FAFAFA; }

fieldset legend { padding: .1em .3em; font-size: 12pt; font-weight: bold; color: #2b2b2b; }

#main_content fieldset table { margin-top:20px; }
.formleft { font-weight:bold; text-transform:uppercase; color:#54652F; width:200px; text-align:right; margin:0; padding:0; }
.formright { width:390px; text-align:left; margin:0; padding:0; }

.continue input { float: right; border: 3px double #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em; }
.submit input { border: 3px double #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em; }
fieldset p { clear: both; padding: 0px; margin: 0px; }
fieldset p label { float: left; }

#headline { margin-bottom: 20px; padding-left:5px; }

#headline p { font-size:12px; margin-bottom:18px; }

#headline ul { margin: 15px 0px; padding: 0px; }
  #headline li { background: url(images/list.jpg) no-repeat; margin-left: 0px; list-style-type: none; font-size: 16px; font-style: italic; color: #555555; margin: 0px 0px 10px 20px; padding: 0px 0px 0px 25px; }

/* @end */

/* @group Tables */

.tableborder { border: 1px solid #D6D5D6; width: 100%; padding: 4px; }
th { background: url(images/th.jpg) repeat-x; color: #FFF; font-weight: bold; border-bottom: 1px solid #D6D5D6; padding: 5px 0; margin: 5px 0; font-size: 12px; }

th a:link, th a:visited { color: #FFF; text-decoration: none; }
th a:hover { color: #FFF; text-decoration: underline; }

.step {
    background-color: #EAEAEA;
    color: #000;
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
}

.breadcrumbs:link, .breadcrumbs:visited, .breadcrumbs:active, .breadcrumbs:hover {
    color: #3b67d2;
    font-weight: bold;
    text-decoration: none;
}

span.completed {
    color: green;
}

span.pending {
    color: black;
}

span.pendingpayment {
    background: #FFFF99;
    color: #000;
    padding: 3px;
    display: block;
}

span.notcompleted {
    color: #CACACA;
}

span.notcompletedred {
    color: red;
}

/* Characters
 * This class is used when a user is placing an ad
 * It formats the characters remaining
*/

.characters {
    color: #666666;
    display: inline;
    float: none;
    font-size: 100%;
    font-weight: normal;
    padding: 0;
    width: auto;
}

.characters {
    color: #666666;
    font-size: 9px;
    text-align: right;
}

/* @end */

/* @group Breadcrumb */

p.breadcrumb { }
.breadcrumb, .breadcrumb a { color: #666666; text-decoration: none; }
  .breadcrumb a:hover { color: #1A4D60; text-decoration: underline; }


.pageNav td { padding: 2px 4px 2px 4px; }
.pageNav a { text-decoration: none; }
.pagination { text-align: right; background-color: #7088b0; color: #333333; }
.paginationNum { background-color: #FFFFFF; color: #333333; }
.navigationBack { background-color: #809ac5; color: #FFFFFF; font: bold 11px arial, helvetica, sans-serif; padding: 3px 6px 3px 6px; white-space: nowrap; }
.navigation { font: x-small arial, helvetica, sans-serif; }

td.featured { background-color: #F1F1F1; }
td.bold { font-weight: bold; }
td.highlighted { background-color: #FFF7D2; }

.row1 {
    background-color: #d0d0d0;
    background-color: #F1F1F1;
}

.row2 {
    background-color: #FFF;
}

/* @end */

/* @group impromptu */

.cleanbluewarning .cleanblue {
    background-color: #acb4c4;
}

.cleanbluefade {
    position: absolute;
    background-color: #aaaaaa;
}

div.cleanblue {
    font-family: Georgia,"Times New Roman",serif;
    position: absolute;
    background-color: #ffffff;
    width: 300px;
    font-size: 12px;
    text-align: left;
    border: solid 1px #213e80;
}

div.cleanblue .cleanbluecontainer {
    background-color: #ffffff;
    padding: 0px;
    font-weight: bold;
}

div.cleanblue .cleanblueclose {
    background: url('images/th.jpg');
    text-align: right;
    width: 90%;
    cursor: default;
    padding: 1px 15px;
    color: #ffffff;
    font-weight: bold;
}

div.cleanblue .cleanbluemessage {
    padding: 10px;
    line-height: 20px;
    font-size: 11px;
    color: #333333;
}

div.cleanblue .cleanbluebuttons {
    text-align: right;
    padding: 5px 0 5px 0;
    border: solid 1px #eeeeee;
    background-color: #f4f4f4;
}

div.cleanblue button {
    padding: 3px 10px;
    margin: 0 10px;
    background-color: #567ebb;
    border: solid 1px #f4f4f4;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
}

div.cleanblue button:hover {
    border: solid 1px #d4d4d4;
}

#search_sb{ width:275px; float:left; margin:25px auto 10px 12px; }
#search_sb label { font-weight:bold; }
#search_sb p { margin-bottom:10px; }

/* @end */