/* *************************************************************************

=HTML SELECTORS

************************************************************************* */

* {

}	

html {

}	

body {

	font-size:76%;

	margin:0;

	padding:0;

	font-family: Arial,Verdana;

	color: #000000;

	background:#ece4c9 url(../images/bg.page.gif) repeat-y center 0;

}

#headerBar{

	background: url(../images/bg.pageBar.gif) repeat-x center 0;

	position:absolute;

	z-index:-1;

	width: 100%;

	height: 30px;

	top: 0;

	left:0;

}



/* ----- HEADINGS ----- */

h1 span

{

	display:none;

}

h1 {

	margin:0px;

	padding:0px;

}

h2 {

	margin:0px;

	font-size: 20px;

	color: #3b454e;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: normal;

	padding: 35px 0 32px 0;

}

#ourCauseContent h2, #shopContent h2{

	padding-bottom:0px;

}

h3 {

	color: #548ea4;

	font-size: 20px;

	font-family: Georgia, "Times New Roman", Times, serif;

	margin:0;

	padding: 0 0 18px 0;

}

h4 {
	color: #333333;

	font-size: 18px;
	
	font-weight: bold;

	font-family: Georgia, "Times New Roman", Times, serif;

	margin:0;

	padding: 0 0 18px 0;
	

}

h5 {



}

h6 {

}



/* ----- PARAGRAPHS ----- */

p {

	margin:0px;

	padding:0px;

}

.drill p{

	font-size: 14px;

	color: #545454;

	padding: 0 0 14px 0;

}

p.subhead, p.subhead2{

	margin:0px;

	padding:0px;

	font-size: 16px;

	color: #545454;

	font-weight: normal;

	padding: 14px 0 14px 0;

}

p.subhead2{

	font-size: 12px;

	padding: 0;

}

/* ----- QUOTES ----- */

blockquote {

	margin:0;

}

cite {

}

/* ----- CODE ----- */

pre {

}

code {

}

/* ----- LISTS ----- */

li {

}

ol {



}

ul {

margin:0px;

padding:0px;

list-style:none;

}

ol li {



}



ul li {



}





/* ----- IMAGES ----- */

img {

	border:0;

	margin:0;

	padding:0;

}

/* ----- TEXT FORMATTING ----- */

strong {

}

em {

}

b {

}

i {

}

ins {

	text-decoration: none;

}

del {

}

/* ----- LINKS ----- */

a {

	color: #f08728;

	text-decoration: none;

	font-weight:bold;

	outline:none;

}

a:visited {



}

a:hover {

	color: #176788;

	text-decoration:none;

}



a:active

{

	outline: none;

}

a span

{

	display:none;

}

/* ----- TABLES ----- */

table {

}

caption {



}

thead {

}

tbody {

}

tfoot {

}

tr {

}

th {

}

td {



}

/* ----- FORMS ----- */

form {

	margin:0;

	padding:0;

}

fieldset {

}

legend {

}

label {

}

input, select, textarea {



}

optgroup {

}

option {

}



select

{



}

/* ----- DEFINITIONS ----- */

dl { 

}

dt {

}

dd {

}



/* ----- Horizontal Rule -----*/

hr{

}

.hr{

	background: url(../images/bg.hr.gif) repeat-x 0 0;

	height: 3px;

}



/* ----- ID AND CLASS SELECTORS ----- */

.clear {

	clear:both;

	font-size:0px;

	line-height:0px;

	margin:0px;

	padding:0px;

	height:0px;

}

.clearBoth{

	clear:both;

}

.floatLeft{ 

	float:left;

	position:relative;

}

.floatRight{ 

	float:right;

	position:relative;

}





/* *************************************************************************

=LAYOUT

************************************************************************* */





/* --- containers --- */

#wrapper{

	width: 1145px;

	margin: 0 auto;

	background: url(../images/bg.page.gif) repeat-y 0 0;

	position:relative;

	overflow:hidden;

}



#left-column{

	width: 245px;

	float:left;

	padding: 20px 0 0 0;

}



.drill{

	padding: 10px 0 70px 90px;

	overflow:hidden;

	height: 1%;

}

#shopContent{

	padding-bottom: 20px;

}

#main-column{

	width: 711px;

	float:left;

	padding: 0 0 0 17px;

}

