/* @override
	http://atlastactical.com/css/styles2.css */

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; font-family: "Times New Roman", Times, serif;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}


/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* =============================================================================
   Links
   ========================================================================== */

a { color: #ee0000; }
a:visited { color: #ee0000; }
a:hover { color: #d53434;
	text-decoration: underline;
}


/* =============================================================================
   Typography
   ========================================================================== */

ins { background: #ff9; color: #000; text-decoration: none; }


/* =============================================================================
   Forms
   ========================================================================== */

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }



/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #ecebeb; }


/* =============================================================================
   Tables
   ========================================================================== */

td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: black; color: white; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:  Lynn Appleget; Appleget Associates based on initializr
   ========================================================================== */
body {
	font: 16px/20px Helvetica, Helvetica;
	color: white;
    background: #000000 url('../images/bg_full3.jpg') no-repeat center top; background-attachment: fixed; }

#main {
max-width: 990px;
	margin: 0 auto;
	padding: 9px 0;	
}

#main2 {
	color: black;
max-width: 990px;
	margin: 10px auto 0;
	padding: 9px 20px 15px;
	background-color: #f0f0f0;
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #ccc;
	
}
#banner-rotator{
	margin-right: auto;
	margin-left: auto;
	width: 720px;
}

#mainH {
	color: black;
max-width: 990px;
	margin: 10px auto 0;
	padding: 9px 0 9px 15px;
	background-color: transparent;
}

#main-container {
float: left;
width:  77%;
margin-left: 1%;
}


#FSCForm1 {
	padding-left: 20px;
}


#page-container {	
margin-top: 15px;

/*	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #ccc;

 	-moz-box-shadow: 1px 1px 1px #625e5e;
	-webkit-box-shadow: 1px 1px 1px #625e5e;
	box-shadow: 1px 1px 1px #625e5e;

background-color: rgba(28,28,28,0.85); */
padding: 1px;
		margin-left: 1px;
	}

.wrapper{
	width:98%;
	margin:0 1%;
}


#logodiv { max-width: 200px;
	float: left;
}

img.logo  { border: 0;
		max-width: 60%;
		height: auto;
		width: auto\9; /* ie8 */
				
		padding-left: 30px;
		padding-right: 30px;
	}
#headerdiv { max-width: 600px;
		float: left;
		position: relative;
	
}
#headerdiv {
	font-family: "Adobe Jenson Pro","Times New Roman", Times, serif;
	padding-top: 15px;
	padding-left: 15px;
}


#topnav {
	float: right;
	width: 990px; margin: 0 auto;
	height: 33px; padding: 6px 0;
	background: url('../images/topnav-bg.jpg');
	border-bottom: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e4e4e4;
}

#topnav ul {
list-style:none;
padding-bottom: 0;
padding-right: 0;
padding-left: 0;
top: -12px;
position: relative;
}


#topnav li {
float:left;
display:block;
text-align:left;
position:relative;
background-color: #8d3a1d;
border-right: 1px solid #a98779;
height: 30px;
}


#topnav .menu_link {
	display: block; margin: 2px 12px 4px 12px; padding: 4px 0 2px 0;
	font-family: Times, serif; font-size: 15px;
	color: #d6cbb0;
	text-decoration: none;
	border: 1px solid #8c4120;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding-left: 8px;
	padding-right: 8px;
	
}

#topnav .menu_link:hover {
	color: #d6cbb0;
	background-image: url('../images/nav-item-over-bg-b.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	border: 1px solid #66483f;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding-left: 8px;
	padding-right: 8px;
	
}

#topnav .live_link {
	color: #d6cbb0;
	text-decoration: none;
	background-image: url('../images/nav-item-over-bg-b.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	border: 1px solid #66483f;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
padding-left: 8px;
padding-right: 8px;

}

#top_nav .menu_checkout_td {
	width: 250px;
}

#topnav li #checkout_button{
padding-left: 8px;
padding-right: 8px;
height: 23px;
width:125px;
}

#checkout_button {
display: block; margin: 3px 12px; padding: 2px 0 0 6px;
	background-image: url('../images/nav-item-over-bg.jpg');	
background-position: top center;
background-repeat: no-repeat;
border: 1px solid #66483f;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
color: #c4a866;
text-decoration: none;
font-family: Times, serif; font-size: 16px; font-style: italic; line-height: 21px;
}

#checkout_button:hover { color: #fff; }

#cart_items { font-size: 12px; font-style: normal; padding: 0 0 0 6px; }

#cart_icon { position: absolute; top: 4px; right: 6px; }



#side-nav-container
{	
float: left;
max-width:  200px;
	margin-left: -22px;
}

#left_side-nav
{	
	position: relative;
	background-color: #8d3a1d;
	z-index: 3;
	}
