/*this file is the original css file for endurance nation with the store styles added in. SPECIFIC STORE STYLES START ON LINE 306. you can use this file as the general file for everything because the remaining styles are not altered except for the a tags */


/* top elements */
/* * { padding: 0; margin: 0; }*/

body {
	margin: 10px 0; 	padding: 0;
	font: normal .82em/1.5em 'Trebuchet MS', sans-serif;
	color: #444;

    background: #C9D0D6 url(../images/en_stripe.gif) repeat-x;
	text-align: center;	
	height: 100%;	
}

/* links */
div#en_header a { background: inherit; color: #00467f; text-decoration: none; }
div#en_header a:hover { background: inherit; color: #006699; text-decoration: underline; }

/* headers */
div#en_header h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #336699;
}
div#en_header h1 { font-size: 1.4em; }
div#en_header h2 { font-size: 1.2em; text-transform: uppercase;}
div#en_header h3 { font-size: 1.2em; }

div#en_header p, h1, h2, h3 {
	margin: 10px 15px;
}
div#en_header ul, ol {
	margin: 10px 30px;
	padding: 0 15px;		
}

/* ../images */
div#en_header img {

  padding: 5px;
  background-color: #FFF;
}
div#en_header img.float-right {
  margin: 5px 0px 5px 15px;  
}
div#en_header img.float-left {
  margin: 5px 15px 5px 0px;
}


div#en_header code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #eee;    
}
div#en_header acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
div#en_header blockquote {
	margin: 15px; 	padding: 0 0 0 20px;  	
  	background: #FAFAFA url(../index.php_files/quote.gif) no-repeat 3px 5px; 
	border: 1px solid #eee; 
	font: bold 1.2em/1.5em 'Trebuchet MS', Tahoma, sans-serif; 
	color: #666666;	
}

/* start - table */
div#en_header table {
	border-collapse: collapse;
	margin: 15px;	
}
div#en_header th strong {
	color: #fff;
}
div#en_header th {
	background: #993333;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #D68686;
	border-bottom: solid 2px #FFF;
}
div#en_header tr {
	height: 30px;
}
div#en_header td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #E8E8E8;
	border-bottom: 1px solid #DFDFDF;
}
div#en_header td.first,th.first {
	border-left: 0px;
}
div#en_header tr.row-a {
	background: #F8F8F8;
}
div#en_header tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

/* form elements */
div#en_header form {
	margin:10px 15px; padding: 0;
	border: 1px solid #eee; 
	background-color: #FAFAFA; 
}
div#en_header label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
div#en_header input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em 'Trebuchet MS', verdana, sans-serif;
	color:#777;
}
div#en_header textarea {
	width:400px;
	padding:2px;
	font: normal 1em 'Trebuchet MS', verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
div#en_header input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;	
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0; padding: 0;	
}
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #333; 
	height: 20px;
	padding: 2px;	
	vertical-align: top;
}
.searchform input.button { 
	font: bold 12px Arial, Sans-serif; 
	color: #333;	
	width: 60px;
	height: 26px;
	border: none;
	padding: 3px 5px;	
	vertical-align: top;
}

/***********************
	  LAYOUT
************************/
#wrap {
	width: 960px;
	margin: 0 auto;
	background: #FFF ;
}

/* header */
#header {
	position: relative;
	height: 176px;
	text-align: left;		
	margin: 0; padding: 0;	
	background: #FFF;
}
#header .headerphoto {
	position: absolute;
	right: 15px ; top: 10px;
	width: 700px;
	height: 156px;
	background: #FFF no-repeat;	
}
#header #logo-box {
	position: absolute;
	left: 15px ; top: 15px;
	width: 380px;
	height: 156px;	
	background: #FFF;
}
#logo-box h1#logo {
	position: absolute;	

	color: #FFF;
	margin: 0; padding: 0;

}
#logo-box h1#logo a {
	text-decoration: none;
	color: #FFF;
}

	

