/*
/css/common.css
---------------------------------------------------------------------
Groupe Forzani Ltée. / Forzani Group Ltd. - [DL/FD]
*/
/* Default CSS */

/* Reset things before going on ... */
html, body { margin:0; padding:0; border:0; width:100%; height:100%; }
* html body { height:100%; width:100%; }  
*{ margin:0; padding:0; }

/* Then apply generic styles to elements */
p { margin: 1em 0px; }
img  { border: none; }
h1 { display: block; width: 770px; height: 20px; padding-left: 10px; padding-top: 1px; background: url(/img/UI/bkg/bg-titre.gif) no-repeat; color: #fff; font: bold 16px Arial, Helvetica, sans-serif;  }
/* h1.section { background-image: url(/img/tips/tc_titre_sections.gif); } */
input {  padding-left: 3px; }

body{ 
    font: normal 11px "Verdana", Geneva, sans-serif;
    background: url('/img/UI/bkg/bkg.gif') #04663F fixed;
    /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004027', endColorstr='#04663F'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#004027), to(#04663F)) fixed; /* for webkit browsers */
    background: -moz-linear-gradient(top,  #004027,  #04663F) fixed; /* for firefox 3.6+ */ 
}
#footer_bg { position: fixed; left: 50%; margin-left: -640px; bottom: 0; width: 1280px; height: 477px; z-index: -1;
    background: url('/img/UI/bkg/bkg_footer.png') no-repeat; }

a,
a:hover   { text-decoration: none; }
a:link, 
a:visited { color: #FFF; }
a:hover   { color: #eeca2b; }
a:active  { color: #b90; }

.page_separator { width: 780px; height: 5px; border-bottom: 1px solid #fff; background: url(/img/UI/sep/sep_pages.gif); }
.comp_separator { width: 780px!important; height: 1px!important; margin: 10px 0; background: url(/img/UI/sep/sep_dotline.gif); }
.sm_caps { text-transform: uppercase; }
.clear { clear: both; }

/* container */
#container { position: relative; width: 800px;  margin: 0 auto; }
#container .bg_left { position: absolute; left: -34px; width: 34px; height: 100%; background: url(/img/UI/bkg/page_ombre_left.png) no-repeat;  }
#container .bg_right { position: absolute; right: -33px; width: 33px; height: 100%; background: url(/img/UI/bkg/page_ombre_right.png) no-repeat;  }

/* Header */
#header { width: 100%; height: 174px; }
#header a { display: block; width: 0; height: 0; padding: 87px 125px; text-indent: -1000px; }

/* Breadcrumb*/
#breadcrumb p { margin: 0; }

/* Content */
#content { width: 780px; min-height: 500px; padding: 10px 10px 30px; background: url(/img/UI/bkg/page_ombre_bottom.png) bottom no-repeat #fff; }
#content a { color: #004027; }
#content ul { margin-left: 30px; }

/* Here page - Coast Mountain Sports landing page */
#here { width: 755px; margin: 20px auto; padding-top: 322px; background: url(/img/UI/bkg/here/here_bkg.jpg) no-repeat #000000; text-align: center;  }
#here .body { margin: 0 50px; font-size: 13px; line-height: 18px; color: #fff;  }
#here .statement { top: 530px; left: 31px; }
#here .statement p { width: 694px; margin-left: auto; margin-right: auto; text-align: justify; }
#here a { display: block; padding: 35px 0; font-size: 13px; color: #cfdf5e; text-decoration: underline; }

/* Billboard */
#billboard { position: relative; width: 780px; height: 285px; margin-top: 20px; border-bottom: 1px solid #000; background: #ddd; }
#billboardContainer { width: 780px; height: 280px; overflow: hidden; }
#billboardContainer .label { position: absolute; bottom: 3px; left: 10px; z-index: 20; font: normal 11px Arial, Helvetica, sans-serif; }
#billboardCounter { position: absolute; bottom: 0px; width: 780px; height: 42px; background: url(/img/home/billboard/bill_bg.png) no-repeat; z-index: 10; }
#billboardPager { position: absolute; right: 46px; bottom: 2px; }
#billboardPager a { display: block; float: left; width: 11px; height: 11px; padding: 1px 0px 3px 4px; margin: 0px 2px; color: #88806d; font: bold 12px Arial, Helvetica, sans-serif; background-color: #fff; }
#billboardPager a:hover, #billboardPager a.activeSlide { color: #fff; background-color: #004027 }
#billboardCounter #pp { position: absolute; bottom: 0px; right: 0px; display: block; width: 46px; height: 20px; overflow: hidden; background: url(/img/home/billboard/bill_pause.png) no-repeat; }
#billboardCounter #pp.play { background: url(/img/home/billboard/bill_play.png) no-repeat; }

/* Promo boxes*/
#promoBoxes { width: 780px; height: 166px; margin-top: 30px; overflow: hidden; }
#promoBoxes div { position: relative; float: left; width: 250px; height: 166px; }
#promoBoxes div h2 { display: block; width: 240px; padding-left: 10px; height: 16px; background: url(/img/home/cases_promo/bg-titre.jpg) no-repeat; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; }
#promoBoxes .separator { float: left; width: 15px; height: 166px; background: url(/img/UI/sep/sep_vdotline.gif) 7px 0 no-repeat; }
#promoBoxes a.more { display: block; position: absolute; bottom: -1px; right: 0; width: 109px; height: 16px; overflow: hidden; text-indent: -1000px; }
#promoBoxes a.more:hover { background-position: 0 -16px; }

/* Star products */
#starProducts { position: relative; width: 780px; height: 192px; margin-top: 30px; }
#starProducts h2 { display: block; width: 770px; padding-left: 10px; height: 16px; background: url(/img/home/pv/pv_bg-titre.gif) no-repeat; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; }
#starProducts a.leftSlide, #starProducts a.rightSlide { position: absolute; top: 16px; display: block; width: 10px; height: 180px; overflow: hidden; z-index: 10; }
#starProducts a.leftSlide:hover, #starProducts a.rightSlide:hover { background-position: -10px 0; }
#starProducts a.leftSlide { left: 0px; background-image: url(/img/home/pv/btn_pv_back.gif); }
#starProducts a.rightSlide { right: 0px; background-image: url(/img/home/pv/btn_pv_next.gif); }
#starProducts .brand { font-weight: bold; }
#starProducts .model {   }
#starProducts .price { color: #004027; font-weight: bold; }
#starProducts .price sup { position: relative; top: 2px; }
#starProductsContainer { width: 780px; height: 180px; margin: auto; background: url(/img/home/pv/pv_gradient.gif) bottom repeat-x; }
#starProductsCarousel { position: relative; height: 170px; }
#starProductsCarousel ul { list-style-type:none; }
#starProductsCarousel ul li { font-size: 11px; float:left; padding: 0 15px; width: 100px; min-height: 180px; }
#starProductsCarousel ul li img { width: 100px; height: 114px; padding-bottom: 1px; background: url(/img/UI/sep/sep_dotline.gif) bottom no-repeat; }

/* Newsletter */
#newsletter { position: relative; width: 800px; height: 59px; background: url(/img/home/newsletter/newsletter_bg.jpg) right no-repeat; font-family: Arial, Helvetica, sans-serif; }
#newsletter .title { width: 96px; height: 59px; float: left; }
#newsletter .description { float: left; width: 263px; height: 29px; padding: 15px; }
#newsletter .description strong { font-size: 13px; }
#newsletter form table { position: absolute; top: 9px; right: 0px; width: 411px; }
#newsletter form input { width: 125px; border: 1px solid #88806d; }
#newsletter form label { float: right; margin-right: 2px; }
#newsletter a.submit { display: block; width: 88px; height: 18px; overflow: hidden; text-indent: -1000px; }
#newsletter a.submit:hover { background-position: 0 -18px; }

/* Search */
#topPaging { margin-top: 10px; padding-top: 10px; border-top: 1px solid #BDB8AE; }
#topPaging form { position: absolute; bottom: 7px; right: 10px; width: 400px; text-align: right; }

/* Catalog drop menu */
#catalogDropMenu { position: relative; display: block; margin-bottom: 10px; padding: 10px; background: #e7e6e2;  }
#catalogDropMenu select { font-size: 10px;  margin-right: 10px; width: 125px; }
#catalogDropMenu .next_prev { position: absolute; top: 10px; right: 10px; }

/* Catalog */
#catalog_toc { margin-top: 20px; }
#catalog_toc .item { display: block; width: 133px; height: 150px;  margin-right: 21px; float: left; text-align: center; }
#catalog_toc .item img { border: 1px solid #ccc; }
#catalog { margin-left: 3px; }
#catalog .item { position: relative; float: left; width: 108px; height: 175px; padding: 10px; border: 1px solid #000; margin-left: -1px; margin-top: -1px;   }
#catalog .item img { display: block; padding-bottom: 1px; background: url(/img/UI/sep/sep_dotline.gif) bottom no-repeat; }
#catalog .item img.new { position: absolute; top: 0px; right: 0px; background: none; }
#catalog .separator { clear: both; width: 780px; height: 5px; margin-top: 53px; border-top: 1px solid #fff; background: url(/img/UI/sep/sep_pages.gif); }
#catalog .brand { font-weight: bold; }
#catalog .price { color: #004027; font-weight: bold; }
#catalog .price sup { position: relative; top: 2px; }

/* Product */
#product .product-image { height: 400px; width: 350px; float: left; border: 1px solid #d3d7db; padding: 10px; margin-right: 8px; margin-bottom: 5px; }
#product .product-description { position: relative; display: block; float: left; width: 378px; min-height: 400px; border: 1px solid #d3d7db; padding: 10px; }
#product .product-logo { display: block; width: 105px; height: 110px; float: right;  }
#product .product-model { display: block; height: 84px; padding-top: 30px; color: #004027; font-size: 18px; font-weight: bold; font-weight: bold; }
#product .product-model .gender { display: block; font-size: 11px; font-weight: normal; }
#product .product-price { margin: 10px 0; font-size: 22px; font-weight: bold; color: #004027; }
#product .product-price sup { font-size: 11px; }
#product .rebate { margin: 10px 0; font-size: 11px; margin-bottom: 0px; }
#product .product-priceRebate { color: #c00; font-weight: bold; font-size: 19px; }
#product .product-icons img { margin-bottom: 3px; }
#product ul{ list-style:none; margin: 9px 0 0 0; }
#product li{ margin-bottom:0 !important; padding-left: 10px; background: url(/img/UI/bull/content_bullet.gif) left 0.5em no-repeat; }
#product p { margin: 0px !important; }

/* Helpful Hints */
#helpfulHints { font-size: 12px; }
#helpfulHints h2 { margin-bottom: 6px; font-size: 13px; color: #004027; }
#helpfulHints p { margin: 0; }
#helpfulHints ul.tiplist { list-style: none; }
#helpfulHints ul.tiplist li { height: 114px; border-bottom: 1px dotted #41ad49; }
#helpfulHints ul.tiplist li.odd { background: url(/img/tips/tc_acc_gradient.gif); }
#helpfulHints ul.tiplist li img { float: left; width: 135px; height: 114px; }
#helpfulHints ul.tiplist li .description { position: relative; top: 10px; height: 86px; margin-left: 135px; padding: 8px 0 0 12px; border-left: 1px solid #88806d; }
#helpfulHints ul.tiplist li a.more { display: block; position: absolute; bottom: 0; right: 0; width: 109px; height: 16px; overflow: hidden; text-indent: -1000px; }
#helpfulHints ul.tiplist li a.more:hover { background-position: 0 -16px; }
#helpfulHints .tip_bkg { width: 120px; height: 602px; float: left; }
#helpfulHints .tip { margin-left: 150px; }
#helpfulHints .tip>div { background: url(/img/UI/bkg/boite_texte.jpg) no-repeat; padding: 6px; font-size: 11px; }
#helpfulHints .tip>p { font-size: 13px; color: #004027; text-indent: 9px; background: url(/img/UI/bull/bullets_intro.gif) 0 4px no-repeat; }
#helpfulHints .tip h2 { font-size: 14px; color: #107647; }
#helpfulHints .tip p { margin-bottom: 17px; }
#helpfulHints .tip h3 { font-size: 12px; color: #EC7424; }
#helpfulHints .tip ul { padding-bottom: 4px; margin-top: -12px; }

/* Promotions */
#promotions { width: 724px; margin: auto; margin-top: 20px; }
#promotions img.giftCard { position: relative; float:right; top: -34px; _width: 1px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/giftcard/at_giftcard.png') no-repeat;}
#promotions p { margin-bottom: 17px; }
#promotions h2 { font-size: 12px; }

/* Stores */
#stores {}
#stores .dropMenu { display: block; padding: 10px; background: #e7e6e2; margin-bottom: 1px; border-bottom: 1px solid #BDB8AE; }
#stores .intro { color: #004027; font-size: 13px; border-bottom: 1px solid #BDB8AE; padding-bottom: 3px; }
#stores .findStore { padding-top: 10px; }
#stores .findStore select { width: 163px; margin-left: 4px; }
#stores #info { position: relative; font-size: 12px;}
#stores #info .store { position: relative; height: 285px; padding: 10px; background: url(/img/UI/sep/sep_dotline.gif) bottom no-repeat;  }
#stores #info h2 { background: url(/img/stores/bg-soustitre.jpg) no-repeat; height: 16px; padding-top: 3px; padding-left: 10px; font-size: 12px; font-weight: normal; color: #004027; text-transform: uppercase; }
#stores #info h3 { color: #107647; }
#stores #info .map { position: absolute; top: 10px; right: 0; width: 375px; height: 260px; border: none; margin: 0; background-color: #fff;  }
#stores #info .pop { position: absolute; top: 275px; right: 0; width: 375px; text-align: center; }

/* Careers */
#careers .store-menu { padding: 10px; background: #e7e6e2; margin-bottom: 1px; border-bottom: 1px solid #BDB8AE; line-height: 16px; }
#careers .store-menu a.lBorder {  border-left: 1px dotted #311c11; padding-left: 10px; margin-left: 7px; }
#careers table.careers tr td { border: none; border-left: 1px dotted #311c11; vertical-align: text-top; padding-left: 10px;   }
#careers table.careers tr td:first-child { border-left: none; padding-left: 0; }
#careers table.careers tr td .cityHeight { line-height: 1.5em; }
#careers table.careers tr td .store-link a, #careers .store-menu a { color: #311c11 !important; font-weight: bold; }
#careers table.careers tr td .store-link a:hover, #careers .store-menu a:hover { text-decoration: underline; }
#careers .careers a { color: #311c11 !important; font-weight: bold; }
#careers .small { font-size: 10px; color: #bbb; }
.small_h1 { font-size: 11px; font-weight: normal; }
#careers .store-list .stores { background: none; }
#careers .store-link { padding: 0 10px 0 0; margin: 0; }
#careers .stores .cityName { font-weight: bold; margin: 10px 0 0 0; display: block; }
#careers .stores a { font-weight: normal !important; }
#careers h2 { margin-bottom: 6px; font-size: 13px; color: #004027; }
#careers p { margin-bottom: 1.2em; }
#provinceStores { margin-top: 15px; padding: 0 7px; }

/* Main Template */
#general { margin: 20px 10px; }
#general a, #general strong, #general h2 { color: #004027; }
#general a:hover { text-decoration: underline; }
#general h2 { font-size: 13px; }
#general ol li { margin-left: 20px; }
#general .hl_title { color: #666; font-weight: bold; }

/* Site Map */
#general .site_map ul li { font-weight: bold; }
#general .site_map ul ul li { font-weight: normal; }

/* Footer */
#footer { position: relative; width: 780px; min-height: 43px; background-color: #004027; padding: 9px 10px; text-align: right; color: #80A093; font: normal 10px Arial, Helvetica, sans-serif; }
#footer a { font-size: 12px; }
#footer .separator { position: relative; color: #41AD49; top: -2px; }
#footer hr { height: 1px; border: none; border-top: 1px solid #41AD49; margin: 7px 0;  }

/* Brand Logos */
#brandBarContainer { width: 800px; height: 69px; padding: 8px 0; background-color: #fff; z-index: 10;}
#brandBar { position: relative; left: 50%; margin-left: -400px; width: 800px; height: 69px; }
#brandCarousel { position: relative; height: 69px; }
#brandCarousel ul { list-style-type:none; }
#brandCarousel ul li { float:left; padding: 0 24px; }
#brandCarousel ul li img { width: 66px; height: 69px; }