/* CSS Document */
/* 092506 0.02*/
/*Note to Merchants: If you wish to make edits to your CSS, we suggest you make them in the css-edits stylesheet or another css file that you will ensure that you are not introducing errors into the main stylesheets, which you could not recover if you edited them directly. This also allows Yahoo! to potentilly release fixes (if necessary) by you copying in the newlt revised files without overwriting any of your subsequent edits.*/

/*

/* Elements */
a{color:#336600}
a:visited{/*color:#666666*/}
* {padding:0; /*margin:0;*/}
td {font-size: 11px ; color:#000000; padding:0; margin:0;}
h1, h2, h3{margin:0;}
/*body {background-color: #383933; background-image:url('') no-repeat fixed center;
font:normal 11px Verdana, Tahoma, Helvetica, sans-serif; 
text-align:center; width:100%;margin:0;color:#000000; }    */

body {background: #000000 url('/lib/yhst-70317100479998/skiing-snowboarding-background.jpg') no-repeat fixed center top;
font:normal 11px Verdana, Tahoma, Helvetica, sans-serif; 
text-align:center; width:100%;margin:0;color:#000000; }

/* Classes */
.boxclose {zoom:1;}
.breadcrumbs {margin:10px;font:bold;}
.breadcrumbs a {font:bold;margin:0px;}
.clear {clear:both; display:block; font-size:1px; height:1px; line-height:-1;}
.last {border:0 solid;}
  /* Form Buttons */

.ys_primary{ background:#94b900;color:#ffffff;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; display:block; margin-top:10px;}
/*input.ys_primary{ background:#66A5FF;color:#FFF;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; }*/
/*input.add2cartsubmit {background-color:#888; border-color:#DDD #AAA #555; border-style:solid; border-width:1px 1px 1px; color:#fff; font-weight:bold; outline:#000 solid 1px; padding:0 2px;}*/
label.add2cartlabel {border:1px solid #000;}
/*input.buttonsubmit {background-color:#888; border-color:#DDD #AAA #555; border-style:solid; border-width:1px 1px 1px; color:#fff; font-size:0.8em font-weight:bold; outline:#000 solid 1px; padding:0 2px; text-transform:uppercase;}*/
/*label.buttonlabel {border:1px solid #000;}*/
.buttonlabel {margin-left:4px}

/* IDs */
#info-div{ 
   background-color:#FFFFFF;
   padding:0px 10px;
   padding-top:5px;
   zoom:1;
}
#info-div:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
#accessorytitle {}
   #itemtype #accessorytitle {background:none; color:#94b900; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; padding:2px 10px 8px;}

#bodycontent {float:right; width:608px; min-height:350px} /* 150 + 610 = 760 */ /* The Min-width is needed for Moz to stretch the bodycontent that is shrinkwrapping content due to floats. This is only necessary on pages without Tables in the contents. Min-width breaks Opera's layout so Width:100% is used instead of Min-width. */

#bodyshell {background-color:#87877d; border-left:149px solid #383933; float:left; zoom:1; margin:1;} /*Left Column Color*/ /* Background color is needed to counter an IE rendering bug that erases the left column bgcolor */ /* float:left is needed in Moz to handle extra wide cntent that breaks the width */ /* Left/Right Margin was removed due to expanded content errors in Moz, this was used to push the nav/content area in to match the mock-up */
#bodyshell {background-color:#87877d; border-right:1px solid #383933; float:right; zoom:1; margin:0;} /*Right Column Color*/ /* Background color is needed to counter an IE rendering bug that erases the right column bgcolor */ /* float:right is needed in Moz to handle extra wide cntent that breaks the width */ /* Left/Right Margin was removed due to expanded content errors in Moz, this was used to push the nav/content area in to match the mock-up */


*:first-child+html #bodyshell { width:610px; }

#bodyshell:after {clear:both; content:"."; display:block; height:0; visibility:visible;}

#brandmark {float:left; font:normal 36px Tahoma, Geneva, Verdana, sans-serif; width:500px;} /* 510 + 250 = 760 */

#brandmark a {color:#ffffff; display:block; padding:0 0 5px 13px; text-decoration:none;}

#caption {zoom:1;}
#caption:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
#contentarea #caption {margin:20px 50px;}
#itemtype #caption {/*padding:0 10px;*/}
#maintype #caption {
   background-color:#fff; padding:15px;
   font-size: 1.4em;
}

#captionarea, #messagearea, #info-div {margin:10px 10px 9px; /*border-bottom:1px #fff solid;*/} /* 1px is used to prevent Margin Folding */

#messagearea #messagetitle{background:#53912e url('') ; color:#dfdfdf; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; padding:4px 15px 6px;}
#itemtype #contentarea #itempage-captiontitle {margin:15px 0 10px; padding:0 2px;}
#itemtype #itempage-captiontitle {background:none; color:#000000; font:bold 14px Tahoma, Geneva, Verdana, sans-serif; margin:0; padding:2px 2px 8px;} /*The Left/Right Padding is smaller because the Caption Title needs to be nested within the Caption on Item pages, but not on Section pages */

#container {height:auto;min-height:100%;margin:0 auto; text-align:left; width:760px; border:solid 1px #94b900; background-color: #87877d;} /* This "container" is needed as IE produces resize induced rendering errors when using the BODY element for a container. */ 

#container-info {min-height:500px;margin:0 auto; text-align:left; width:570px; border:solid 1px #94b900; background-color: #87877d;} 

#contentarea {margin:0 0 10px 0;}

#section-contenttitle {background-color:#53912e; color:#ffffff; font:bold 14px ; margin:0 15px; padding:4px 15px 6px;}

#bodyContent #info-div #searchpageHeader {background-color:#53912e; color:#ffffff; font:bold 14px ; margin:0; padding:4px 15px 6px;}

#item-contenttitle {background-color:#53912e; color:#ffffff; font:bold 14px ; margin:0 15px; padding:4px 15px 6px;}

#specialstitle {background:#53912e url('') ; color:#ffffff; font:bold 22px Tahoma, Geneva, Verdana, sans-serif; margin:0 10px; padding:4px 15px 6px; text-align:center;}

#copyright {color:#a2a2a2; display:block; font:normal xx-small/1.2 verdana, sans-serif; padding:0 15px 15px; text-align:right;}

#finaltext, #introtext {margin:10px;}



.seo-links, .quick-links {
  width:600px;
  min-height:400px;
  margin-top:10px;
  margin-bottom:10px;
  padding-top:30px;
  float:left;
  }
.seo-links fieldset, .quick-links fieldset {
  padding:10px;
  border:1px solid #9B0;
  background:#383933;
  color: #FFF;
  font-size: 14px;
  z-index:0;
  }
.quick-links fieldset {
  margin-left:25px;
  margin-right:25px;
  width:530px;
  }

.seo-links-left {

  margin-left:20px;
  width:250px;

  }
.seo-links-right {

  margin-right:20px;
  width:290px;


  }
.seo-links-footer {
  width:660px;
  min-height:5px;
  margin:10px 50px 10px 50px;
  position:relative;
  top:10px; 
  background:#383933;
  color: #FFF;
  }
.seo-links-footer fieldset {
  padding:10px;
  border:1px solid #9B0;
  background:#383933;
  }




#footer {background:#383933 url('') ; clear:both;zoom:1;
min-height: 100px;
}
#footer-links {color:#6e6e64; display:block; font-weight:bold; font-size:11px; padding:10px 0 15px; text-align:center;}
#footer-links a {color:#ffffff; text-decoration:none; text-transform:uppercase;}
#footer-links a:hover {text-decoration:underline;}

/* Original header css*/
/* #header {background:#383933 url('http://ep.yimg.com/ca/I/yhst-70317100479998_2196_732468555') no-repeat center;zoom:1; min-height:133px; height:auto !important; height:133px;} */ /* _height and zoom are MS hacks */
/* #header:after {clear:both; content:"."; display:block; height:0; visibility:hidden;} */

#header {background:#383933 url('/lib/yhst-70317100479998/store-logo-promo.gif') no-repeat center;zoom:1; min-height:133px; height:auto !important; height:133px;} /* _height and zoom are MS hacks */
#header:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

#header #header-to-home {
width: 759px; height: 92px; }

#header #header-to-home h1{
text-indent: -5000px;}