/* header menu */
#menu {	
	clear: both;
	margin: 0; 
	padding: 0 0 4px 0;		
	width: 960px;		
	background: #FFF ;
	float: left;

}

#menu ul {
	font: normal 14px 'Trebuchet MS', sans-serif;
	text-align: center;
	width: 930px;
	color: #FFF;
	background-color: #CC0000;		 
	margin: 0 15px;
	padding: 0;
	display: inline;
	border-bottom: 6px solid #FFF;
	float: left;	
}

#menu li {
	float: left;
	font: normal 14px 'Trebuchet MS', sans-serif;
	list-style: none;
}

#menu li a {
	display: block;
	padding: 10px 24px;
	color: #FFF;	
	text-decoration: none;	
	font: normal 14px 'Trebuchet MS', sans-serif;
	color: #fff;
}

#menu li a:hover {
	background: #00467f;
	color: #FFF;
}

#menu a:link.active, #menu a:visited.active, #menu a:hover {
background: #00467f;
	color: #FFF;
	}

#menu.about a:link.active, #menu.about. a:visited.active, #menu.about a:hover {
background: #00467f;
	color: #FFF;
	}

body.home li .home, 
body.camps li a.camps, 
body.book li a.book, 
body.team li a.team, 
body.forum li a.forum, 
body.library li a.library, 
body.store li a.store, 
body.contact li a.contact, 
body.video li a.video,
body.tools li a.tools,
body.tp li a.tp
{



background: #00467f;
	color: #FFF;
	}




/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;

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


/**********************************************************************************************************************************
	  BEGIN STORE STYLES. i have indicated a few notes to the developer regarding these styles dependent on cms functionality
***********************************************************************************************************************************/

/** begin top menu for store only with blue border on bottom. developer: if cms 
generates body id feel free to change #storemenu to body.store #menu
and only specify rules for #storemenu and #storemenu ul since all other rules are the same as for #menu **/


a, a:link, a:visited {
  color:#1c5079;
  }
  
a:hover {
  color:#666;
  }  

#storemenu {	
	clear: both;
	margin: 0; 
	padding: 0;		
	width: 960px;		
	background: #FFF ;
	float: left;

}

#storemenu ul {
	font: normal 14px 'Trebuchet MS', sans-serif;
	text-align: center;
	width: 930px;
	color: #FFF;
	background: #1c5079 url(http://endurancenation.us/images/nav_bg.gif);	 
	margin: 0 15px;
	padding: 0;
	display: inline;
	border-bottom: 6px solid #1c5079;
	float: left;	
}

#storemenu li {
	float: left;
	font: normal 14px 'Trebuchet MS', sans-serif;
	list-style: none;
}

#storemenu li a {
	display: block;
	padding: 10px 24px;
	color: #1c5079;	
	text-decoration: none;	
	font: normal 14px 'Trebuchet MS', sans-serif;
	color: #fff;
}

#storemenu li a:hover {
background:  #1c5079 url(http://endurancenation.us/images/nav_hov.gif);
	color: #FFF;
}

#storemenu a:link.active, #storemenu a:visited.active, #storemenu a:hover {
background:  #1c5079 url(http://endurancenation.us/images/nav_hov.gif);
	color: #FFF;

	}

#storemenu.about a:link.active, #storemenu.about. a:visited.active, #storemenu.about a:hover {
background:  #1c5079 url(http://endurancenation.us/images/nav_hov.gif);
	color: #FFF;

	}

background:  #1c5079 url(http://endurancenation.us/images/nav_hov.gif);
	color: #FFF;
	}


/** begin left column with navigation **/

#left-sidebar {
  float: left;
  width: 285px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background-color: #FFFFFF;
}

#left-sidebar img {
	border: 0px;
	padding-top: 8px;
}

/* developer: navigation rules are written assuming the cms does not generate body id's, 
so instead of basing active instances on body id's, the terms 'selected' and 'unselected' 
are used for active and inactive page navigation items */

#navigation	{  
	float: left;
	font-size: 1.4em;
	width: 285px;
	background-color: #FFFFFF;
	border: 0;
}
					