.drill-content{

	padding: 15px 0 0 4px;

	width: 695px;

}

/* ----- footer ----- */

#footer{

	clear:both;

	padding: 0px 97px 30px 105px;

	overflow:hidden;

	height: 1%;

}

#footer ul li{

	float:left;

	font-size: 10px;

	font-weight:bold;

	color: #176788;

	padding: 5px 17px 0 0;

}

#footer ul li a{

	color: #176788;

}

#footer ul li a:hover{

	color: #f08728;

}

#footer ul li.label{

	padding-right: 8px;

}

#footer ul li.share{

	padding-right: 8px;

	padding-top: 0px;

}

#footer ul li.share a{

	width: 24px;

	height: 24px;

	display:block;

	text-indent:-9999px;

}

#footer ul li a.facebook{

	background: url(../images/icon.facebook.gif) no-repeat 0 0;

}

#footer ul li a.facebook:hover{

	background: url(../images/icon.facebook_o.gif) no-repeat 0 0;

}

#footer ul li a.twitter{

	background: url(../images/icon.twitter.gif) no-repeat 0 0;

}

#footer ul li a.twitter:hover{

	background: url(../images/icon.twitter_o.gif) no-repeat 0 0;

}

#footer ul li a.flickr{

	background: url(../images/icon.flickr.gif) no-repeat 0 0;

}

#footer ul li a.flickr:hover{

	background: url(../images/icon.flickr_o.gif) no-repeat 0 0;

}

#footer ul li a.youtube{

	background: url(../images/icon.youtube.gif) no-repeat 0 0;

}

#footer ul li a.youtube:hover{

	background: url(../images/icon.youtube_o.gif) no-repeat 0 0;

}

#footer #copyright{

	color: #4c97b0;

	font-size: 10px;

	float:right;

	padding: 5px 0 0 0;

}

/* ----- header ----- */

#header{

	background: url(../images/bg.headerBar.gif) no-repeat 0 0;

}

#topNav{

	width: 356px;

	float:right;

	padding: 3px 28px 0 28px;

	margin: 0 67px 0 0;

}



#topNav a{

	font-size: 11px;

	font-weight:bold;

	display:block;

	height:18px;

	float:left;

	padding: 6px 0 0 0;

	color: #176788;

}

#topNav a:hover{

	color: #f08728;

}

#likeUs{

	float: left;
	padding-left: 550px;
	margin-top:4px;

}

#topNav .officialStore{

	border-right: 1px solid #bab49f;

	display:block;

	float:left;

	font-size:11px;

	font-weight:bold;

	height:18px;

	padding:6px 10px 0 0;

	color:#176788;

}



#topNav a.cart{

	margin: 6px 0 0 0;

	padding: 0 6px 0 10px;

	height:14px;

	/*border-right: 2px solid #176788;*/

}



#topNav a.login{

	padding-left: 6px;

}



#nav{

	padding: 18px 82px 0 100px;

	clear:both;

}



/*--------Banners-----------*/

.banner a{

	padding: 0 0 25px 0;

	text-indent: -9999px;

	width: 243px;

	display:block;

}

#learnMoreBanner a{

	background: url(../images/banner.learnMore.gif) no-repeat 0 0;

	height: 84px;

}

#readMoreBanner a{

	background: url(../images/banner.readMore.gif) no-repeat 0 0;

	height: 95px;

}

#startGivingBanner a{

	background: url(../images/banner.shop.gif) no-repeat 0 0;

	height: 66px;

}



/*----------Header Images--------*/

#headerImage{

	background: url(../images/bg.drillImage.png) no-repeat 0 0;

	width: 708px;

	height: 152px;

	padding: 18px 0 0 3px;

}

#headerImage h1{

	text-indent: -9999px;

	width: 695px;

	height: 150px;

}

#headerImage h1.headerOurCause{

	background: url(../images/img.ourCause.jpg) no-repeat 0 0;

}

#headerImage h1.headerOurStory{

	background: url(../images/img.ourStory.jpg) no-repeat 0 0;

}

#headerImage h1.headerShop{

	background: url(../images/img.shop.jpg) no-repeat 0 0;

}

/*----------global drill elements --------*/

.breadcrumb{

	padding: 14px 0 0 4px;

	overflow:hidden;

	height: 1%;

	width: 695px;

}

