/* 
	Theme Name: Team Everest Blue
	Author URL: http://hotwaxmedia.com
	Description: Team Everest style store template.  Look and feel mirrors the main Team Everest site at http://teameverest.net
	Author: Ryan Foster
	Author URI: http://evitus.net
	Version: 1.0
		
	
*/

body {
	background: #272e5c url(/store/images/teLive/body_background.jpg) top center no-repeat;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#wrap {
	background: #FFFFFF url(/store/images/teLive/bg.jpg) top center no-repeat;
	
	margin: 10px auto 0px;
	padding: 0px;
	}
	

	
h1 {
	font-size:16px;
	padding: 0;
	margin: 0px 0px 0px 0px;
	
	}
		

h2 {
	font-size:11px;
	padding: 5px 0px 2px 5px;
	margin: 10px 0px 0px 0px;
	
	}
	
h3 {
	font-size:7px;
	background: #f1f1f1;
	padding: 10px 0px 10px 10px;
	margin: 20px 0px 0px 0px;
	
	}	
	
	
/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited{
	color: #0066CC;
	text-decoration: none;
	border:none;
	}
	
a:hover      {
	text-decoration: underline;
	border:none;
	}
	
img {
	border:none;
	}	
	
/************************************************
*	Header  									*
************************************************/

#header {
	width: 800px;
	height: 100px;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
	
.headerleft {
	background:url(/store/images/teLive/logo2.gif) 0 0 no-repeat;
	position:absolute;
	width: 216px;
	height:36px;
	top:23px;
	color: #FFFFFF;
	float: left;
	margin: 0px;
	padding: 45px 0px 0px 0px;
	}
	
.headerleft a, .headerleft a:visited {
	background:url(/store/images/teLive/logo2.gif) top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #50AAFE;
	text-decoration: none;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	}

.headerleft a:hover {
	color: #50AAFE;
	text-decoration: none;
	}
	
.headerright {
	width: 550px;
	float: right;
	text-align: right;
	margin: 0px;
	padding: 40px 0px 0px 0px;
	}
	
.headerright li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
		
.headerright ul {
	margin: 0px;
	padding: 5px 0px 5px 10px;
	}
		
.headerright a, .headerright a:visited {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	}
		
.headerright a:hover {
	text-decoration: underline;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	width: 800px;
	margin: -30px auto 0px;
	padding: 0px;
	background:#fff;
	}

#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 18px;
	}
	
	
#content p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}
	
	
#contentleft {
	float: left;
	width: 500px;
	margin: 25px 0 0 0;
	padding: 0px;
	}
	
#breadcrumbs {
	float: left;
	width: 500px;
	margin: 5px 0 0 0;
	padding: 0px;
	color:#003c76;
	font-size:14px;
	font-weight:bold;
	}	
	
#productsleft {
	float: left;
	width: 500px;
	margin: 5px 0 0 0;
	background:#ffffff;
	}
	
#title {
	float:right;
	text-align:right;
	}	
	
#divider {
	border-bottom: 1px solid #C0C0C0;
	width:510px;
	clear:both;
	}	
	
#mantle {
	margin: 8px 5px 10px 5px;
	}
	
.mantleBG {
	margin:0px 0 10px 0;
	width:510px;
	background: #fff;
	}		
			
	
#contentleft ol{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
	
	
/************************************************
*	Dynamic Dropshadows Image Treatment									*
************************************************/
	
/* Dynamic CSS/JS Outer glows
------------------------------------- */
/* this first version has no margin and is applied to the section headers */
.wrap0, .wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap0 {
  float:left;
  clear:left;
  background:transparent url('/store/images/teLive/shadow.gif') 100% 100% no-repeat;
  }
.wrap1 {
  background:transparent url('/store/images/teLive/shadow180.gif') no-repeat;
  }
.wrap2 {
  background:transparent url('/store/images/teLive/corner_bl.gif') -5px 100% no-repeat;
  }
.wrap3 {
  padding:5px 5px 6px 5px;
  background:transparent url('/store/images/teLive/corner_tr.gif') 100% -5px no-repeat;
  }
