/* /is/css/component.css
------------------------------------------------------------------------
component.css of INTERSPORT Canada

the css file contains the rules for:
	-	190x250 boxes

Author: forzanigroup.ca

Version: v 1.0
--------------------------------------------------------------------- */

/* Slide boxes
--------------------------------------------------------------------- */
#selector { display: block; width: 16px; height: 298px; position: absolute !important; top: 10px; right: 10px; z-index: 10; background: url(/img/UI/selector-bg.png) no-repeat; }
#selector a { display: block; margin-left: 5px; margin-top: 5px; color: #fff; font-family: arial, sans-serif; font-weight: bold; font-size: 13px; text-decoration: none; }
#selector a.activeSlide { color: #1b3052; }

/* Sidebar boxes
--------------------------------------------------------------------- */
#province-selector { position: relative; background: url(/img/store/store-selector-bg.gif) no-repeat; }
#province-selector h2 { color: #333; font-size: 12px; line-height: 14px; text-transform: uppercase; padding: 6px 0 8px 10px; margin: 0 10px 0 0; letter-spacing: 0.07em; }
#province-selector p { color: #333;	font-size: 11px; line-height: 14px;	padding: 0;	margin: 8px 10px 14px 10px; }

/* Data table
--------------------------------------------------------------------- */
.data_table { border: 1px solid #d3d7db; }
.data_table table { color: #333; font-size: 11px; line-height: 14px; margin: 10px 10px 10px 9px; border-collapse: collapse; }
.data_table table thead th { border: 0; padding: 3px 11px 4px 10px; background: #ebecee; text-align: left;	}
.data_table table tbody th { padding: 3px 11px 4px 10px; background: #fff;	font-weight: normal; text-align: left; border-top: 1px solid #d3d7db; }
.data_table table td { padding: 3px 11px 4px 10px; border-top: 1px solid #d3d7db; border-left: 1px solid #d3d7db; }
.data_table tr.display th { text-align: left; padding: 3px 0 7px 0; border-top: 1px solid #babec6; line-height: 14px; margin-right: 10px; padding-right: 10px; }
.data_table tr.display th a { font-size: 12px; display: block; width: 100%; padding-bottom: 1px; }
.data_table tr.display th a.link { background: url(/img/UI/link_icon.gif) right top no-repeat; cursor: pointer; color: #333; text-decoration: none; }
.data_table tr.display th a.link:hover { background: url(/img/UI/link_icon_hl.gif) right top no-repeat; cursor: pointer; color: #e60000; }

/* Catalog
--------------------------------------------------------------------- */
.catalog { width: 790px !important; position: relative; }
.catalog .bottom { width: 100%; height: 17px; background-color: #000; }
.catalog .bottom .right { float: right; }
.catalog .bottom .left { float: left; }
.more_in_store { position: relative; bottom: 0; font-size: 9px; font-style: oblique; }

.catalog .thumbnails { width: 770px; float: left; }
.catalog .thumbnails .box { float: left; width: 98px; height: 141px; border: 1px #fff solid; margin: 0 33px 10px 0; font-size: 11px; text-align: center; line-height: 13px; overflow: hidden; }
.catalog .thumbnails img { margin-bottom: -3px; width: 100px; height: 114px;}
.catalog .thumbnails .box .title-outer { display: table; height: 28px; width: 98px; #position: relative; overflow: hidden; background: url(/catalog/bg/bg-label.jpg) 0px 28px; no-repeat; padding: 0px; margin: 0; }
.catalog .thumbnails .box .title-inner { display: table-cell; color: #000; padding: 0px 3px; font-size: 11px; text-transform: uppercase; vertical-align: middle; #position: absolute; #top: 50%; #left: 50%px; }
.catalog .thumbnails .box .title-inner .ie { #position: relative; #top: -50%; #left: -50%; #width: 81px; }

.catalog .catalog-menu { position: relative; right: 0; margin-top: 7px; }
.catalog select { font-size: 10px; width: 125px; }
.catalog .catalog-menu h1 { position: relative; float: left; margin-left: -10px !important; display: inline; }
.catalog .catalog-menu a { color: #000; text-decoration: none; }
.catalog .catalog-menu a:hover { color: #000; text-decoration: underline; }
.catalog .catalog-menu .drop-down { display: inline; float: right; }
.catalog .catalog-menu .nextPrev { font-weight: bold; font-size: 11px; display: inline; line-height: 22px; }
.catalog .catalog-menu .nextPrev .disabled { color: #666; }
.catalog form { display: inline; }
.catalog .catalog-menu select, .catalog .catalog-menu .nextPrev { margin-left: 10px; }
.catalog .head { width: 100%; background-color: #ebecee; font-size: 11px; border-bottom: 1px solid #d3d7db; margin: -10px 10px 10px -10px; padding: 7px 10px;  }
.catalog .paging { position: absolute; width: 778px; background-color: #ebecee; font-size: 11px; bottom: 0; border-top: 1px solid #d3d7db; margin: 10px 10px 0 -10px; padding: 3px 0 3px 10px;  }
.catalog .paging .pageNum { float: right; width: auto; background-color: #fff; margin: -4px 0; border-left: 1px solid #d3d7db;  }
.catalog .paging .pageNum a { float: left; color: #000; text-decoration: none; padding: 4px; margin-left: 4px; background-color: #ebecee; border: 1px solid #d3d7db;  }
.catalog .paging .pageNum a.active { border: 1px solid #1e3296; }
.catalog .selection { position: absolute; bottom: 5px; }
.catalog .selection p { margin: 0 !important; }
.catalog #ban-fader { height: 98px; width: 790px; overflow: hidden; margin-bottom: 3px; }

/* Catalog/Search - Listing */
.catalog .product_list { position: relative; min-height: 460px; font-family: Tahoma, Geneva, Arial; font-size: 11px; }
.catalog .product_list .box { position: relative; float: left; width: 100px; height: 198px; margin: 0 33px 10px 0; font-size: 11px; text-align: left; line-height: 13px; overflow: hidden; }
.catalog .product_list .border { width: 98px; border: 1px #fff solid; overflow: hidden; }
.catalog .product_list .border:hover { border: 1px #000 solid; }
.catalog .product_list .box .new { position: absolute; top: 1px; right: 1px; width: 48px; height: 48px; background: url('/img/catalog/icons/se_new-fr.png') no-repeat; }
.catalog .product_list .box .product-brand { text-transform: uppercase; padding-left: 2px; padding-bottom: 2px; }
.catalog .product_list .box .product-grad { width: 94px; height: 65px; background: url(/catalog/bg/bg-label2.jpg) no-repeat bottom; padding: 2px; }
.catalog .product_list .box .product-model a { display: block; text-decoration: none; background: url(/img/UI/arrow_grey_trans.gif) 0px 3px no-repeat; padding-left: 7px; }
.catalog .product_list .box .product-model a:hover { background-image: url(/img/UI/arrow_red_trans.gif); }
.catalog .product_list .box .product-price { color: #000; font-size: 19px; font-weight: bold; line-height: 21px; padding-left: 7px;  }
.catalog .product_list .box .product-price sup { font-size: 11px; }
.catalog .product_list .box .rebate { font-size: 10px; }
.catalog .product_list .box .product-priceRebate { color: #c00	; font-weight: bold; font-size: 13px; }

/* Catalog - Product */
.catalog .product { margin: 10px 0; font-size: 12px; }
.catalog .product .product-image { height: 420px; float: left; border: 1px solid #d3d7db; padding: 10px; margin-right: 8px; }
.catalog .product .product-image a.enlarge { display: block; height: 20px; width: 350px; background: url(/img/UI/enlarge_icon.gif) no-repeat right; text-decoration: none; line-height: 20px; }
.catalog .product .product-image a.enlarge:hover { background-image: url(/img/UI/enlarge_icon_hl.gif); }
.catalog .product .product-logo { display: block; position: relative; background: url(/catalog/bg/bg-logo.jpg) no-repeat bottom; float: left; width: 410px; height: 112px; }
.catalog .product .product-description { position: relative; display: block; float: left; width: 398px; min-height: 175px; border: 1px solid #d3d7db; padding: 5px 5px 140px 5px; margin-top: 8px; }
.catalog .product .product-model { display: block; width: 398px; padding: 5px; margin: -5px 0 0 -5px; color: #000; font-size: 15px; font-weight: bold; font-family: Tahoma, Geneva, Arial; font-weight: bold; background-color: #ebecee; border-bottom: 1px solid #d3d7db; }
.catalog .product .product-model .gender { font-size: 11px; font-weight: normal; }
.catalog .product .product-price { margin: 10px 0; font-size: 22px; font-weight: bold; }
.catalog .product .product-price sup { font-size: 11px; }
.catalog .product .rebate { margin: 10px 0; font-size: 11px; margin-bottom: 0px; }
.catalog .product .product-priceRebate { color: #c00; font-weight: bold; font-size: 19px; }
.catalog .product .product-icons img { margin-bottom: 3px; }
.catalog .product ul{ list-style:none; margin: 9px 0 0 0 !important; }
.catalog .product li{ margin-bottom:0 !important; }
.catalog .product .promo50_100 { position: absolute; right: 10px; top: 10px;  }
.catalog .product p { margin: 0px !important; }

/* Wishlist/Facebook buttons */
.catalog .product .btn_wishlist-fr, .catalog .product .btn_wishlist-en { position: absolute; bottom: 10px; width: 390px; height: 125px; }
.catalog .product .btn_wishlist-fr a, .catalog .product .btn_wishlist-en a { display: block; width: 342px; height: 0px; padding-top: 42px; background: url(/catalog/wishlist/btn_add_fb-fr.gif) no-repeat; overflow: hidden; }
.catalog .product .btn_wishlist-en a { background-image: url(/catalog/wishlist/btn_add_fb-en.gif); }
.catalog .product .btn_wishlist-fr a.add_wishlist, .catalog .product .btn_wishlist-en a.add_wishlist { background-position: 0 0; }
.catalog .product .btn_wishlist-fr a.add_wishlist:hover, .catalog .product .btn_wishlist-en a.add_wishlist:hover { background-position: -342px 0; }
.catalog .product .btn_wishlist-fr a.fb_share_link, .catalog .product .btn_wishlist-en a.fb_share_link { background-position: 0 -42px; }
.catalog .product .teaser_wishlist { color: #BF1224 !important; font-weight: bold; font-size: 14px !important; margin: 13px 0 !important; padding-left: 15px !important; margin: 0; background: url(/catalog/wishlist/btn_add-product.gif) 0 5px no-repeat;}
.catalog .product a.fb_share_link:hover { background-position: -342px -42px; }

/* Wishlist page */
.wishlist h1 { color: #2E518B; font-weight: bold; font-size: 18px; padding: 10px 0 0 0 !important; }
.wishlist h1 span { font-weight: normal; font-size: 14px; }
.wishlist h2 { color: #2e518b; font-weight: normal; font-size: 14px; margin: 3px 0 0 0; }
.wishlist h2+p { margin-top: 0; }
.wishlist p { margin-left: 0 !important; }
.wishlist hr { height: 0; border: 0; border-top: 1px dotted #000; }
.wishlist form { display: block; background: #d2d6df url('/catalog/wishlist/form_email_bg.jpg') no-repeat; width: 401px; padding: 10px; font-weight: bold; }
.wishlist .error { color: red; font-size: 11px; font-weight: bold; }
.wishlist .head_btn { height: 35px; margin: 4px 0px;  }
.wishlist .head_btn a { display: block; float: right; width: 113px; height: 0px; padding: 35px 0 0 0; margin-left: 10px; border: 0; overflow: hidden; background: 0 0 no-repeat; }
.wishlist .head_btn a:hover { background: 0 35px; }
.wishlist form input { margin-bottom: 5px; }
.wishlist form td { font-size: 11px; }
.wishlist form .help { font-size: 11px; font-style: italic; color: #2e518b; }
.wishlist form label { vertical-align: top; }
.wishlist form input[type=text], .wishlist form textarea { border: 1px solid #2E518B; width: 315px; }
.wishlist .submit { border: 0px; width: 73px; height: 17px; padding-top: 17px; margin-top: 10px; }
.wishlist .submit:hover { background: 0 17px; }
.wishlist .product_list .box a.remove { position: absolute; bottom: 0; color: #2E518B; font-weight: bold; font-family: arial, sans-serif; font-size: 10px;  }
.wishlist .product_list .box { height: 215px; }
.wishlist + iframe { display: none !important; }
.wishlist p.success { height: 400px; }

/* Wishlist help page */
.wishlist .btn-add_wishlist { width: 342px; height: 42px; overflow: hidden; background: #ebebeb;  }
.wishlist .btn-add_fb { position: relative; width: 342px; height: 42px; overflow: hidden; background: #ebebeb;  }
.wishlist .btn-add_fb img { position: relative; top: -42px; }
.wishlist .btn-highlight { width: 241px; height: 35px; padding: 4px; background: url(/catalog/wishlist/btn_hl_bg.jpg) no-repeat; }
.wishlist .btn-highlight div { width: 113px; height: 35px; overflow: hidden; }

/* Gift Guide buttons */
.leftMenu a.giftguide { display: block; width: 138px; height: 0; padding-top: 117px; overflow: hidden; background: no-repeat; margin-top: 7px; }
.leftMenu a.giftguide:hover { background: 0 117px;  }

/* Gift Guide page */
.catalog.giftguide hr { height: 0; border: 0; border-top: 1px dotted #000; margin: 20px 0; }
.catalog.giftguide .gender { height: 124px; }
.catalog.giftguide .gender a { display: block; width: 238px; height: 0; float: left; margin-right: 37px; padding-top: 124px; overflow: hidden; background-repeat: no-repeat; }
.catalog.giftguide .gender a:hover { background-position: 0 -124px; }
.catalog.giftguide .price { height: 110px; }
.catalog.giftguide .price a { display: block; width: 174px; height: 0; float: left; margin-right: 30px; padding-top: 110px; overflow: hidden; background-repeat: no-repeat; }
.catalog.giftguide .price a:hover { background-position: 0 -110px; }
.catalog.giftguide .section { width: 474px; height: 340px; border-right: 1px dotted #000; float: left; margin-right: 22px;  }
.catalog.giftguide .section a { display: block; width: 134px; height: 0; float: left; margin-right: 24px; margin-bottom: 20px; padding-top: 100px; overflow: hidden; background-repeat: no-repeat; }
.catalog.giftguide .section a:hover { background-position: 0 -100px; }
.catalog.giftguide .product_list .stitre { width: 783px; margin-top: 10px; padding-left: 5px; height: 26px; margin: -10px 10px 10px -10px; background: url(/catalog/gift_guide/gift_guide_page_bg-stitre.jpg) no-repeat; font-size: 20px; font-weight: bold; color: #fff; line-height: 27px;}
.catalog.giftguide .stitre-main { width: 790px; margin-top: 18px; padding-left: 5px; height: 35px; background: url(/catalog/gift_guide/gift_guide_bg-stitre.jpg) no-repeat; }
.catalog.giftguide .stitre-main h1 { font-size: 26px !important; font-weight: normal; line-height: 34px !important; color: #f0000b !important; }
.catalog.giftguide .stitre-main h1 span { font-size: 22px; }

/* Catalog - Even More Content */
#even_more { position: relative; font-size: 11px; }
#even_more p { margin: 0.5em 0; line-height: 13px; _line-height: 15px; }
#even_more sup,
#even_more sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
#even_more sup { bottom: 1ex; }
#even_more sub { top: .5ex; }
#even_more h1 { font-weight: normal; font-size: 22px; margin-top: 0px;  }
#even_more .zoom-button { margin: 35px 0 4px 0; }
#even_more .spacer { display: inline; height: 7px; width: 1px; padding: 3px 10px; background: url('/img/common/dot_spacer.gif') no-repeat 7px 0px; }
#even_more .instructions { position: relative; top: -5px; font-weight: bold; }
#even_more #slide-container { position: relative; background: #d3d3d3; width: 100%; height: 140px; }
#even_more #slide-container #arrow-left { position: absolute; top: 62px; left: 14px; }
#even_more #slide-container #arrow-right { position: absolute; top: 62px; right: 14px; }
#even_more #slide-container #pics-outercontainer { position: absolute; top: 7px; left: 48px; width: 686px; height: 128px; overflow: hidden; }
#even_more #slide-container #pics-innercontainer { position: absolute; }
#even_more #slide-container #pics-innercontainer img { border: 1px solid transparent; margin-right: 40px; }
#even_more #slide-container #pics-innercontainer img:hover { border: 1px solid #000; }
#even_more #slide-zoom { position: absolute; top: 0px; left: 0px; width: 704px; height: 465px; background: #000; text-align: center; }
#even_more #slide-zoom .close { position: absolute; bottom: 2px; right: 9px; width: 13px; height: 13px; }
#even_more #slide-zoom .nextPrev { color: #fff; margin-top: -3px; }
#even_more #slide-zoom .nextPrev a { color: #fff; text-decoration: none;}

/* Home page layout
--------------------------------------------------------------------- */
#home-top { height: 250px; overflow: hidden; }
#bot1, #bot2, #bot3, #bot4 { position: absolute; }
#bot3 { margin-right: 0px !important; }
#top1 { position: relative; }

/* Stores page
--------------------------------------------------------------------- */
#mapBorder { border: 1px solid #d3d7db; padding: 10px; display: none; }
#map { width: 100%; height: 300px; border: none; }
.cb_flag { padding-left: 10px; width: 36px;	border-top: 0; text-align: left; }

#storesAccordion { padding: 10px; }
#storesAccordion a { font-size: 12px; display: block; }
#storesAccordion a.link { background: url(/img/UI/link_icon.gif) right 0px no-repeat; cursor: pointer; color: #333; font-weight: bold; line-height: 19px; margin-bottom: 10px !important; text-decoration: none; border-bottom: 1px solid #d3d7db; }
#storesAccordion a.link:hover { background: url(/img/UI/link_icon_hl.gif) right top no-repeat; color: #e60000; }
#storesAccordion a.link:focus { outline: none; }
#storesAccordion a img { margin-right: 5px; float: left; }

/* About Us page
--------------------------------------------------------------------- */
.images { display: block; width: 220px; float: right; }
.images a { float: right; border: 1px solid #d3d7db; padding: 10px; margin-bottom: 20px;  }

/* Sports page
--------------------------------------------------------------------- */
.headline_box { display: block; position: relative; float: left; background: url(/img/UI/headline_box_bg.gif) right no-repeat; height: 25px; margin-bottom: 10px; margin-right: 0px !important; width: 190px; }
.headline_box h2 { color: rgb(51, 51, 51); height: 20px; padding: 5px 0 0 10px; background: url(/img/UI/headline_box_start.gif) no-repeat; margin: 0 10px 0 0; font-size: 12px; letter-spacing: 0.07em; line-height: 14px; text-transform: uppercase; font-weight: bold; }
.span1 { width: 190px !important; margin-right: 10px !important; }
.span2 { width: 390px !important; margin-right: 10px !important; }
.span3 { width: 590px !important; margin-right: 10px !important; }
.sports_text p { color: #FFF; width: 150px;	padding-top: 50px; padding-left: 10px; }
.stretcher h3.display { height: 23px; margin: 5px 0 !important; overflow: hidden; padding: 0px; width : 590px; font-size: 11px; }
.stretcher h3.display a { display: block; font-size: 11px; line-height: 14px; padding: 4px 10px 5px 10px; color: #fff; text-decoration: none; background: url(/img/UI/stretcher_link_bg.gif) no-repeat; }
.stretcher h3.display a:hover { background: url(/img/UI/stretcher_hover_bg.gif) no-repeat; }
.stretcher h3.display:focus { outline: none; }

/* Contest Style
----------------------------------------------- */
#contest_form { position: relative; width: 546px; min-height: 356px; background-repeat: no-repeat; padding: 23px 0 10px 0; margin: 20px auto;  }
#contest_form #form { width: 500px; margin: 0 auto;}
#contest_form #formerror { display: block; margin-top:15px; }
#contest_form table { width: 500px !important; font-size: 12px; }
#contest_form h2 { margin: 10px 15px; color: #0057a7; }
#contest_form p { margin: 4px 0px 7px 20px; font-size: 10px; line-height: 11px; }
#contest_form p input { margin-left: -20px; float: left; }
#contest_form hr { border: none; border-bottom: 1px dotted #000; height: 0px; }
#contest_form table select { width: 150px; margin-bottom: 8px;  }
#contest_form table input { background-color: #fff; height: 15px; color: #000; margin: 3px 0 8px 3px; border: 1px solid #000; }
#contest_form tr.input { text-align: right; }
#contest_form .error { color: red; font-size: 11px; font-weight: bold; line-height: 14px; }
#contest_form a.btrules-fr { display: block; position: absolute; top: 0; right: 0; width: 122px; height: 0px; padding-top: 23px; background: url(/promos/concours_jamaique/btn_rules-fr.gif) no-repeat; overflow: hidden; }
#contest_form a.btrules-en { display: block; position: absolute; top: 0; right: 0; width: 153px; height: 0px; padding-top: 23px; background: url(/promos/concours_jamaique/btn_rules-en.gif) no-repeat; overflow: hidden; }
#contest_form a.btrules-fr:hover, #contest_form a.btrules-en:hover { background-position: 0 -23px; }
#contest_form input.btsubmit-fr { display: block; width: 114px; height: 19px; background: url(/promos/concours_jamaique/btn_submit-fr.gif) no-repeat; overflow: hidden; border-style: none; }
#contest_form input.btsubmit-en { display: block; width: 92px; height: 19px; background: url(/promos/concours_jamaique/btn_submit-en.gif) no-repeat; overflow: hidden; border-style: none; }
#contest_form input.btsubmit-fr:hover, #contest_form input.btsubmit-en:hover { background-position: 0 -19px; }
.rules ul { list-style: square; margin-left: 25px; }

/* Survey modal pop-up
----------------------------------------------- */
#survey {

	/* overlay is hidden before loading */
	display:none;

	/* standard decorations */
	width:530px;	
	border:10px solid #666;

	/* for modern browsers use semi-transparent color on the border. nice! */
	border:10px solid rgba(82, 82, 82, 0.698);

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#survey div {
	padding:10px;
	border:1px solid #333;
	background-color:#fff;
	font-size: 12px;
}

#survey h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#1e3296;
	padding:5px 10px;
	border:1px solid #333;
}

#survey img {
	padding: 10px;
	float:right;
}

#survey a.answer {
	font-size: 1.25em;
	padding: 5px;
	margin-right: 8px;
	border: 1px solid #333;
	text-decoration: none;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#survey a.answer:hover {
	background-color: #1e3296;
	color: #fff;
}