.breadcrumb li{

	background: url(../images/arrow.breadcrumb.gif) no-repeat right 5px;

	padding: 0 9px 0 0;

	float:left;

	margin: 0 7px 0 0;

}

.breadcrumb li.current{

	background-image:none;

	padding-right: 0px;

}

.breadcrumb li a{

	font-size: 11px;

	color: #a5a5a5;

	font-weight:bold;

}

.breadcrumb li.current a{

	color: #69695d;

}

.breadcrumb li a:hover{

	color: #4887a1;

}

/* *************************************************************************

=NAVIGATION

************************************************************************* */





/*------ Global Navigation -----*/

#nav

{

}



#nav img{

	float:left;

	width: 226px;

	height: 48px;

}



#nav ul{

	float:right;

	width: 600px;

	height: 33px;

	padding: 10px 0 0 0;

}



#nav ul li{

	float: left;

}



#nav ul li a{

	display:block;

	text-indent: -9999px;

}


#nav ul li.home a{

	width: 97px;

	height: 33px;

	background: url(../images/nav.home.gif) no-repeat 0 0;

}



#nav ul li.home a:hover{

	background: url(../images/nav.home_o.gif) no-repeat 0 0;

}



#nav ul li.home a.on{

	background: url(../images/nav.home_a.gif) no-repeat 0 0;

}

#nav ul li.home{

	padding: 0 2px 0 0px;

}

#nav ul li.shop a{

	width: 100px;

	height: 33px;

	background: url(../images/nav.shop.gif) no-repeat 0 0;

}



#nav ul li.shop a:hover{

	background: url(../images/nav.shop_o.gif) no-repeat 0 0;

}



#nav ul li.shop a.on{

	background: url(../images/nav.shop_a.gif) no-repeat 0 0;

}



#nav ul li.shop{

	padding: 0 2px 0 0px;

}



#nav ul li.ourCause a{

	width: 113px;

	height: 33px;

	background: url(../images/nav.ourCause.gif) no-repeat 0 0;

}



#nav ul li.ourCause a:hover{

	background: url(../images/nav.ourCause_o.gif) no-repeat 0 0;

}



#nav ul li.ourCause a.on{

	background: url(../images/nav.ourCause_a.gif) no-repeat 0 0;

}



#nav ul li.ourCause{

	padding: 0 18px 0 0;

}



#nav ul li.ourStory a{

	width: 100px;

	height: 33px;

	background: url(../images/nav.ourStory.gif) no-repeat 0 0;

}



#nav ul li.ourStory a:hover{

	background: url(../images/nav.ourStory_o.gif) no-repeat 0 0;

}



#nav ul li.ourStory a.on{

	background: url(../images/nav.ourStory_a.gif) no-repeat 0 0;

}



#nav ul li.ourStory{

	padding: 0 21px 0 0;

}	



#nav ul li.ourCommunity a{

	width: 130px;

	height: 33px;

	background: url(../images/nav.newsEvents.gif) no-repeat 0 0;

}



#nav ul li.ourCommunity a:hover{

	background: url(../images/nav.newsEvents_o.gif) no-repeat 0 0;

}



#nav ul li.ourCommunity a.on{

	background: url(../images/nav.newsEvents_a.gif) no-repeat 0 0;

}

/*------ Main Navigation -----*/

#subnav{

	width: 239px;

	padding: 0 0 70px 0;

}

#subnav li a{

	text-indent: -9999px;

	display:block;

}	

#subnav li.subnav-ourcause a{

	background: url(../images/subnav.ourCause.gif) no-repeat 0 0;

	height: 41px;

}

#subnav li.subnav-ourcause a:hover{

	background: url(../images/subnav.ourCause_o.gif) no-repeat 0 0;

}

#subnav li.subnav-ourcause a.on{

	background: url(../images/subnav.ourCause_a.gif) no-repeat 0 0;

}



#subnav li.subnav-foundation a{

	background: url(../images/subnav.FoundationInfo.gif) no-repeat 0 0;

	height: 39px;

}

#subnav li.subnav-foundation a:hover{

	background: url(../images/subnav.FoundationInfo_o.gif) no-repeat 0 0;

}

#subnav li.subnav-foundation a.on{

	background: url(../images/subnav.FoundationInfo_a.gif) no-repeat 0 0;

}