.wrap3 img {
	display:block;
	border:5px solid #fff;
	}


/* drop shad version 2 - with a margin, applied to general images in posts */
.wrap4, .wrap5, .wrap6, .wrap7 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap4 {
 	float:left;
 	clear:left;
	margin:0 8px 0px 0;
 	background:transparent url('/store/images/teLive/shadow.gif') 100% 100% no-repeat;
 	}
.wrap5 {
  background:transparent url('/store/images/teLive/shadow180.gif') 0 0 no-repeat;
  }
.wrap6 {
  background:transparent url('/store/images/teLive/corner_bl.gif') -5px 100% no-repeat;
  }
.wrap7 {
  padding:5px 6px 6px 5px;
  background:transparent url('/store/images/teLive/corner_ds_tr.gif') 100% -5px no-repeat;
  }
.wrap7 img {
	display:block;
	border:3px solid #fff;
	}
/* End Images */
	
	
	
/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#r_sidebar {
	color: #003c76;
	float: right;
	width: 240px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	

#r_sidebar ul {
	list-style: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#r_sidebar ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#r_sidebar ul li a {
	background: ##f1f1f1;
	display: block;
	color: #003c76F;
	text-decoration: none;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	border-top: 1px solid #C0C0C0;
	}

#r_sidebar ul li a:hover {
	background: #027CEE;
	color: #FFFFFF;
	}
	
#r_sidebar p{
	background: ##f1f1f1;
	padding: 0px 10px 10px 10px;
	margin: 0px;
	line-height: 17px;
	}
	
.search {
	background: #f1f1f1;
	margin: 0px 0px 5px 0px;
	padding: 4px 6px 4px 10px;
	}
	
#About {
	padding: 0px;

	}	
	
/************************************************
*	Footer Background							*
************************************************/

#footerbg {
	background: #272e5c;
	}
	
/************************************************
*	Footer      								*
************************************************/

#footerbg {
	background: #272e5c url(/store/images/teLive/bg2.jpg) no-repeat top center;
	}

#footer {
	
	color: #FFFFFF;
	width: 960px;
	margin: 0px auto 0px;
	padding: 45px 0px 25px 0px;
	text-align: center;
	background: #272e5c url(/store/images/teLive/bg2.jpg) no-repeat top center;
	overflow:visible;
	}
	
#footer a, #footer a:visited{
	color: #ffffff;
	text-decoration: none;
	}
	
#footer a:hover{
	text-decoration: underline;
	}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding; 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	background: #EFEFEF url(/store/images/teLive/search.gif);
	width: 140px;
	color: #003c76;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 2px;
	margin: 0px;
	border: 1px solid #C0C0C0;
	}
	
#sbutt {
	background: #878787;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #333333;
	}
	
		
/************************************************
*	Shopping Cart							*
************************************************/	
	
/* Shopping bag background */

#cart-qt {
	position:center; /* IE needs this ??????? */
	padding-top:0px;
	margin-top:0px;
	background:url(/store/images/teLive/cart_qt.jpg) 10 0 no-repeat;
	}

.cart-qt-bg {
	padding:12px 14px 9px 10px;
	background:url(/store/images/teLive/cart_bg.jpg) 0 100% no-repeat;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	}
	
.cart-text {
	margin-top:18px;
	margin-bottom:8px;
	margin-left:8px;
	font-weight:bold;
	font-size:11px;
	float:center;
	}
	
	
/************************************************
*	sIFR									*
************************************************/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h1.index-blurb {
	visibility: hidden;
	font-size:16px;
	line-height:1.8;
}

h1.index-blurb {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #DFF0F9;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
}




.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
	
	
	
ul#extreme,ul#extreme li{
	list-style-type:none;
	}
ul#extreme{
	width: 480px;
	margin:15px 5px 15px 5px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	}
ul#extreme li{
	float:left;
	width: 90px; 
	height:40px;
    padding: 10px 10px 2px 10px;
	margin: 5px 5px 15px 5px
	}
li#ab1{
	background: #f0c828;
	
	}
