/* CSS Document */

html {
margin: 0;
padding: 0;
text-align: center;
}

body {
padding: 10px 0;
margin: 0 auto;
text-align: center;
font: normal 12px Verdana, sans-serif;
background: #f0f7ff url(body-bkg.gif) repeat-x 0 0;
}

a img {
border: none;
padding: 0px;
margin: 0px;
}

#overall {
width: 960px;
padding: 0;
margin: 0 auto;
text-align: left;
}

#header {
width: 960px;
background: transparent url(headerbg.jpg) no-repeat 0 0;
float: left;
}

#container {
width: 952px;
background: #fff url(containerbg.gif) repeat-y 0 0;
float: left;
border-left: 4px solid #fff;
border-right: 4px solid #fff;
border-bottom: 4px solid #fff;
}

* html #container { width: 960px; }

#footer {
clear: both;
width: 960px;
background: #f0f7ff url(topoffooter.gif) no-repeat 0 0;
}

/*-------Header-------*/
.logo { float: left; }

.freenumber { float: right; }

div#date {
width: 951px;
font-size: 11px;
color: #333366;
text-align: right;
padding-right: 7px;
float: right;
padding-bottom: 2px;
}

.headernav {
width: 952px;
height: 25px;
float: left;
border-left: 4px solid #fff;
border-right: 4px solid #fff;
border-bottom: 3px solid #fff;
background: #dd8b21 url(gnav-bkg.gif) repeat-x 0 0;
}

* html .headernav { width: 960px; }

/*-------Left Navigation-------*/
.leftnav {
width: 180px;
float: left;
padding: 0 0 10px 0;
}

.home-mess {
font-size: 11px;
color: #000000;
width: 163px;
padding-left: 10px;
padding-right: 7px;
padding-top: 12px;
}

ul#sc-left-nav {
padding: 10px 0 10px 0;
margin: 0;
list-style: none;
}

ul#sc-left-nav li { padding-left: 3px; }

ul#sc-left-nav li a {
color: #333366;
text-decoration: underline;
font-size: 11px;
display: block;
}

ul#sc-left-nav li a span {
display: block;
padding: 5px 5px 5px 7px;
}

ul#sc-left-nav li a:hover {
text-decoration: none;
background: #fff url(left-nav-bg-top.gif) no-repeat left top;
}

ul#sc-left-nav li a:hover span { background: url(left-nav-bg-bottom.gif) no-repeat left bottom; }

/*------Content------*/
.content {
width: 752px;
margin: 0;
padding: 10px 10px 0 10px;
float: right;
}

* html .content { width: 760px; }

*:first-child+html .content { width: 760px; }

span#breadcrumbs, span#breadcrumbs a {
font: normal 11px Verdana, sans-serif;
color: #333366;
}

h1.headertext {
padding: 6px 2px;
color: #333366;
font: bold 15px Verdana, sans-serif;
text-align: left;
margin: 0;
}

h2.headertext {
padding: 6px 4px;
color: #333366;
font: bold 15px Verdana, sans-serif;
text-align: left;
margin: 0;
}

h3 { font: bold 14px Verdana, sans-serif; color: #336; }

/*-------Footer-------*/
.footerlinks {
font-size: 11px;
color: #000000;
width: 960px;
text-align: center;
padding-top: 28px;
}

.footerlinks a {
font-size: 11px;
color: #000000;
text-decoration: underline;
}

.copyright {
font-size: 11px;
color: #000000;
width: 960px;
text-align: center;
}

/*-------Home/Section/Item Page Variables------*/
div.specials-holster {
text-align: center;
width: 384px;
float: left;
}

div.top-products table, div.demo-videos table { margin: auto; }

div.top-products table td, div.demo-videos table td { font: normal 11px/1.3 Verdana, sans-serif; }

div.top-products table td a, div.demo-videos table td a { font: normal 11px/1.3 Verdana, sans-serif; }

div.demo-videos table a { color: #000; }

div.offer-holster {
text-align: left;
width: 160px;
float: right;
font: normal 11px/1.3 Verdana, sans-serif;
}

div.creditcards {
text-align: center;
clear: both;
padding-top: 40px;
padding-bottom: 10px;
}

div.image-holster {
text-align: center;
width: 300px;
float: left;
}

div.pit-holster {
text-align: left;
width: 444px;
float: right;
font: normal 11px/1.3 Verdana, sans-serif;
}

div.pit-holster a { color: #333366; }

div.pit-holster p { margin: 6px 0; }

div.pit-holster ul {
list-style-image: url(starbullet.gif);
padding-left: 26px;
}

div.pit-holster ul li { padding: 2px 0; }

div.pit-holster form { margin: 0; }

div.pit-holster form input, div.pit-holster form select {
font: normal 11px/1.3 Verdana, sans-serif;
width: 220px;
margin: 2px;
}

div.pit-holster form input.add-to-cart {
width: auto;
margin: auto;
}

div.pit-holster span.special { color: #f17102; }

div.pit-holster span.free {
font-weight: bold;
color: #db0000;
}

div.pit-holster span.blueprice {
font-weight: bold;
color: #50a5de;
}

div.cross-sell {
clear: both;
padding: 26px 0;
text-align: center;
}

div.cross-sell h2.headertext { background: url(crosssellbar.gif) repeat-x 0 0; }

div.cross-sell table { margin: auto; }

div.cross-sell table td { font: normal 11px/1.3 Verdana, sans-serif; }

div.cross-sell table td a { font: normal 11px/1.3 Verdana, sans-serif; }

/* --- Contact page --- */
form#contact-us {
margin: 8px auto;
padding: 0;
width: 540px;
}

form#contact-us div.back {
background: #E6EFF9 url(contactformbg.jpg) no-repeat top left;
width: 440px;
float: left;
padding: 4px 80px 4px 20px;
}

* html form#contact-us div.back { width: 540px; }

*:first-child+html form#contact-us div.back { width: 540px; }

form#contact-us label {
width: 108px;
text-align: left;
float: left;
color: #000;
font: normal 12px Verdana, sans-serif;
padding-right: 8px;
margin-top: 8px;
clear: left;
}

form#contact-us div.input-area {
width: 324px;
float: left;
}

form#contact-us select, form#contact-us input {
width: 200px;
float: left;
padding: 2px;
margin-top: 4px;
font: normal 11px Verdana, sans-serif;
}

form#contact-us textarea {
width: 320px;
height: 104px;
margin-top: 4px;
padding: 2px;
font: normal 11px Verdana, sans-serif;
margin-bottom: 8px;
}

form#contact-us input#reset-button {
width: auto;
float: none;
margin: auto 10px auto auto;
border: none;
vertical-align: middle;
}

form#contact-us div.buttons {
padding: 12px 80px;
text-align: right;
clear: left;
}

form#contact-us div.buttons input {
width: auto;
float: none;
margin: auto 10px;
border: none;
vertical-align: middle;
}

/* --- Sitemap page --- */

.sitemap-header {
font-weight: bold;
font-size: 14px;
color: #000000;
display: block;
padding-top:  15px;
}

.sitemap-1 {
font-weight: bold;
font-size: 12px;
color: #1F2558;
display: block;
padding-left: 25px;
}

.sitemap-2 {
font-size: 12px;
color: #333366;
display: block;
padding-left: 50px;
}

.sitemap-3 {
font-size: 10px;
color: #1F2558;
display: block;
padding-left: 75px;
}

.sitemap-4 {
font-size: 8px;
color: #333366;
display: block;
padding-left: 100px;
}