#subnav li.subnav-featstories a{

	background: url(../images/subnav.featStories.gif) no-repeat 0 0;

	height: 38px;

}

#subnav li.subnav-featstories a:hover{

	background: url(../images/subnav.featStories_o.gif) no-repeat 0 0;

}

#subnav li.subnav-featstories a.on{

	background: url(../images/subnav.featStories_a.gif) no-repeat 0 0;

}



#subnav li.subnav-ourstory a{

	background: url(../images/subnav.ourstory.gif) no-repeat 0 0;

	height: 41px;

}

#subnav li.subnav-ourstory a:hover{

	background: url(../images/subnav.ourstory_o.gif) no-repeat 0 0;

}

#subnav li.subnav-ourstory a.on{

	background: url(../images/subnav.ourstory_a.gif) no-repeat 0 0;

}


#subnav li.subnav-ourteam a{

	background: url(../images/subnav.ourTeam.gif) no-repeat 0 0;

	height: 39px;

}

#subnav li.subnav-ourteam a:hover{

	background: url(../images/subnav.ourTeam_o.gif) no-repeat 0 0;

}

#subnav li.subnav-ourteam a.on{

	background: url(../images/subnav.ourTeam_a.gif) no-repeat 0 0;

}



#subnav li.subnav-careers a{

	background: url(../images/subnav.careers.gif) no-repeat 0 0;

	height: 38px;

}

#subnav li.subnav-careers a:hover{

	background: url(../images/subnav.careers_o.gif) no-repeat 0 0;

}

#subnav li.subnav-careers a.on{

	background: url(../images/subnav.careers_a.gif) no-repeat 0 0;

}



#subnav li.subnav-faq a{

	background: url(../images/subnav.faq.gif) no-repeat 0 0;

	height: 38px;

}

#subnav li.subnav-faq a:hover{

	background: url(../images/subnav.faq_o.gif) no-repeat 0 0;

}

#subnav li.subnav-faq a.on{

	background: url(../images/subnav.faq_a.gif) no-repeat 0 0;

}



#subnav li.subnav-contact a{

	background: url(../images/subnav.contact.gif) no-repeat 0 0;

	height: 38px;

}

#subnav li.subnav-contact a:hover{

	background: url(../images/subnav.contact_o.gif) no-repeat 0 0;

}

#subnav li.subnav-contact a.on{

	background: url(../images/subnav.contact_a.gif) no-repeat 0 0;

}



#subnav li.subnav-overview a{

	background: url(../images/subnav.shopOverview.gif) no-repeat 0 0;

	height: 41px;

}

#subnav li.subnav-overview a:hover{

	background: url(../images/subnav.shopOverview_o.gif) no-repeat 0 0;

}

#subnav li.subnav-overview a.on{

	background: url(../images/subnav.shopOverview_a.gif) no-repeat 0 0;

}



#subnav li.subnav-backpacks a{

	background: url(../images/subnav.backpacks.gif) no-repeat 0 0;

	height: 37px;

}

#subnav li.subnav-backpacks a:hover{

	background: url(../images/subnav.backpacks_o.gif) no-repeat 0 0;

}

#subnav li.subnav-backpacks a.on{

	background: url(../images/subnav.backpacks_a.gif) no-repeat 0 0;

}



#subnav li.subnav-clothing a{

	background: url(../images/subnav.clothing.gif) no-repeat 0 0;

	height: 41px;

}

#subnav li.subnav-clothing a:hover{

	background: url(../images/subnav.clothing_o.gif) no-repeat 0 0;

}

#subnav li.subnav-clothing a.on{

	background: url(../images/subnav.clothing_a.gif) no-repeat 0 0;

}



#subnav li.subnav-gear a{

	background: url(../images/subnav.gear.gif) no-repeat 0 0;

	height: 41px;

}

#subnav li.subnav-gear a:hover{

	background: url(../images/subnav.gear_o.gif) no-repeat 0 0;

}

#subnav li.subnav-gear a.on{

	background: url(../images/subnav.gear_a.gif) no-repeat 0 0;

}

/*------ Skip Navigation (section 508 sites) -----*/



.skipNav{

	display:none;

}





/* *************************************************************************

=SECTION SPECIFIC

************************************************************************* */

/* home */

#home{

	position:relative;

	padding: 0 0 66px 0;

	overflow:hidden;

}