li#ab2{
	background: #f55e0f
	}
li#ab3{
	background: #0f85ab
	}
li#ab4{
	background: #9cb10c
	}
		

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}	

/*** CORNER STYLES ***/
.headerBox ul {
	background: url(/store/images/teLive/corners.gif) -15px -15px no-repeat;
	height: 15px;
	list-style: none;
	margin: 0;
}
.headerBox ul li {
	float: right;
	background: url(/store/images/teLive/corners.gif) 0px -15px no-repeat;
	width: 15px;
	line-height: 15px;
}
.footerBox ul {
	background: url(/store/images/teLive/corners.gif) -15px 0px no-repeat;
	height: 15px;
	list-style: none;
	margin: 0;
}
.footerBox ul li {
	float: right;
	background: url(/store/images/teLive/corners.gif) 0px 0px no-repeat;
	width: 15px;
	line-height: 15px;
}

/*** OTHER STYLES FOR THIS PAGE ***/

.roundedDiv {
	width: 500px;
	background: #369;
	color: #FFF;
}
.contentBox {
	padding: 0 15px;
	display: block;
}
.contentBox ol li {
	margin-bottom: 10px;
}


div#itemExtremeHeader {height:62px;line-height:62px;margin:0;
  padding-left:10px;background:url(/store/images/teLive/ex_banner.jpg) #fff top left no-repeat;}
  
 div#itemTopSellerHeader {height:62px;line-height:62px;margin:0;
  padding-left:10px;background:url(/store/images/teLive/topseller_banner.jpg) #fff top left no-repeat;}
  
 div#itemMonthlyProductHeader {height:62px;line-height:62px;margin:0;
  padding-left:10px;background:url(/store/images/teLive/product_banner.jpg) #fff top left no-repeat;}  
  

div#itemDetailHeader {height:62px;line-height:62px;margin:0;
  padding-left:10px;background:url(images/item_banner.jpg) #fff top left no-repeat;}
  
div#itemDetailHeader #itemTitle{height:62px;line-height:60px;margin:0;
  padding-left:45px;color: #ffffff;text-transform:uppercase;font-weight:bold;font-size:14px}

div#itemDetailHeader {height:62px;line-height:62px;margin:0;
  padding-left:10px;background:url(/store/images/teLive/item_banner.jpg) #fff top left no-repeat;}
div#itemDetailHeader #itemTitle{height:62px;line-height:60px;margin:0;
  padding-left:15px;color: #ffffff;text-transform:uppercase;font-weight:bold;font-size:14px}
  
div#itemDetailHeader #itemTitle a{color: #ffffff;text-transform:uppercase;font-weight:bold;font-size:14px;text-decoration:none}
  

div#itemDetailMantle{background:#fff}
div#itemDetailPrice{background:#fff}
div#itemDetailFooter{background: #ffffff;border:4px solid #fff;color: #333}
div#itemDetailFooter p{margin:0;padding:1px 1px; float:left;}
div#itemDetailFooter #cartButton{margin:0;padding:0px 0px 0px 0px;float:right;background: #ffffff}

div#itemDetailWrapper{float:left;width:50%;}
div#itemDetailText{width:100%; margin-left:5px}
div#itemDetailMantle{float:right;width:45%;padding:5px 0px 5px 5px}
div#itemDetailPrice{float:right;clear:right;width:100%;text-align:right;padding:5px 1px 5px 5px;}
#tePrice{font-weight:bold;font-size:14px}
div#itemDetailFooter{clear:both;width:100%}

input.text, textarea.textarea, select.select{
	margin:0;
	font-size:12px;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(/store/images/teLive/fieldbg.gif) repeat-x top;
	color:#333;
}
input.text{
	padding:2px 5px 2px 5px;
}
input.currency{
	text-align:right;
}
input.checkbox, input.radio{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}
label.choice{
	font-size:11px;
	display:block;
	line-height:1em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	color:#444;
	width:50%;
}