#promo {
/* background: url('/lib/yhst-70317100479998/Stamp-10-back-rectangular.jpg') no-repeat ;zoom:1; */
/* _height and zoom are MS hacks */
	height: 108px;
	margin-top: -108px;
	}
#promo img {border:3px solid green; margin-left:100px; margin-top:10px;}
#promo #promo-text, #promo #promo-text a {
	margin-left:135px; 
	margin-top:-75px;
	text-align:center;
	text: white;
	font: normal 900 14px Arial;
	color:white;
	margin-right:60px;
	text-shadow: black 0px 0px 5px;}
#promo #promo-text #promo-price {
	font-size: 18px;}	





/* Search Page Styles */
#info-div form, 
     .infoText div {margin:0 10px;}
#info-div form table td a img {margin-right:5px;}
#info-div form table td b {display:block; padding:15px 0 5px;}
#info-div form table td font {font-size:1em;}
/* !Search Page Styles */

#introtext {} /* REF: #finaltext */
   

#itemarea {background-color:#fff; margin:0px 5px 0; padding:5px; zoom:1;}
#itemarea:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}

#nav-general {clear:both; float:right; display:block; list-style:none; margin:0 5px 0 0;}

#nav-general li {background-color:#6e6e64; border:1px solid #6e6e64; border-top:0; float:left; margin:0 2px;} /* General Link Colors */