#navigation ul#leftnav	{
	margin: 0 15px 1px 15px;
	padding: 10px 0px 20px 0px;
	line-height: 120%;
	list-style:none;
	border: 0;
	background-color: #BDD2FF;

}
						
#navigation ul#leftnav li {
	display:block;
	margin:0;
	voice-family: "\"}\"";
	voice-family:inherit;
}
						
#navigation ul#leftnav li a {
	background-color:#BDD2FF;
	display: block;
	padding: 10px 5px 10px 24px;
	width: 226px; /* width + padding-right + padding-left must equal 205px */
	text-decoration: none;
	color: #00467F;
	border: 0;
}

#navigation ul#leftnav li.selected-nosubnav a:link, #navigation ul#leftnav li.selected-nosubnav a:visited {
	background-color: #BDD2FF;
	display: block;
	padding: 10px 5px 10px 24px;
	width: 226px; /* width + padding-right + padding-left must equal 255px */
	text-decoration: none;
	color: #003F5F;
}

#navigation ul#leftnav li.selected-nosubnav a:hover, #navigation ul#leftnav li.selected-nosubnav a:active {
	background-color: #BDD2FF;
	display: block;
	padding: 10px 5px 10px 24px;
	width: 226px; /* width + padding-right + padding-left must equal 255px */
	text-decoration: underline;
	color: #003F5F;
}
		
#navigation ul#leftnav li a:link, #navigation ul#leftnav li a:visited {
	color: #666666;
	text-decoration: none;
}

#navigation ul#leftnav li a:hover, #navigation ul#leftnav li.unselected a:hover {
	background-color: #BDD2FF;
	text-decoration: underline;
}

#navigation ul#leftnav li.selected {
	display: block;
 	margin: 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	background-color:#BDD2FF;
	color: #CC0000;
}

#navigation ul#leftnav li.selected a.main-selected:link, #navigation ul#leftnav li.selected a.main-selected:visited, #navigation ul#leftnav li.selected a.main-selected:hover {
	background-color:#BDD2FF;
	background: none;
	display: block;
 	padding: 12px 5px 0px 24px;
	margin: 0;
	width: 226px; /* width + padding-right + padding-left must equal 255px */
	text-decoration: none;
	color: #CC0000;
}

#navigation ul#leftnav li.selected a.main-unselected:link, #navigation ul#leftnav li.selected a.main-unselected:visited {
	background-color:#BDD2FF;
	background: none;
	display: block;
 	padding: 12px 5px 0px 24px;
	margin: 0;
	width: 226px; /* width + padding-right + padding-left must equal 255px */
	text-decoration: none;
	color: #00467F;
}

 #navigation ul#leftnav li.selected a.main-unselected:hover {
 	text-decoration: underline;
}	
	

/* This piece code is for the subnavigation in the left navbar */
#navigation ul#leftnav li.selected ul#left-subnav	{
	background-color: #BDD2FF;
	margin: 0;
	padding: 5px 0px 11px 0px;
	list-style:none;
}
		
#navigation ul#leftnav li.selected ul#left-subnav li a {
	background: none;
	display: block;
    padding: 2px 5px 0px 38px; /* width + padding-right + padding-left must equal 255px */
	margin: 0;
	width: 212px;
	text-decoration: none;
	font-weight: normal;
	font-size: .75em;
	border: 0px solid #FFFFFF;
}
		
#navigation ul#leftnav li.selected ul#left-subnav li a.subnav-unselected:link, #navigation ul#leftnav li.selected ul#left-subnav li a.subnav-unselected:visited {
	color: #336699;
	text-decoration: none;
}

#navigation ul#leftnav li.selected ul#left-subnav li a.subnav-unselected:hover {
	background-color: #BDD2FF;
	color: #336699;
	text-decoration: underline;
}

#navigation ul#leftnav li.selected ul#left-subnav li a.subnav-selected:link, #navigation ul#leftnav li.selected ul#left-subnav li a.subnav-selected:visited, #navigation ul#leftnav li.selected ul#left-subnav li a.subnav-selected:hover {
	background-color: #BDD2FF;
	color: #CC0000;
	text-decoration: none;
}



