@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------------------------------------------
creator
date
notes:  all comments are tentative to clarify inherited mess from Red Olive Designs
----------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------
general - global stuff   e.g.  h1   *  body, etc
-------------------------------------------------------------------------------------------*/
* {
	margin:0px;
	padding:0px;
}


body {
	margin:0px;
	background:url(images/stone.jpg) center;
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
}

html{
	height: 100%;
}

body{
	height: 100%;
}

h1 {
	font:16px Arial, Helvetica, sans-serif;
	color:#99cccc;
	padding:5px 0px 8px 0px;
	text-transform:uppercase;	
}

h5 {
	color:#013236;
	font-size:17px;
	font-family:tahoma;
	padding:0px 0px 15px 0px;
	letter-spacing:.1em;
	font-weight:normal;
}

h5 {padding: 0; margin: 0; font-size: 12px; color: #003333; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}

/* Tags */

p {
	padding:5px 0px 8px 0px;
	font-weight: bold;
}

a {
	color:#efde43;
}


/* ---------------------------------------------------------------------------------------
classes   Classes 
-------------------------------------------------------------------------------------------*/
.clearboth {
	clear:both;
}

.tdpng {
	background-image:url(/images/tdbg.png);
	font-size:12px;
	font-weight:bold;
	/* text-transform:uppercase; */
	border-bottom:1px dotted #666666;
	border-top:1px dotted #666666;
	padding:10px;
	margin-bottom:10px;
	clear: both;
}



.end{
	padding-right:0px;
}

.price{
	font:14px Arial, Helvetica, sans-serif;
	color:#efde43;
}

.button{
	padding-left:5px;
}

.models_container {
width:399px;	
color:#333333;
	
}


.full_width {
color:#333333;
font-size:12px;
	
}

.full_width h1{
 	color:#003335;
	font-weight:bold;
	font-size:18px;
	padding:0px 0px 8px 0px;
	margin:0px;
}

.structural{
	position:absolute;
	left:-500em;
		
}

.scontentsub dl {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.scontentsub dt {
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003333;
	font-size: 12px;
	font-weight: bold;
}
.scontentsub dl dd {
	margin: 0px;
	padding-top: 0px;
	padding-right: 70px;
	padding-bottom: 5px;
	padding-left: 35px;
	list-style-type: none;
}
.product {
	font-variant: small-caps;
	text-decoration: none;
}

/* ---------------------------------------------------------------------------------------
ID
-------------------------------------------------------------------------------------------*/
#shoptable img {border: 2px solid #1a1a1a;}

#tdpng {
	background-image:url(/images/tdbg.png);
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px dotted #666666;
	border-top:1px dotted #666666;
	padding:10px;
	margin-bottom:10px;
	clear: both;
}

#tdpng2 {
	background-image:url(/images/tdbg.png);
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px dotted #666666;
	border-top:1px dotted #666666;
	padding:10px;
	margin-bottom:10px;
}

#redolive {
	color:#013236;
	font-size:14px;
	font-family:tahoma;
	padding:0px 0px 15px 0px;
	font-weight:normal;
}




/*------------------------------------------------------------------------
content
------------------------------------------------------------------------*/

/* IDs */
#container {
	width:960px;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}

/*--------------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------------*/
#header {
	height: 83px;
	width: 100%;
	background:url(images/header.png) top center no-repeat;

}
/*--------------------------------------------------------------------------------------
navigation
---------------------------------------------------------------------------------------*/
#navigation {
	margin-top: 10px;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	height: 30px;
	display: block;
}

#navi, #navi ul{ margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; font-family: Verdana, Arial; width: 100%; }
#navi a {display:block; color:#898989; text-decoration:none; text-align: center;}
#navi a:hover {color:#961a2f;}
#navi li {float: left; position: relative; margin-right: 15px;}
#navi .nopad {margin-right: 0;}
#navi ul {position:absolute; display:none; width: 126px;}
#navi li ul a{width: 126px; text-align: left; padding-top: 8px; padding-bottom:8px; padding-right: 0; float:left; color: #FFF; background-image: none; background-color: #202020; padding-left: 15px; margin: 0; font-size: 10px;}
#navi li ul a:hover {background-image: none; background-color: #1A1A1A; color: #CCC;}
#navi ul ul{background-image: none;}
#navi ul ul li a {background-color: #3F3F3F;}
#navi li ul ul {left: 141px;}
#navi li:hover ul ul, #navi li:hover ul ul ul, #navi li:hover ul ul ul ul{display:none;}
#navi li:hover ul, #navi li li:hover ul, #navi li li li:hover ul, #navi li li li li:hover ul{display:block;}