/* */
#nav-general li a {color:#b8e600; display:block; font-size:10px; font-weight:bold; padding:4px 17px 6px; text-align:center; text-decoration:none; white-space:nowrap;}

#nav-general li a:hover {background-color:#6e6e64; color:#94b900;}

#nav-general a.linkcheckout {background:transparent url('') 90% 0 no-repeat; padding-right:35px;}   








#nav-product {_display:inline; float:left; margin-left:-149px; overflow:visible; position: relative; width:149px; max-width:149px; z-index:2;} /* IE Experiences the pixel doubling bug here. "display: inline;" fixes this. Position Relative and Z-Index are needed for IE in order to display the background colors */

/* */
#nav-product ul li a {border-top:1px solid #b4bbab; color:#b8e600; display:block; font-weight:bold; font-size:12px; height:18px; margin:0; min-height:18px; padding:7px 5px 5px 5px;
 text-decoration:none;}


 html>body #nav-product a {height:auto;}

/*
#nav-product ul li a:hover {background-color:#6e6e64; color:#94b900;}
*/

#nav-product li {margin:0;}

#nav-product ul {list-style:none;}

/* * html #nav-product ul li a {  }*/
/* make hover effect work in IE */
   
#htmltop, #htmlbottom, #htmltop a, #htmlbottom a{padding:5px;color:#ffffff}

#nav-product ul li a{background-color: #383933;}

* html #nav-product ul li a{height:100%; overflow:hidden; background-color: #383933; overflow:visible;}

* html #nav-product { overflow:visible; width:150px; }






 


#nav-product #menu {
	background:none;
	z-index:100;
	}

#nav-product #menu:after {
	display:block;
	content:'';
	clear:both;
	}

#nav-product #menu ul, #menu li {   
   position:relative; line-height:1.5em;   
	}
#nav-product #menu li {
   background-color: ; width:150px;   
}

#nav-product #menu .main { 
	float:top;
	margin-left:-1px;
	width:150px;
	height:auto; cursor:pointer;
	
	}