/** begin main content area **/

#main {
	float: right;
	width: 660px;
	margin: 0px;
	padding: 5px 15px 15px 0;
}


#main h1 {
	border-bottom: solid 1px #999;
	padding: 5px 0 8px 0;
	margin: 0;
}	

/* breadcrumb navigation */


#breadcrumb {
font-size: 11px;
padding: 5px 0;
}

#breadcrumb a {
background: transparent url(../images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 10px; /*adjust bullet image padding*/
color: #00467F;
}

#breadcrumb a:visited, .breadcrumb a:active{
color: #00467F;
}

#breadcrumb a:hover{
text-decoration: underline;
}

/* rules for store main landing page */


.feature { /* code for bottom feature boxes */
	margin: 0 25px 25px 0;
	width: 200px;
	border: 1px solid #0f1e3e;
	float: left;
	background-color:#fff;
	color: #35322d;
}

.feature#last { 
	margin: 0 0 25px 0;
}



.feature img {
	float: left;
	border: 0;
	padding: 1px;
	margin: 2px 8px 0 0;
}

.feature h3  {
    font: Arial, Helvetica;
	background-color: #0f1e3e;
	text-align: center;
	color: #fff;
	margin:0;
	padding:8px 3px 6px 3px;
}

.feature h3 a {
	color: #fff;
	text-decoration: none;
}

.feature h3 a:hover {
	text-decoration: underline;
}


.feature p {
	padding: 2px 0;
	margin:0 4px;
	font-size: 95%;
	line-height:125%;
	font-color: #666;
}

.feature h4 {
	color: #0f1e3e;
	font-weight:bold;
	display:block;	
	margin:0 4px;
	font-size:120%;
	padding: 6px 0 2px 0;
}

.feature h4 a {
	color: #0f1e3e;
	text-decoration: none;
}

.feature h4 a:hover {
	text-decoration: underline;
}


#sale { /* rules for sale section of landing page */
	border-bottom: solid 1px #999;
	padding: 8px 0;
	margin: 0;
	font-size:140%;
}


#special { /* rules for special purchase section of landing page */
	padding: 8px 0;
	margin: 0;
	display: block;
}


#sale h3, #special h3 { 
	padding: 10px 0 0 0;
	margin: 0;
	color: #CC0000;
	font-weight:bold;
}

#sale h3 a, #special h3 a { 
	color: #CC0000;
	text-decoration: none;
}

#sale h3 a:hover, #special h3 a:hover { 
	text-decoration: underline;
}

#sale img, #special img { 
	float: left;
	border: 0;
	padding: 0;
	margin: 0px 12px 0 0;
}

#sale p, #special p { 
	margin: 4px 0 8px 0;
	padding: 0;
	line-height: 130%;
}

.pushtextdown {
    margin: 20px 0 0 0;
	}

/* rules for category page */

#category {
    border-bottom: solid 1px #999;
	}

#category #sale { /* takes off bottom space and border on category page */
	border-bottom: 0;
	padding: 8px 0 0 0;
}

#category dt {
	width: 160px;
	float: left;
	color: #00477f;
	font-size: 130%;
	font-weight: bold;
	border-top: solid 1px #999;
	margin: 0px;
	padding: 8px 20px 0px 0px;
}

#category dt em {
	color: #999;
	font-size: 70%;
	font-style: normal;
}

#category dt a {
	color: #00477F;
	text-decoration: none;
}

#category dt a:hover {
	text-decoration: underline;
}

#category dt em {
	color: #999;
	font-size: 70%;
	font-style: normal;
}

#category dd {
	width: 460px;
	margin: 0px 0px 0px 180px;
	padding: 0px;
	border-top: solid 1px #999; 
}


#category dd p {
	margin-bottom: 10px;
	padding: 0px;
}
	
	
/* rules for product pages */	

#introtext { 
    margin: 0;
	font-size:130%;
	border-bottom: 0;
	padding: 8px 0 0 0;
}