/*--------------------------------------------------------------------------------------
secondary page content
---------------------------------------------------------------------------------------*/
#secondary_content {
	width:829px;
	background:url(images/secondary-repeatbg.jpg) repeat-y;
	padding:25px 70px 0px 70px;
}
#secondary-titlenav {
	width:829px;
	border-bottom:2px solid #003335;
}
#secondary-titlenav h1 {
	color:#003335;
	font-weight:bold;
	font-size:18px;
	padding:0px;
	margin:0px;
}
#secondary-title {
	float:left;
}

/*--------------------------------------------------------------------------------------
secondary page navigation
---------------------------------------------------------------------------------------*/
#nav-head {color: #003335; font-size: 16px; font-weight: bold;}
#secondary-nav {
	float:right;
	height:20px;
	margin:0px;
	padding:0px;
	display: inline-block;
}
#secondary-nav a {
	background-color:#003335;
	text-decoration:none;
	color:#FFF;
    font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:20px;
	margin:0px;
	padding:0px;
	float: left;
	display: inline;
}
#secondary-nav img {float: left; text-align: left;}
#secondary-nav a:hover {
	background-color:#003335;
	text-decoration:none;
	color:#efde43;
    font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:20px;
	margin:0px;
	padding:0px;

}

#gridLeft{
	padding-left:4px;
}

#leftCol{
	width:676px;
	float:left;
}

#rightCol{
	width:293px;
	float:left;
}

#bag_bottom{
	width:293px;
	height:163px;
	position:relative;
}

#tag_line{
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	position:absolute;
	bottom:45px;
	left:29px;
}
/*--------------------------------------------------------------------------------------
products
---------------------------------------------------------------------------------------*/
#rightcolprod {
	float:right;
	padding:5px;
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
}
#rightcolprod h2{
	padding:10px 0px 10px 0px;
	font:15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#444444;
	text-transform:uppercase;
}
#rightcolprod li{
	list-style:circle;
	margin: 5px 10px 5px 16px;
	width:350px;
}


#leftcolprod li{
	list-style:circle;
	margin: 5px 10px 5px 12px;
}
#leftcolprod {
	
	float:left;
	padding:6px;
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
}
#leftcolprod h2{
	padding:10px 0px 10px 0px;
	font:15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#444444;
	text-transform:uppercase;
}
#leftcolprod h1{
	padding:10px 0px 10px 0px;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003335;
	text-transform:uppercase;
}
#rightcolprod h1{
	padding:10px 0px 10px 0px;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003335;
	text-transform:uppercase;
}

#price_button{
	position:absolute;
	bottom:20px;
	left:29px;
}

#page_html{
	padding-top:15px;
	line-height:135%;
}
/*--------------------------------------------------------------------------------------
footer
---------------------------------------------------------------------------------------*/
#footer
{
	height:68px;
	width:969px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	
} 

#inner_footer{	
	position:relative;
	width:700px;
	font-size:9px;
	color:#99cccc;
	top:44px;
}


/* ----------------------------------------------------------------------------------------------------------------------------------------
 							backpacking.edu 
------------------------------------------------- ------------------------------------------------------------------------------------------------*/
#subcontent .scontentsub a.product:hover {
	color:#efde43;
}

#subcontent .scontentsub .page a{
	color:#800000;
	font-size:13px;
	font-weight:bold;
}
 #img-container p{
	/* margin:50 0 0 25; */
	padding: 0 0 0 50;
	}

#footer
{
position: relative;
margin-top: -95px;
} 


/* --------------------------------------
				still to be organized  
				
				-----------------------------------------------*/


#tdlight {
	background-color:#C8C8C8;
	padding:8px 0px 8px 0px;

}

#prodtable {
	font-weight:bold;
}

#prodtable tr:hover {
	background-color:#C8C8C8;
	color:#333333;
}

#prodtable  .total {
	width: 200px;
	}

#tdlight {
	background-color:#C8C8C8;
	padding:8px 0px 8px 0px;

}

#content {
	width:969px;
}


#img-container {
	width: 838px;
	margin: 0 auto 20px;
	overflow: hidden;
	display: block;
}
#img-container .icleft {width: 590px; float: left;}
#img-container img {padding-left: 15px;}