* html #nav-product #menu .main { 
   float:top; margin-left:-1px; width:150px;
   }
#nav-product #menu .big {
	cursor:pointer;
}
#nav-product #menu ul {
	position:absolute;
	overflow: visible;
	width:150px;
	}

#nav-product #menu .main li {
   margin-top:0px; width:150px;
}

* html #nav-product #menu .main li { 
   float:right; clear:right;   
}	

#nav-product #menu ul ul {
   right:150em; top:0em; margin-top:1; margin-left:-1px; padding-top:-1px;   }


#nav-product #menu .right ul {
   top:-1px; left:150px; margin-left:-1px; margin-top:1px;   
}


#nav-product #menu a, #menu h2 {
   cursor:pointer; display:block; color:#FFF; padding:1px;
   font-weight:normal; font-size:1em; border:0px solid #666; 
/*   line-height:2.2em;  } */
   padding: 0.8em 0.2em;  }

* html #nav-product a {
   height:1.5em;   }


#nav-product #menu .open h2 {
    background-color:#8b7;
    font-size:1.4em; font-weight:bold;} 

#nav-product #menu .close h2 {
    background-color:#5a2;
    font-size:1.4em; font-weight:bold;}




#nav-product #menu .main .open h2 {
    background-color:#8b7;
    font-size:1.4em; font-weight:bold;} 

#nav-product #menu .main .close h2 {
    background-color:#5a2;
    font-size:1.4em; font-weight:bold;}

#nav-product #menu .main a {
   border:1px solid #666;  }
#nav-product #menu .open a, #menu .open h2 {
   border:1px solid #666;  }
#nav-product #menu .close a, #menu .close h2 {
   border:1px solid #666;
   padding:0.5em 0.4em;  }
#nav-product #menu .main .open a, #menu .main .open h2{
   border:1px solid #666;  }
#nav-product #menu .main .close a, #menu .main .close h2{
   border:1px solid #666;  }

#nav-product #menu a:hover {
	font-weight:bold; 
	}

#nav-product #menu .close ul {
   left: -2000px; top:-2000px;  }





#left-bottom {z-index:0;overflow:hidden;
    margin: 0px 0px 15px 0px;
    position:relative;
    top:0px;
    }
#left-bottom a, #left-bottom p {margin: 0px;}
#nav-product #left-bottom ul li a {
    border-style: none;background: transparent;
    margin: 0px, width:149px; height:72px;
    text-indent: -2000px ;}
#nav-product #left-bottom ul li { 
   margin-left:-1px; width:150px; height:72px;}
#best-deals-small-banner {
   background:url('/lib/yhst-70317100479998/gss-nav-05.jpg') no-repeat 0px 0px;
   }
#liquidation-small-banner {
   background:url('/lib/yhst-70317100479998/gss-nav-06-liquidation.jpg') no-repeat 0px 0px;
   }
#package-deals-small-banner {
   background:url('/lib/yhst-70317100479998/gss-nav-06.jpg') no-repeat 0px 0px;
   }
#kites-menu-entry {
   background:url('/lib/yhst-70317100479998/gss-nav-kites.jpg') no-repeat 0px 0px;
   }
#vip-club-galactic {
   background:url('/lib/yhst-70317100479998/vip-why.png') no-repeat 0px 0px;
   background-position: center center;
   }
#gift-certificate {
   background:url('/lib/yhst-70317100479998/gift-certificate.png') no-repeat 0px 0px;
   background-position: center center;
   }
#facebook-link {
   background:url('/lib/yhst-70317100479998/facebook-logo.jpg') no-repeat 0px 0px;
   background-position: center center;
   }
#price-guarantee-link {
   background:url('/lib/yhst-70317100479998/price-guarantee-small.gif') no-repeat 0px 0px;
   background-position: center center;
   }