#modules{

	padding: 0 0 0 87px;

	relative: relative;

}

#modGallery{

	position:relative;

}

#moduleNav{

	position: absolute;

	background: url(../images/bg.moduleNav.gif) no-repeat 0 0;

	width: 118px;

	height: 31px;

	padding: 11px 0 0 12px;

	z-index: 10;

	top: 38px;

	left: 54px;

}

#moduleNav li{

	padding: 0 9px 0 0;

	float:left;

}

#moduleNav li a{

	text-indent: -9999px;

	height: 20px;

	width: 26px;

	display:block;

}

#moduleNav li.go1 a{

	background: url(../images/moduleScroll_1.gif) no-repeat 0 0;

}

#moduleNav li.go1 a:hover{

	background: url(../images/moduleScroll_1_o.gif) no-repeat 0 0;

}

#moduleNav li.go1 a.on{

	background: url(../images/moduleScroll_1_a.gif) no-repeat 0 0;

}

#moduleNav li.go2 a{

	background: url(../images/moduleScroll_2.gif) no-repeat 0 0;

}

#moduleNav li.go2 a:hover{

	background: url(../images/moduleScroll_2_o.gif) no-repeat 0 0;

}

#moduleNav li.go2 a.on{

	background: url(../images/moduleScroll_2_a.gif) no-repeat 0 0;

}

#moduleNav li.go3 a{

	background: url(../images/moduleScroll_3.gif) no-repeat 0 0;

}

#moduleNav li.go3 a:hover{

	background: url(../images/moduleScroll_3_o.gif) no-repeat 0 0;

}

#moduleNav li.go3 a.on{

	background: url(../images/moduleScroll_3_a.gif) no-repeat 0 0;

}

#modGallery{

	background: url(../images/bg.homeModule.png) no-repeat 0 0;

	width: 1016px;

	height: 376px;

}

.module{

	width: 961px;

	height: 134px;

	padding: 242px 0 0 55px;

}

.module p{

	color: #f3eeef;

	font-size: 13px;

	width: 266px;

}

.module a.moduleLink{

	width: 94px;

	height: 25px;

	text-indent: -9999px;

	display:block;

	margin: 12px 0 0 0;

}

#module1{

	background: url(../images/bg.module1.jpg) no-repeat 0 0;

}

#module1 p{

	float:left;

}

#module1 a.moduleLink{

	width: 154px;

	background: url(../images/module_watchFull.gif) no-repeat 0 0;

}

#module1 a.moduleLink:hover{

	background-position: right 0;

}

#module1 .mod1Video{

	background: url(../images/module1_video.jpg) no-repeat 0 0;

	width: 136px;

	height: 96px;

	text-indent: -9999px;

	float:left;

	margin: 5px 0 0 25px;

}

#module1 .mod1Video:hover{

	background-position: right 0;

}

#module3 a.moduleLink{

	background: url(../images/module_learnMore.gif) no-repeat 0 0;

}

#module3 a.moduleLink:hover{

	background: url(../images/module_learnMore_o.gif) no-repeat 0 0;

}

#module2{

	background: url(../images/bg.module2.jpg) no-repeat 0 0;

	padding: 256px 0 0 55px;

	height: 120px;

}

#module2 p{

	width: 309px;

}

#module3{

	background: url(../images/bg.module3.jpg) no-repeat 0 0;

}

#module3 p{

	width: 430px;

}

#module2 a.moduleLink{

	background: url(../images/module_shopNow.gif) no-repeat 0 0;

}

#module2 a.moduleLink:hover{

	background: url(../images/module_shopNow.gif) no-repeat 0 0;

}


#columnContent{

	padding: 10px 0 0 105px;

}

.column{

	width: 294px;

	float:left;

}

.column h2{

	text-indent: -9999px;

	height: 17px;

	padding: 0 0 13px 0;

}

#col1, #col2{

	margin: 0 30px 0 0;

}

h2.packsDonated{

	background: url(../images/text.packsDonated.gif) no-repeat 0 0;

}

h2.featStudent{

	background: url(../images/text.featStudent.gif) no-repeat 0 0;

}

h2.featGear{

	background: url(../images/text.featGear.gif) no-repeat 0 0;

}