#secHeader {width: 100%; height: 83px;}
#secHeader .logo {width: 969px; margin: 0 auto;}

#navigation-sub {width: 100%; height: 30px;}
#navigation-sub .nav {width: 969px; padding-top: 10px; margin: 0 auto; text-align: center;}

#yellow {width: 960px; height: 25px; margin: 0 auto; background: url('../images/yellow-bar.png') bottom left repeat-x;}

#randomize {width: 838px; overflow: hidden; display: inline-block; font-size: 10px;}
#randomize ul {display: inline-block; list-style: none; list-style-position: outside; margin: 0 auto; }
#randomize ul li {width: 207px; display: inline-block; text-align: center; height: 225px; float: left;}

#subcontent {width: 100%; display: block; overflow: hidden;}
#subcontent .stop {width: 898px; height: 80px; background: url('../images/anav-top.png') top left no-repeat; padding-left: 35px; padding-top: 35px; padding-right: 35px;}
#subcontent .stop .snav {width: 100%; height: 20px; border-bottom: 2px solid #003335; display: inline-block; padding-top: 20px;}
#subcontent .stop .snav .scont {height: 20px; float: right; display: inline;}
#subcontent .stop .snav .scont a {height: 15px; display: block; background: #003335; text-decoration: none; margin: 0; padding: 0; float: left; padding-top: 5px; color: #FFF;} 
#subcontent .stop .snav .scont a:hover {color: #efde43;}
#subcontent .stop .snav .scont img {display: block; float: left;}
#subcontent .stop h1 {color: #202020;}
#subcontent .scontent {width: 918px; padding-left: 25px; padding-right: 25px; padding-top: 0px; padding-bottom: 0px; background: url('../images/anav-rpt.png') top left repeat-y; margin: 0 auto; border-color: #202020; color: #202020;}
#subcontent .scontentsub {width: 838px; padding-left: 65px; padding-right: 65px; padding-top: 0px; padding-bottom: 0px; background: url('../images/anav-rpt.png') top left repeat-y; margin: 0 auto; border-color: #202020; color: #202020; overflow: hidden;}
#subcontent .scontent a {color: #1a1a1a;}
#subcontent .scontent a:hover {color: #202020;}
#subcontent .scontentsub a {color: #1a1a1a;}
#subcontent .scontentsub a:hover {color: #202020;}
#subcontent .sbottom {width: 968px; height: 125px; background: url('../images/anav-bottom.png') top left no-repeat;}
#subcontent .hleft {width: 672px; float: left;}
#hgallery {width: 672px; height: 291px;}
#hgallery img {width: 96px; height: 97px;}
#subcontent .hleft .hrow {width: 672px; height: 25px; background: url(images/hrow.png) top left repeat-x;}
.hcontent {
	width: 652px; 
	height: 296px; 
	background: url(images/hcontent.png) top left no-repeat; 
	color: #454545; 
	font-size: 12px; 
	padding-top: 20px; 
	float: left; 
	padding-left: 20px;}