textarea{
	margin-top:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea.textarea{
	margin-top:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


select{
	margin:1px 0;
	padding:1px 0 0 0;
	background:#FFFFFF url(/store/images/teLive/fieldbg.gif) repeat-x top
}

select.select{
	margin:1px 0;
	padding:1px 0 0 0;
	background:#FFFFFF url(/store/images/teLive/fieldbg.gif) repeat-x top
}
select.select[class]{
	margin:0;
	padding:1px 0 1px 0;
	background:#FFFFFF url(/store/images/teLive/fieldbg.gif) repeat-x top
}
.safari select.select{
	margin-bottom:1px;
	font-size:10px !important;
	background:#FFFFFF url(/store/images/teLive/fieldbg.gif) repeat-x top
}

input.text, textarea.textarea, select.select{
	background:#FFFFFF url(/store/images/teLive/fieldbg.gif) repeat-x top
}

		
fieldset {
	margin:0;
	padding:0;
	border:none;
	}
	
label {
	display:block;
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
	}


	
	
textarea {
	margin:0 0 15px 0;
	padding:8px;
	}

span.required {
	color:#CC0000;
	}


	
.input-upload {
	margin-bottom:10px;
	}

html>body .input-upload {
	font-size:150%;
	margin-bottom:10px;
	}

	

	
form {
	margin:0;
	padding:0;
	}
	
.border-p {
	padding-bottom:20px;
	border-bottom:1px solid #eaeaea;
	}

input.Form2 {
	margin:0;
	padding:2px 5px 2px 5px;
	font-size:12px;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(/store/images/teLive/fieldbg.gif) repeat-x top;
	color:#267DAC;
	}

	
	
	#thumbnailBG {
	width:140px;
	
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
#thumbnailBG #image{
	width:135px;
	
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
	
#productMantleBG {
	width:185px;
	height:200px;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
#productMantleBG #image{
	width:180px;
	height:195px;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
#headerImageBG {
	width:490px;
	
	margin:0;
	padding:0;
	overflow:hidden;
	}
	
#headerImageBG #image{
	width:485px;
	
	margin:0;
	padding:0;
	overflow:hidden;
	}	
			
	
	
	div#headerImage {height:90px;line-height:80px;margin:5px 0 5px -5px;
  padding:2px 2px 2px 5px;background: #fff;color: #79B30B}
div#productContainer{text-align:left; background:#fff}
div#productContent p{line-height:1.4}
div#productMantle{background:#fff}
div#extraImages{background:#eeeeee;border:1px solid #dddddd;}
div#productFooter{background: #ededed;color: #333; border:1px solid #dddddd;}
div#productFooter p{margin:0;padding:5px 10px}

div#productContainer{width:510px;margin:0 auto}
div#productContent{float:left;width:300px}
div#productMantle{float:right;width:200px; margin-top:5px;}
div#extraImages{float:left;width:300px; margin-bottom:5px;}
div#productFooter{clear:both;width:100%}


div#categoryHeader{height:80px;line-height:80px;margin:5px 0 5px 0;
   padding:2px 2px 2px 5px;background: #fff;color: #79B30B}
div#categoryContainer{text-align:left;}
div#categoryContent p{line-height:1.4; clear:both; margin:0 0 0 5px; text-align:left}
div#categoryContent .categoryGrid{margin:5px 5px 0 -30px; clear:both}
div#categoryContent li{display:inline; float:left}


div#categoryNavigation{background:#fff}
div#categoryExtra{background:#fff}
div#categoryFooter{background: #003c76;color: #FFF}
div#categoryFooter p{margin:0;padding:5px 10px; text-align:right}
div#categoryExtra p{margin:5px 0px 5px 5px}
div#categoryNavigation .sort{margin:0px 5px 0px 0px}

div#categoryFooter a{color: #fff;}

div#categoryContainer{width:510px;margin:5px auto;}
div#categoryNavigation{float:right;width:55%; vertical-align:middle; padding:5px 0 5px 0; height:25px; text-align:right}
div#categoryExtra{float:left;width:45%;padding:5px 0 5px 0; vertical-align:middle;height:25px}
div#categoryFooter{clear:both;width:100%}
	

		