#introtext .photobox { 
    float: right;
	font-size: 70%;
	text-align: center;
}

#introtext .photobox img { 
    padding: 0 0 0 5px;
	border: 0;
	margin: 0 0 15px 0;
}
	
	
#introtext h3 { 
	padding: 10px 0 0 0;
	margin: 0;
	color: #CC0000;
	font-weight:bold;
}

#introtext h4 { 
	padding: 10px 0;
	margin: 0;
	color: #444;
	font-weight:bold;
}

#introtext h4 em { 
	color: #CC0000;
	font-style: normal;
}

#introtext a { 
	color: #CC0000;
	text-decoration: underline;
}

#introtext a:hover { 
    color: #666;
	text-decoration: underline;
}

#introtext img { 
	float: left;
	border: 0;
	padding: 0;
	margin: 0px 12px 0 0;
}

#introtext p { 
	margin: 4px 0 8px 0;
	padding: 0;
	line-height: 140%;
}

#introtext p.description { 
	font-size: 70%;
}

#introtext p.caption { 
	color: #CC0000;
	font-size: 80%;
}
	
table#producttable {
       border-collapse: collapse;
	   border-spacing: 0;
	   table-layout:fixed;
	   width: 620px;
	   }
	   
table#producttable.nohead {
       border-top: solid 1px #999;
	   }	   

#producttable tr {
       border-bottom: solid 1px #999;
	   border-spacing: 0;
       }

	
#producttable td {
      padding: 10px;
      margin: 0;
      text-align: left;
	  vertical-align: top;
	  border-bottom: solid 1px #999;
	  border-spacing: 0;
    } 
	
#producttable th{
      padding: 0 10px 5px 10px;
      margin: 0;
      text-align: left;
	  vertical-align: top;
	  border-bottom: solid 1px #999;
	  border-spacing: 0;
	  color: #003366;
      font-size: 120%;
    } 
		

#producttable .planname {
    color: #00477f;
	font-weight: bold;
	}
	
#producttable .planname a {
    color: #00477f;
	font-weight: bold;
	text-decoration: none
	}

#producttable .planname a:hover {
    text-decoration: underline;
	}	
		

#producttable .caption {
      color: #666;
	  font-size: 90%;
      font-style: normal;
    }

#producttable img {
       margin: 0 0 5px 0;
}

#producttable a img, #producttable a:hover img {
       border: 0;
}

/* rules for "you may also like" bottom section */

#alternatives { 
	padding: 15px 0;
	margin: 0;
}

.alternativeheading {
     margin: 0 5px 0 0;
	 text-align: left;
	 font-size: 130%;
	 color: #00467f;
	 width: 180px;
	 float:left;
	 }

.productthumb {
     padding: 0 5px;
	 text-align: center;
	 font-size: 90%;
	 width: 140px;
	 float:left;
	 }
	 
.productthumb a {	 
      color: #00477f;
	  text-decoration: none;
	  }
	  
.productthumb a img {	 
      border: 0;
	  }	  
	  
.productthumb a:hover {	 
	  text-decoration: underline;
	  }	  

/**********************************************
	  END STORE STYLES
***********************************************/



/* vbulletin */
#vbulletin {
	margin: 32px 1px 1px 1px;
	padding: 0px;
}


/* IE6 Only */
* html #vbulletin {
margin : 1px 1px 1px 1px;
}




/* footer */
#footer {
	clear: both;
	margin: 0; padding: 12px 12px 0 0;
	font: normal .92em/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	height: 45px;
	background: #545753 no-repeat left bottom;
	color: #fff;
	text-align: center;
}
#footer p {
	margin: 0; padding: 0;
}
#footer a {
	text-decoration: none;
	color: #777;	
}
#footer a:hover {
	text-decoration: underline;
	color: #333;
}
#footer p {
	margin: 0; padding: 0;
}
#footer a {
	text-decoration: none;
	color: #777;	
}
#footer a:hover {
	text-decoration: underline;
	color: #333;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }