/* SELECTOR RESET
--------------------------------*/
html, body, div, span, object, iframe, a, dl,dt,dd abbr, acronym, address, pre, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, var, center,  fieldset, form, fieldset, label, legend, select, input, textarea { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; }

/* COMMON SELECTOR LAYOUT
--------------------------------*/
body { background: url(../images/bg.jpg) no-repeat center top; line-height: 1; color: #525252; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; display:table; width: 100%; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing:0; }
p { padding: 5px 0; margin: 0; }
strong, b { color:#01356D; }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button {}
legend { font-weight:bold; margin: 10px 0; }
a:link { color: #01356D; }
a:visited { color: #01356D; }
a:hover { color: #01356D; }
h1, h2, h3, h4, h5, h6 { font-size: 1.1em; font-weight: bold; margin: 5px 0; padding:0; }

/* COMMON SELECTOR CLASSES
---------------------------------*/
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.fl-left { float: left; }
.fl-right { float: right; }
.inline { display:inline; }
.block { display:block; }
.pos-rel { position:relative; }
.pos-abs { position:absolute; }
.container { overflow: hidden; width: 100%; }
.required { background:url(../images/bg-required.png) no-repeat 99% 4px; }
.note { font-style: italic; font-size: 10px; margin: 0 0 0 5px; }
.cms img { display:inline; }
.cms { line-height: 1.4em; }
.sifr-alt { display: none; }

h1.sifr,h2.sifr { margin:0;padding:0; font-weight:normal; }
h1.title { font-size: 20px; color:#2A406F; height: 30px; }
select.text { border: 1px solid #CBD2E2; }
input.text { padding: 2px; border: 1px solid #CBD2E2; width: 130px; height: 11px; }
textarea.text { padding: 2px; border: 1px solid #CBD2E2;  width:220px; height:60px; }
input.image { }
input.button { color:#FFF; background:#000; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px; }
button.button { color:#EDF0F7; background:#8C9DBB; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px;  float:right; margin: 0 60px 0 0; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 5px 0 0 0; }
input.size-xlong { width: 300px; } input.size-long { width: 205px; } input.size-mid { width: 70px; } input.size-small { width: 30px; } input.size-tiny { width: 20px; } input.size-xsmall { width: 10px; }

.error, .error strong { color: #C00; }
h3.error { font-weight: normal; border: 1px solid #C00; background: #FBFCFC; padding: 5px; text-align:center; }
p.error { text-align: center; width: 90%; }
.success, .success strong { color: #390; }
p.success { text-align: center; width: 90%; }

/* BODY SELECTORS
---------------------------------*/
#home, #internal { width: 995px; text-align:left; margin: 0 auto 0 auto; background:url(../images/bg-home.png) repeat-y; padding: 0 24px 0 24px; }
* html #home, * html #internal{ background:none; }
/* HEADER */
#header { position:relative; height: 198px; }
/*
#header div#logo { float:left; width:269px; height: 104px; margin: 40px 0 0 65px; position:relative; z-index:100; }
#header div#logo a {display:block; width:269px; height: 104px; text-indent: -6000px; }
* html #header div#logo { float:left; width: 269px; height: 104px; margin: 0 0 0 0; }
*/

/* slideshow */
#slideshow { position:absolute; z-index: 0; top:0;left:0; }
#slideshow a { display:block; position:absolute; top:0; left:0; z-index:8; }
#slideshow  a.active { z-index:10; }
#slideshow a.last-active { z-index:9; }

/*NAV:CART*/
#nav-cart { float:right; display:inline; width: 278px; height: 23px; background:url(../images/bg-nav-cart-left.png) no-repeat top left; padding: 0 9px 0 10px; margin: 0 14px 0 0; position:relative; z-index: 100; line-height: 1.1em;}
#nav-cart .shell { background:url(../images/bg-nav-cart-right.png) no-repeat top right; height: 100%; padding: 0 9px 0 0; }
#nav-cart ul { margin:0; list-style:none; background:url(../images/bg-nav-cart.png) repeat-x; height: 19px; padding: 4px 0 0 0;  }
#nav-cart li { float:left; width:auto; }
#nav-cart li a { margin: 0 4px 0 3px; }
* html #nav-cart .shell, * html #nav-cart { background:url(../images/bg-nav-cart.png) repeat-x; }

/*NAV*/
#nav { clear:right; display:inline; margin: 0 0 0 0; background:url(../images/bg-nav.png) no-repeat left; float:right; width:460px; padding: 0 0 0 60px; margin: 124px 19px 0 0; position:relative; z-index:100; }
#nav ul { height: 27px; background: url(../images/bg-nav-ul.png) right no-repeat; list-style:none; margin: 0;padding:0 51px 0 0; position:relative; z-index: 100; }
#nav a { display: block; height: 27px; text-indent: -6000px;  }
#nav li.menu-cat { float: left; display: block; text-transform:capitalize; background-repeat: no-repeat; }/*menu category styling*/
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* nav dropdown */
#nav li ul a { padding: 5px 3px 5px 30px; text-indent: 0; text-transform:none; height: auto; width: 170px; color: #486EAF; text-decoration: none; } /* reset for dropdown */
* html #nav li ul { padding-left:0; }
#nav li ul a:hover { color: #6B9E39; } /*reset for dropdown */
#nav ul ul { display:none; position: absolute; top: 27px;left: 5px; width: 203px; height: auto; margin:0;padding:0 0 20px 0; list-style:none; border-top: 0 #DADCF6 solid; background: url(../images/bg-dropdown-ul.png) no-repeat bottom left; } /*dropdown 
properties*/
* html #nav ul ul { background: #FFF; }
#nav li ul li { border: #DADCF6 solid; border-width: 0 0 0 0; width:99%; }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */

* html #nav ul ul li {height: 1%; float:left;} /*ie6*/
*+html #nav ul ul li { height: 1%; float:left; } /*ie7*/

/* nav items */
#nav #nav-retail { background-image: url(../images/nav-retail-locations.png); width: 150px; } 
#nav #nav-retail:hover {background-position: 0 -27px; }
#nav #nav-locations { background-image: url(../images/nav-locations.png); width: 101px; } 
#nav #nav-locations:hover {background-position: 0 -27px; }
#nav #nav-about-us { background-image: url(../images/nav-about-us.png); width: 91px; } 
#nav #nav-about-us:hover {background-position: 0 -27px; }
#nav #nav-contact-us { background-image: url(../images/nav-contact-us.png); width: 110px; } 
#nav #nav-contact-us:hover {background-position: 0 -27px; }
#nav #nav-sale { background-image: url(../images/nav-sale.png); width: 58px; } 
#nav #nav-sale:hover {background-position: 0 -27px; }


/* MAIN */
#main{ overflow:hidden; width: 100%; background: url(../images/bg-main.png) repeat-x top;  }

/*SEARCH*/
#form-search { margin: 4px 0 0 5px; border:1px solid #CBD2E2; padding:3px; width: 211px; }
#form-search fieldset {background: url(../images/bg-form-search.png) repeat-x; }
#form-search input.image { margin: 0 0 0 160px; }
#search { background: url(../images/bg-search.png) no-repeat 0 5px; padding: 0 0 0 61px; margin: 7px 0 0 8px; }
#search input.text { width: 128px; margin: 0 3px 0 0; }
#brands { background: url(../images/bg-brands.png) no-repeat 0 5px; padding: 0 0 2px 61px; margin: 8px 0 8px 8px; }
#brands select.text { width: 134px;  }

/* NAV:CATEGORIES*/
#nav-categories { float:left; width:228px; display:inline; border:1px solid #CBD2E2; padding: 3px; margin:0 0 0 19px; }
#nav-categories .shell{ background:#E5EAF3 url(../images/bg-nav-categories.png) repeat-x top; }
#nav-categories h1 { text-indent: -6000px; height: 12px; margin: 10px 0 5px 5px; }
#ski-shop { background:url(../images/bg-h1-ski-shop.png) no-repeat; }
#board-shop { background:url(../images/bg-h1-board-shop.png) no-repeat; }
#street-shop { background:url(../images/bg-h1-street-shop.png) no-repeat; }

#nav-categories ul { margin:0 0 0 11px;padding:0; list-style:none; background: url(../images/bg-nav-categories-ul.png) top repeat-x; width: 207px; }
#nav-categories li { background: url(../images/bg-nav-categories-li.png) no-repeat 7px 7px; padding: 0 0 0 26px; border-bottom: 1px solid #D1DBE6; }
#nav-categories li.last { border:0; }
#nav-categories li a { text-decoration:none;  display:block; width: 181px; padding: 4px 0; }
#nav-categories li a:hover { text-decoration:underline;  }

/* PHOTO */
#photo { float:right; width: 688px; margin:0 20px 0 0; display:inline; border: 1px solid #CBD2E2; padding: 5px; }
#photo img { border:  solid #E5EAF3; border-width: 6px 7px 6px 8px; padding: 1px; width: 671px; height: 349px; }

#logos { overflow:hidden; width:698px; display:inline; height: 88px; float:right; clear:right; margin: 11px 20px 12px 0; border: 1px solid #D1D7E5; }

/*CONTENT*/
#home #content { clear:right; display:inline; overflow:hidden; float:right; width:700px;  margin:0 20px 0 0;}
#home #content p { float:left; display:inline; margin: 0 12px 0 0; border: 1px solid #CBD2E2; padding: 3px; width:336px; height:292px; }
#home #content p.last {margin:0; }
#internal #content { display:inline; float:right; width:658px; margin: 0 20px 0 0; padding:  10px 21px; min-height: 500px; border: 1px solid #CBD2E2; }
* html #internal #content { height: 500px; }

/* BREADCRUMB */
#crumb { list-style: none; padding: 0; margin: 0 0 9px 0; }
#crumb li { display:inline; background: url(../images/bg-li-crumb.png) no-repeat 0 3px; padding: 0 0 0 11px; margin: 0 14px 0 0; }
#crumb li a, #crumb li a:hover { color:#9CB87E; }

/* FOOTER */
#footer { height: 44px; padding: 12px 0 0 0; text-align: center; line-height: 1.6em; border-top: 1px solid #CBD2E2; margin: 7px 0 0 0;}
/* CORE101 */
#core101-logo { text-align:center; background: url(../images/bg-core101-logo.png) no-repeat 0 0; padding: 42px 0 10px 0; width: 1047px; margin: 0 auto 0 auto; display:table; }
* html #core101-logo { background:none; }

/* MISC
-------------------------------------*/

/* forms */
#form-taf { width: 500px; }
#form-contact { width: 500px; }
.form-layout fieldset { margin:0; padding:0; border:0; }
.form-layout label, #captcha-image { display: block; width: 100%; overflow: hidden; margin: 0 0 5px 0; }
.form-layout .inline label { display:inline; width: auto; }
.form-layout .inline { clear:both; margin: 0 0 0 200px; }
.form-layout .inline label span { display:inline; width:auto; float:none; }
.form-layout .inline label input { float:none; width: auto; }
.form-layout label span, form #captcha-image span { width: 200px; float: left; text-align: right; padding: 4px 5px 0 0; }
.form-layout label span.required {}
.form-layout label span.error { font-size: 12px; font-style:italic; color:#F00; text-align:left; margin-left: 5px; }	
.form-layout label input { float: left; margin: 0 0 5px 0; width: 90px; }	
.form-layout label select { float: left; margin: 0 0 5px 0; width: auto; }
.form-layout #captcha-image img { float:left; margin: 0 0 5px 0; }

/* sitemap */
#sitemap li { list-style: none;	vertical-align:middle; padding-bottom: 4px;	}
#sitemap a { text-decoration:none; }
#sitemap a:hover{ text-decoration:underline; }


/*JCAROUSEL
********************************************************************************************/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
#mycarousel { }
.jcarousel-container { position: relative; }
.jcarousel-clip {  z-index: 2;  padding: 0;  margin: 0;  overflow: hidden;  position: relative;}
.jcarousel-list {  z-index: 1;  overflow: hidden;  position: relative; top: 0;  left: 0;  margin: 0;  padding: 0; }
.jcarousel-list li,
.jcarousel-item { float: left;  list-style: none;  /* We set the width/height explicitly. No width/height causes infinite loops. */}
.jcarousel-item img { display:inline; }
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {  z-index: 3;  display: none;}
.jcarousel-prev {  z-index: 3;  display: none;}