.hcontent .hstyle {font-size: 16px; color: #003333; text-transform: capitalize;}
.hcontent h1 {font: 15px Arial, Helvetica, sans-serif;	color:#003333;	padding:5px 0px 8px 0px; text-transform:uppercase;}
#subcontent .hright {width: 288px; float: right;}
#subcontent .hright .htop {width: 288px; height: 291px;}
#subcontent .hright .hbottom {width: 288px; height: auto;}

.hcontentsub {
	width: 960px;
	height: auto;
	background: url(images/head-box2-big.png) top left no-repeat;
	color: #454545;
	font-size: 12px;
	padding-top: 20px;
	padding-left: 20px;
}
.hcontentsub .hstyle {font-size: 16px; color: #003333; text-transform: capitalize;}
.hcontentsub h1 {font: 15px Arial, Helvetica, sans-serif; color:#003333;	padding:5px 0px 8px 0px; text-transform:uppercase;}

#hcontentsub {
	width: 960px;
	height: auto;
	background: url(images/head-box2-big.png) top left no-repeat;
	color: #454545;
	font-size: 12px;
	padding-top: 20px;
	padding-left: 20px;
}

#footer-sub {width: 100%; overflow: hidden; padding-top: 50px;}
#footer-sub a {color: #EFDE43;}
#footer-sub .fcontainer {width: 960px; margin: 0 auto;}
#footer-sub .fcontainer .fcontent {width: 960px; min-height: 34px; _height: 34px; background: url('../images/footer-image.png') bottom right no-repeat; color: #99cccc; font-size: 10px; line-height: 18px;}
#footer-sub .fcontainer .frpt {width: 960px; height: 18px; background: url('../images/footer-rpt.png') top left repeat-x;}

#footer-sub-2 {width: 100%; overflow: hidden;}
#footer-sub-2 a {color: #EFDE43;}
#footer-sub-2 .fcontainer {width: 960px; margin: 0 auto;}
#footer-sub-2 .fcontainer .fcontent {width: 960px; min-height: 34px; _height: 34px; background: url('../images/footer-image.png') bottom right no-repeat; color: #99cccc; font-size: 10px; line-height: 18px;}
#footer-sub-2 .fcontainer .frpt {width: 960px; height: 18px; background: url('../images/footer-rpt.png') top left repeat-x;}

#div1 {width: 258px; height: 341px; background: url(images/1-bottom.png) top left no-repeat; padding-right: 20px; padding-left: 10px;}
#div1 h1 {font: 13px Arial, Helvetica, sans-serif;	color:#003333;	padding:5px 0px 8px 0px; text-align: center; text-transform: none;}
#div2 {width: 258px; height: 341px; background: url(images/2-bottom.png) top left no-repeat; padding-right: 20px; padding-left: 10px;}
#div2 h1 {font: 13px Arial, Helvetica, sans-serif;	color:#003333;	padding:5px 0px 8px 0px; text-align: center; text-transform: none;}
#div3 {width: 258px; height: 341px; background: url(images/3-bottom.png) top left no-repeat; padding-right: 20px; padding-left: 10px;}
#div3 h1 {font: 13px Arial, Helvetica, sans-serif;	color:#003333;	padding:5px 0px 8px 0px; text-align: center; text-transform: none;}
#div4 {width: 258px; height: 341px; background: url(images/4-bottom.png) top left no-repeat; padding-right: 20px; padding-left: 10px;}
#div4 h1 {font: 13px Arial, Helvetica, sans-serif;	color:#003333;	padding:5px 0px 8px 0px; text-align: center; text-transform: none;}

#homecontent {width: 960px; min-height: 150px; background: url(images/home-cnt-rrpt.png) top left repeat-y;}
#homecontent .homeleft {width: 652px; padding-left: 20px; font-size: 12px; color: #454545; float: left}
#endhome {width: 960px; height: 33px; background: url(images/home-cnt-rpt.png) top left no-repeat;}
#endhome2 {width: 960px; height: 33px; background: url(images/home-footersub.png) top left no-repeat;}


#faqdivcontainer div {padding-bottom: 15px; height: 200px;}

#optionscontainer div { overflow: hidden;}

#contactForm input {width: 300px;}
#contactForm select {width: 300px;}
#contactForm .submit {width: 125px; height: 25px;}

.warranty_disclaimer {
	color: #800000;
	border: 1px solid #000;
	margin: 5px;
	float: right;
	width: auto;
	padding: 10px;
}
#a11 {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
#warranty_h2 {
	color: #800000;
}
.warranty_underline {
	text-decoration: underline;
}


.floatRtUL {
	float: right;
	width: 208px;
	padding: 2px;
}
.floatLftul {
	float: left;
	width: 180px;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 24px;
}
#floatRtUlspec {
	float: right;
	width: 208px;
	padding: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#floatLftulspec {
	float: left;
	width: 160px;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	color: #800000;
}
.ordertabh3 {
	font-size: 12px;
	font-weight: bold;
	color: #800000;
}
.ordertabh2 {
	font-size: 10px;
	font-weight: bold;
	color: #800000;
}
#container .hcontentsub a {
	color: #102521;
}
.companylogo {
	vertical-align: bottom;
}

/* possible error with community pic display ,  What was this added for?*/
.scontentsub #tab1 div ul {
	padding: 15px;
}

/* possible correction with community pic display */
.scontentsub #tab1 #randomize ul {
	padding: 0px;
}

.hcontent p {
	padding:5px 0px 8px 10px;
	font-weight: normal;
	color: #000;
}
.hcontent a{
	color:#000;
}
.facebook {
	
}

#container.shoulder #tdpng a:hover {

	background-image:url(images/shoulder-straps.jpg);
	text-decoration:none;
	color:#efde43;
    
}