.homeColContent{

	background: url(../images/hr.dash.gif) repeat-x 0 0;

	padding: 18px 0 0 0;

	font-size: 13px;

	color: #575553;

}

.homeColContent p{

	padding: 26px 0 0 0;

}

a.colLink{

	float:right;

	font-weight:bold;

	font-size: 10px;

}

.featGearNav{

	width: 25px;

	position:absolute;

	top:0px;

	left:261px;

}

.featGearNav li{

	float:left;

	padding: 4px 0 0 0;

}

.featGearNav a{

	text-indent: -9999px;

	width: 5px;

	height: 9px;

	display:block;

}

.featGearNav a.left{

	background: url(../images/featGearNav.left.gif) no-repeat 0 0;

	margin: 0 13px 0 0;

}

.featGearNav a.right{

	background: url(../images/featGearNav.right.gif) no-repeat 0 0;

}

.featGearNav a.left:hover{

	background: url(../images/featGearNav.left_o.gif) no-repeat 0 0;

}

.featGearNav a.right:hover{

	background: url(../images/featGearNav.right_o.gif) no-repeat 0 0;

}

#col3{

	width: 287px;

	position:relative;

}

.numDonated{

	color: #575553;

	height: 1%;

	overflow:hidden;

	padding: 26px 0;

}

.numDonated .number{

	font-size: 42px;

	float:left;

}

.numDonated .donateLabel{

	font-size: 14px;

	float:left;

	width: 100px;

	display:block;

	line-height: 20px;

	padding: 3px 0 0 10px;

}

.donateDate{

	font-size: 10px;
	
	font-style: italic;

	float: left;
	
	width: 150px;

	display:block;

	line-height: 20px;

	padding: 3px 0 0 10px;

}

.featProductWrapper{

	background: url(../images/bg.featProduct.gif) no-repeat 0 0;

	color: #575553;

	padding: 23px 15px 20px 15px;

	overflow:hidden;

	height: 1%;

}

#featProductView{

	overflow:hidden;

	height: 140px;

	width: 257px;

	position:relative;

}

#featProductScroll{

	width:20000em; 

    position:absolute; 

}

.featProductWrapper .featProductDetail{

	padding: 30px 0 0 5px;

}

.featProductWrapper .featProduct{

	width: 257px;

	float:left;

}

.featProductWrapper .featProduct img{

	float:left;

}

.featProductWrapper .featProduct a{

	font-size: 14px;

}

.featProductWrapper .featProduct .featDetail{

	font-size: 13px;

	display:block;

	padding: 4px 0 0 0;

}

.featProductWrapper .featProduct .featPrice{

	display:block;

	padding: 27px 0 0 0;

	font-size: 14px;

}

/* our cause */

.video{

	background: url(../images/bg.video.gif) no-repeat 0 0;

	height: 387px;

	width: 640px;

	padding: 28px 29px;

}



/* featured stories and students */

.sideVideo{

	width: 323px;

	float:left;

	padding: 0 22px 22px 0;

}

.students{

	padding: 6px 0 60px 0;

	overflow:hidden;

	height: 1%;

}



/* flickr */

#flickr_badge_uber_wrapper{

	background: url(../images/bg.flickr.gif) no-repeat 0 0;

	border:2px solid #dbd3bb;

	width: 647px;

	padding: 25px 15px 25px 25px;

}



#flickr_badge_uber_wrapper h3{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 20px;

	color: #3b454e;

	padding-bottom: 22px;

}

#flickr_badge_wrapper{

	overflow:hidden;

	height: 1%;

}

.flickr_badge_image{

	float:left;

	padding: 0 10px 0 0;

}

.flickrPad{

	margin-top: 65px;

}



/* Our Story */

#ourStoryContent .students{

	padding-bottom: 7px;

}

.sideImage{

	float:left;

	padding: 0 22px 27px 0;

}

.sideImage img{

	background: url(../images/border.drillImages.gif) no-repeat 0 0;

	padding: 2px;

}



/* contact */

.drill .contactInfo{

	font-size: 20px;

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #548ea4;

	line-height: 35px;

}



/* faq */

#faqTitle{

	padding-bottom:20px;

}

.faqheader{

	padding-top: 10px;

}

.questionSet{

	padding: 0px 0 6px 0;

	margin-bottom: 20px;

	background: url(../images/bg.hr.gif) repeat-x 0 bottom;

}

.questionSet p{

	font-size: 14px;

}

.questionSet .question{

	color: #f18929;

	font-weight: bold;

	padding: 0 0 12px 0;

}

.questionSet .answer{

	color: #6c7275;

}



/* shop */

.vertical .category{

	width: 211px;

	float:left;

	padding: 0 16px 0 0;

}

.vertical #gearCat{

	padding-right:0;

}

.vertical .category a{

	display:block;

	width: 211px;

	height: 32px;

	font-size: 14px;

	color: #686f6e;

	font:arial;

	font-weight:normal;

	padding: 228px 0 0 0;

	text-align: center;

	background: url(../images/bg.overview.jpg) no-repeat 0 0;
}

.vertical .category img{

	position: relative;
	top: -235px;
	left: 3px;
	margin-bottom: -200px;
}

.vertical .category h5{

	position: relative;
	top: -235px;
	left: 3px;
	margin-bottom: -200px;
}

#shopBenefits{
	margin-top: -50px;
}

#backpackCat a{

	
	background: url(../images/bg.backpacksCat.jpg) no-repeat 0 0;
	
}

#clothingCat a{

	background: url(../images/bg.clothingCat.jpg) no-repeat 0 0;


}

#gearCat a{

	background: url(../images/bg.gearCat.jpg) no-repeat 0 0;

}

.vertical .category a:hover, .vertical #clothingCat a:hover{

	color: #518da6;

}

.category p{

	text-indent: -9999px;

	width: 211px;

	height: 114px;

}

#backpackCat p{

	background: url(../images/text.backpackCat.jpg) no-repeat 0 0;

}

#clothingCat p{

	background: url(../images/text.clothingCat.jpg) no-repeat 0 0;

}

#gearCat p{

	background: url(../images/text.gearCat.jpg) no-repeat 0 0;

}



/* shop drill */

.product{

	background: url(../images/bg.product.gif) no-repeat 0 0;

	padding: 28px 17px;

	height:237px;

	overflow:hidden;

	margin: 0 0 22px 0;

}

.product .prodImg{

	width: 207px;

	float:left;

}

.prodImg img{

	display:block;

}

.prodImg ul{

	overflow:hidden;

	height: 1%;

	padding: 7px 0 0 18px;

}

.prodImg ul li{

	float:left;

	padding: 0 0 0 9px;

}

.product .prodDetails{

	width: 394px;

	float:left;

	padding: 13px 0 0 38px;

	color: #575554;

}

.prodDetails h4{

	font-size: 16px;

	padding: 0 0 15px 0;

	margin:0;

	font-weight:normal;

}

.prodDetails p{

	font-size: 12px;

	background: url(../images/bg.hr.gif) repeat-x 0 bottom;

	padding: 0 0 20px 0;

	height: 70px;

}

.prodThumbs a{
	display:block;
	float: left;
	padding-left: 2px;
}

.prodThumbs img{
	display:block;
	float: left;
	padding-left: 2px;
}

.prodThumbs p{
	font-size: 12px;
	color: #69695d;
	font-weight:bold;
	float:left;
	padding-top: 15px;
}

.prodOptions{

	background: url(../images/bg.hr.gif) repeat-x 0 bottom;

	padding: 10px 0 13px 0;

	overflow:hidden;

	height:1%;

}

.prodOptions .option{

	float:left;

}

.option select{

	/*float:left;*/

	font-size: 10px;

	font-weight:bold;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.prodOptions label{

	font-size: 14px;

	float:left;

	padding: 0 9px 0 0;

}

.option_two .option select{

	width: 116px;

}

.option_two .color{

	/*width: 163px;*/

	padding: 0 40px 0 0;

}

.option_two .qty{

	width: 183px;

	float:right;

	text-align: right;

}

.option_three select{

	width: 76px;

}

.option_three .color{

	width: 124px;

	padding-right: 6px;

}

.option_three .size{

	width: 115px;

	padding-right: 6px;

}

.option_three .qty{

	width: 142px;

}

.optionLike{
    float: left;

    padding-top: 27px;

}

.prodDetails .prodPrice{

	font-size: 16px;

	font-weight:bold;

	float:left;

	padding-top: 27px;
        padding-left: 50px;

}

.prodDetails .addCart{

	padding: 21px 0 0 0;

	float:right;

	width: 127px;

	height: 31px;

}

.prodDetails .addCart input{

	background: url(../images/btn.addToCart.gif) no-repeat 0 0;

	width: 127px;

	height: 31px;

	border:none;

	text-transform:uppercase;

	text-indent:-9999px;

	display:block;	

	cursor: pointer;

}

#backpacks .option select, #gear .option select{

	width:160px;

}

/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_window {

  font: 12px Arial, Helvetica, sans-serif;

  color: #333333;

}

#TB_secondLine {

  font: 10px Arial, Helvetica, sans-serif;

  color:#666666;

}

#TB_window a:link {color: #666666;}

#TB_window a:visited {color: #666666;}

#TB_window a:hover {color: #000;}

#TB_window a:active {color: #666666;}

#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay {

  position: fixed;

  z-index:100;

  top: 0px;

  left: 0px;

  height:100%;

  width:100%;

}

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}

.TB_overlayBG {

  background-color:#000;

  filter:alpha(opacity=75);

  -moz-opacity: 0.75;

  opacity: 0.75;

}

* html #TB_overlay { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

#TB_window {

  position: fixed;

  z-index: 102;

  color:#000000;

  display:none;

  text-align:left;

  top:50%;

  left:50%;

}

* html #TB_window { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

#TB_window img#TB_Image {

  display:block;

  margin: 15px 0 0 15px;

  border-right: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  border-top: 1px solid #666;

  border-left: 1px solid #666;

}

#TB_caption{

  height:25px;

  padding:7px 30px 10px 25px;

  float:left;

}

#TB_closeWindow{

  height:25px;

  padding:11px 25px 10px 0;

  float:right;

}

#TB_closeAjaxWindow{

  padding:7px 10px 5px 0;

  margin-bottom:1px;

  text-align:right;

  float:right;

}

#TB_ajaxWindowTitle{

  float:left;

  padding:7px 0 5px 10px;

  margin-bottom:1px;

}

#TB_title{

  background-color:#e8e8e8;

  height:27px;

}

#TB_ajaxContent{

  clear:both;

  padding:2px 15px 15px 15px;

  overflow:auto;

  text-align:left;

  line-height:1.4em;

}



#TB_ajaxContent p{

  padding:5px 0px 5px 0px;

}

#TB_load{

  position: fixed;

  display:none;

  height:13px;

  width:208px;

  z-index:103;

  top: 50%;

  left: 50%;

  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */

}

* html #TB_load { /* ie6 hack */

position: absolute;

margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');

}

#TB_HideSelect{

  z-index:99;

  position:fixed;

  top: 0;

  left: 0;

  background-color:#fff;

  border:none;

  filter:alpha(opacity=0);

  -moz-opacity: 0;

  opacity: 0;

  height:100%;

  width:100%;

}

* html #TB_HideSelect { /* ie6 hack */

     position: absolute;

     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');

}

#TB_iframeContent{

  clear:both;

  border:none;

  margin-bottom:-1px;

  margin-top:1px;

  _margin-bottom:1px;

}



/* custom styles for lightbox */

.hide{

	display:none;

}

#videoLightbox, #TB_ajaxContent{

	background:url(../images/bg.lightbox.gif) no-repeat 0 0;

	width:672px;

	height: 479px;

	padding: 13px 18px 5px 47px;

}

.lightboxClose, .lightboxShare{

	display:block;

	float:right;

	width: 47px;

	height: 11px;

}

.lightboxShare{

	padding-right: -10px;

}

.lightboxClose a, .lightboxShare a{

	width: 47px;

	height: 11px;

	display:block;

	text-indent: -99999px;

	background: url(../images/btn.lightbox_close.gif) no-repeat 0 0;

}

.lightboxShare a{

	background: url(../images/btn.lightbox_share.gif) no-repeat 0 0;

}

.lightboxClose a:hover{

	background: url(../images/btn.lightbox_close_o.gif) no-repeat 0 0;

}

.lightboxShare a:hover{

	background: url(../images/btn.lightbox_share_o.gif) no-repeat 0 0;

}

#videoLightbox h2, #TB_ajaxContent h2{

	color: #357a94;

	font-size: 18px;

	padding: 22px 0 10px 0;

}



.pad20{

	padding-bottom: 20px;

}

.foundation{

	line-height: 20px;

}