/* HOVER STYLES */
#best-deals-small-banner:hover {
   background:url('/lib/yhst-70317100479998/gss-nav-05.jpg') no-repeat -150px 0px;
   }
#liquidation-small-banner:hover {
   background:url('/lib/yhst-70317100479998/gss-nav-06-liquidation.jpg') no-repeat -150px 0px;
   }
#package-deals-small-banner:hover {
   background:url('/lib/yhst-70317100479998/gss-nav-06.jpg') no-repeat -150px 0px;
   }
#kites-menu-entry:hover {
   background:url('/lib/yhst-70317100479998/gss-nav-kites.jpg') no-repeat -150px 0px;
   }

  
  







#search-form {
        height: 77px;
        background:#6e6e64; 
              }

#searcharea {
background:#6e6e64 url('') ;
//      display:block; 
//      margin:0 0 0 0;
   }
#searcharea img {float:right;}
#searcharea input {font-size:1.0em;}
#searcharea fieldset {border:0 solid; 
// display:block;
padding:10px 0 10px 5px;
position:relative;
top:-40px;
width: 240px;}

#searcharea label {color:#b8e600; font-size:0.85em; font-weight:bold; text-transform:uppercase;}
#searcharea label span, #searcharea label input {vertical-align:middle}

.search-banner {
    width:320px;
    height:60px;
    position:relative;
    left: 264px;
    top: 2px;
    font: small-caps bold 13px arial;
    color: #CC3333;
//    background-image: url('	/lib/yhst-70317100479998/search-bgrnd-green-grey.gif');
//    background-repeat: no-repeat
    z-index: 10000;
    }

.search-banner table tr td {
    font: small-caps bold 11px arial;
    color: #FF2266;
    }

.freetshirt {
    width:180px;
    height:40px;
    position:relative;
    left: 40px;
    top:-57px;
    font: small-caps bold 16px arial;
    color: #FF3333;
    text-align: center;
    text-decoration: none;
    background-image: url('	/lib/yhst-70317100479998/free-tshirt-bgrnd.gif');
    background-repeat: no-repeat;
    }
.freetshirt a {text-decoration: none;}

#searchsubmit{ background:#383933 url('') ;color:#ffffff;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer;display:inline; margin:0;}
#searchpageHeader {background-color:#53912e; color:#ffffff; font:bold 14px ; margin:0; padding:4px 15px 6px;}
input#query {margin-left:4px;}
#query {padding:2px}



#slogan {color:#fefefe; display:block; float:right; font:normal 11px Tahoma, Geneva, Verdana, sans-serif; padding:2.7em 15px 10px 10px; width:225px; text-align:right;} /* 225 + 25= 250 */

*:first-child+html #info-div,
*:first-child+html #specialtitle,
*:first-child+html #messagearea { width:590px; } *:first-child+html #itemarea { width:570px; }

#badge { margin: 15px auto; }

* html #badge { width:136px; text-align:center; }
#info-div .sitemap a { font-size:16px; font:bold }
#info-div .sitemap .map-item a {font-size:10px; color:#888 }




#info-div #faq { padding-left: 10px; padding-right: 10px;
 font-size: 1.4em; }
#info-div #faq b { font-size: 1em; font:bold }
#info-div #faq ul { 
     list-style: square inside url('/lib/yhst-70317100479998/arrow.gif');
     text-indent:8px;}
#info-div #faq li { margin-bottom:12px
     }

.google-search-results 
{   max-width: 420px;
    padding:0px 10px;
    }

.out-of-stock
{  font-size:14px; 
   font-weight: 900;
   color:red;
}

.freestuff, .freestuff a 
{text-align: center;font-size:22px;color:#C34;}




/* Floating cart css customization*/
.smb-fc #yfc_itemDetails div.yui-dt-bd {
height:285px ! important;
width:342px !important;
}
#yfc_mini {
background-color:#94B900;
}
.yui-skin-sam .yui-panel {
width:362px !important;
}