.sidebar_pane
{	
	position: relative;
	border-right:    1px solid #999999;
	border-left:    1px solid #999999;
	border-bottom:    1px solid #999999;
	background-color: black;
		z-index: 3;
	}

/* sidebars */
#sidebar {
	margin: 0 6px;
	color: #d9d9d9;
	/*background-image: url('sidebar_slice_bg.jpg');
	background-position: top;
	background-repeat: repeat-x;*/
}


#sidebar_nav {
	position: relative;
 	margin: 0 auto; padding: 0;
	list-style: none;
 	white-space: nowrap;
 	text-align: left;
border-right:    1px solid #999999;
border-left:    1px solid #999999;
border-bottom:    1px solid #999999;
}

#sidebar_nav li a {
	display: block; 
	background-color: #bea263;
	padding: 5px 2px 4px 3px;	
	text-decoration: none;
	color: #000000;
	font-family: DejaVuSans, Arial, sans-serif;	
	font-size: 14px;
		text-decoration: none;
		border-bottom: 1px solid #333;

}

#sidebar_nav li a:hover, nav ul li a:active {
	text-decoration: none;
	color: #000000;
	background-color: #8d3a1d;
}

#sidebar_nav .subnav {
	display: none;
	margin: 0 auto; 
	padding: 0;
	list-style: none;
}

#sidebar_nav .subnav li { text-align: left; margin: 0; padding: 0; }

#sidebar_nav .subnav a {
	padding: 2px 0 2px 9px;
	color: #000000; background-color: #d1b26d;
	font-size: 13px;
}

#sidebar_nav .subnav a:hover {
	color: #000000;
	background-color: #8d3a1d;
}
#sidebar h2 {
	display: block;
	margin: 0 0 1px 0; padding: 6px 3px 6px 4px;
	background-color: #8d3a1d;
	font-family: DejaVuSans, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	color: #d6cbb0;
	text-transform: uppercase;
}

#sidebar h3 {
	display: block;
	margin: 0; 
	padding: 3px 3px 2px 3px;
	background-color: #8d3a1d;
	border-bottom: 1px solid #202020;
	text-align: left;
	color: #d6cbb0;
	text-transform: uppercase;
	border-top: 1px solid #444;
	font: normal 14px DejaVuSans, Arial, sans-serif;
	text-transform: uppercase;
	border-top: 1px solid #444;
	
}

.sidebar_content {
	display: block;
	margin: 0; padding: 3px;
	text-align: center;
	font: 12px/16px Arial, Helvetica, sans-serif;
	background-color: #d1b26d;
	color: #000000;
		
	}

.sidebar_link, #sidebar a {
	color: #000000;
	text-decoration: none;
}
.sidebar_link:hover, #sidebar a:hover {
	color: #8d3a1d;
}


#sidebar_nav li a.live, nav ul li a.live:hover { background-color: #b4b4b4; }

#sidebar_nav .subnav li {
	text-align: left;
	margin: 0; padding: 0;
}

#sidebar_nav .subnav a {
	padding: 2px 0 2px 10px;
	color: #000000;
	background-color: #d1b26d;
	font-size: 12px;
}

#sidebar_nav .subnav a:hover {
	color: #000000;
	background-color: #8d3a1d;
}

.sidebar_spacer { margin: 6px; height: 3px; background-image: url('../images/sidebar-spacer-bg.jpg'); }

.navhead { text-transform: uppercase; } /* affects sidebar menu headings only */
.sidebar_nav2 { text-transform: uppercase; } /* affects sidebar menu headings only */


#social {
/*	position: fixed; bottom: 0; */
	width: 95%; 
	
	text-align: center; padding: 5px; height: 38px;
	background: #000000 url('../images/social_bg.jpg') repeat-x; z-index: 1000;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-radius: 5px;
	font-family: Helvetica, Arial, sans-serif; color: #ccc; font-size: 12px;
	right: auto;
	margin-left: 15px;
	margin-bottom: 5px;
}
#social a { text-decoration: none; color: #ccc; }
#social a:hover { text-decoration: none; color: #fff; }

.copyright {color: #ee0000;
font-size: 75%;
	
}
#search_in { width: 120px;
}
#search_div { position: relative; }
#search_for { width: 100px; margin: 3px 3px 0 0; font-size: 13px; }
#search_button { font-size: 11px; }
#search_lookahead { 
	width: 98%; overflow: hidden;
	position: absolute; left: 0px; top: 20px; 
	list-style: none; margin: 0px; padding: 0px; 
	background-color: #fff; border: 1px solid #999; 
}

/*for content   */

/* headers */
h1 {
	display: block; position: relative;
	padding: 3px 0 0 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	color: #d6cbb0;
	text-transform: uppercase;
	clear: both;
}
h1.default { margin: 0 3px 0 0; padding: 5px 3px 7px 6px; background-color: #8d3a1d; }
h1.featured_items { margin: 0 3px 0 0; padding: 5px 3px 7px 6px; background-color: #9e0000; }
h1.best_sellers { margin: 0 3px 0 0; padding: 5px 3px 7px 6px; background-color: #996633; }
h1.catalog { margin: 0 3px 0 0; padding: 5px 3px 7px 6px; background-color: #8d3a1d; }
h1.similar_items { margin: 0 3px 0 0; padding: 5px 3px 7px 6px; background-color: #8d3a1d; }
h1.stores { margin: 0; padding: 6px 3px 3px 4px; font-size: 14px; text-align: center; color: #fff; }

p.footer {
	color: #ee0000;
	font-size: 75%;
	
}

.firstletter {
	font-variant: small-caps;
	color: #ee0000;
	font-size: 400%;
	line-height: 75%;
letter-spacing: .1em;
}
.secondletter {
font-variant: small-caps;
color: #ffffff;
font-size: 350%;
letter-spacing: .1em;
}

.center{
	text-align: center;
}
h2 #title, .title {
	color: #ee0000;
}
section {	
	width:  98%;
	margin: 0;

}
subsection50 {
	display: block;
}
subsection50 {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	display: block;
 	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
 	-moz-box-shadow: 1px 1px 1px #625e5e;
	-webkit-box-shadow: 1px 1px 1px #625e5e;
	box-shadow: 1px 1px 1px #625e5e;
	background-color: rgba(28,28,28,0.75);
	padding: 1px;
	margin-bottom: 10px;
		border: 1px solid #ccc;
	
}
subsection50 {
	width:  48%;
	height: 140px;
}

subsection50 subsection50 {
	width:  48%;
	clear: both;
}

.button2 {
behavior: url(css/PIE.htc);
display: inline-block;
position: relative;
padding: 4px 15px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
background-color:#d53434;
background-image: -moz-linear-gradient(top , #d53434, #aa0000 60px);
background-image: -webkit-linear-gradient(top , #d53434, #aa0000 60px);
background: -webkit-gradient(linear, 0% 100%, 0% 0%,  from(#D53434), to(#AA0000), color-stop(1,#AA0000),color-stop(.3,#D53434));
background-image: -o-linear-gradient(top , #d53434, #aa0000 60px);
background-image: -ms-linear-gradient(top , #d53434, #aa0000 60px);
background-image: linear-gradient(top , #d53434, #aa0000 60px);	
-pie-background: linear-gradient(#d53434, #aa0000); /*PIE*/
color: white !important;
-webkit-box-shadow: inset 0 1px 1px white,0 3px 3px rgba(0, 0, 0, 0.6);
-moz-box-shadow: inset 0 1px 1px white,0 3px 3px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 1px white,0 3px 3px rgba(0, 0, 0, 0.6);
border: 1px solid #acabab;
font-weight: 600;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
font-size: 12pt;
line-height: 1.0em;
text-decoration: none;
margin-top: 3px;
}

.button2:hover{
behavior: url(css/PIE.htc);

-webkit-box-shadow: inset 0 2px 6px white,0 3px 3px rgba(0, 0, 0, 0.6);
-moz-box-shadow: inset 0 2px 6px white,0 3px 3px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 2px 6px white,0 3px 3px rgba(0, 0, 0, 0.6);
text-decoration: none;
}
.button2:active,  {
behavior: url(css/PIE.htc);
-webkit-box-shadow: inset 0 2px 6px white,0 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: inset 0 2px 6px white,0 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 2px 6px white,0 1px 1px rgba(0, 0, 0, 0.6);
top: 2px;
}
	
.small_title {
	color: #ee0000;
	margin-right: 6px;
	font-weight: bold;
}

.email a { color: #ee0000;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
}
.email a:visited { color: #ee0000; }
.email a:hover { color: #d53434;
	text-decoration: underline;
}

/* ==============
    MOBILE: Menu
   ============== */

nav a{
	display:block;
	margin-bottom:10px;
	padding:15px 0;

	background:#d53434;
	color:white;
	text-decoration:none;
	font-weight:bold;
}

nav a:hover, nav a:visited{
	color:white;
}

nav a:hover{
	text-decoration:underline;
}

/* ==============
    MOBILE: Main
   ============== */

#main{
	padding: 10px 0 5px;
}

#main article h1{
	font-size:2em;
	color: white;
	text-align: center;
}
#main-container h1{
	font-size:2em;
	color: white;
	text-align: center;
}

#main aside{
	color:white;
	padding:0px 5% 10px;
}

#footer-container footer{
	color: #e3e3e3;
	padding: 10px 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 #title{ padding-top:20px; }

.ie8 subsection50 {
	display: inline;
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
       
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}