/*
/css/layout.css
---------------------------------------------------------------------
layout.css of Nevada Bob's Golf

Author: Groupe Forzani Ltée. / Forzani Group Ltd. - [DL/FD]
--------------------------------------------------------------------- */
body {
	background-color: #FFF; margin: 0px; padding: 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal;
}

div, table, img, ol, form, input, select, textarea, object, embed { margin: 0px; padding: 0px; }
img { border: none; margin: 0px; padding: 0px; display: block; }

a { text-decoration: none; color: #000; text-transform: uppercase; }
a:hover { text-decoration: underline; }

/* link style */
.link { color: #00F; font-weight: bold; text-decoration: underline; text-transform: none; }
.link:visited { color: #909; }
.emlink { color: #00d; font-weight: normal; text-decoration: underline; text-transform: none; }
.emlink:visited { color: #909; }


/* master container for all Elements on the site
--------------------------------------------------------------------- */
#wrapper    { width: 100%; height: 100%; padding: 0px; margin: 0px;  }
#container  { position: relative; top: 25px; width: 985px; margin: auto; }

#top        { height: auto; float: left; width: 100%; font-size: 11px; }

.png        { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.floatleft  { float: left; }
.floatright { float: right; }
.nopadding-r  { padding-right: 0 !important; }

/* mid section
--------------------------------------------------------------------- */
#mid { height: auto; float: left; width: 100%;  }
.logo_nbg_nevada_bobs { position: absolute; top: 85px; left: 0px; }
.logo_nbg_golf_en     { position: absolute; top: 85px; left: 0px; clear: both; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/UI/logo/logo-nbg-golf_en.png'); margin: 0 !important; border: none !important; z-index: 9999; }
.logo_nbg_golf_fr     { position: absolute; top: 85px; left: 0px; clear: both; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/UI/logo/logo-nbg-golf_fr.png'); margin: 0 !important; border: none !important; z-index: 9999; }

/* mid left section */
#main_left { position: relative; width: 300px; float: left; }
#main_left .menu { position: absolute; top: 150px; left: 100px; color: #000; line-height: 14px; }
#main_left .menu ul { list-style: none; margin: 0; padding: 0; }
#main_left .menu ul ul { margin-left: 10px; padding: 0; font-size: 10px; margin-bottom: 10px; color: #555; display: none; }
#main_left .menu ul ul a { color: #555; }
#main_left .feature       { border: solid 2px #063F2C; margin-top: 20px; }
#main_left .feature:hover { border: solid 2px #FF0000; }
#main_left a .contest       { margin-top: 20px; }
#main_left a.m_trends       { color: #3F7D59; }

	/* left menu buttons */
	.btn_contest,
	.btn_feature, 
	.btn_promotion, 
	.btn_gift-card_en,
	.btn_flyer,
	.btn_gift-card_fr { position: relative; top: 0px; left: 0px; padding: 0; margin: 0; margin-top: 20px; }
	
	.btn_contest.btn_omnium { width: 135px; height: 142px; }
	.btn_contest.btn_omnium a.m_omnium_en { background: url(/image/contest/omnium/btn_contest.jpg) no-repeat; }
	.btn_contest.btn_omnium a.m_omnium_fr { background: url(/image/contest/omnium/btn_concours.jpg) no-repeat; }
	.btn_contest.btn_omnium a       { width: 135px; height: 142px; background-position: 0px 0px; position: absolute; top: 0px; right: 0px; }
	.btn_contest.btn_omnium a:hover { background-position: 0px -142px; }

	.btn_contest.btn_mississippi { width: 135px; height: 142px; }
	.btn_contest.btn_mississippi a.m_mississippi_en { background: url(/image/contest/mississippi/btn_contest.jpg) no-repeat; }
	.btn_contest.btn_mississippi a.m_mississippi_fr { background: url(/image/contest/mississippi/btn_concours.jpg) no-repeat; }
	.btn_contest.btn_mississippi a       { width: 135px; height: 142px; background-position: 0px 0px; position: absolute; top: 0px; right: 0px; }
	.btn_contest.btn_mississippi a:hover { background-position: 0px -145px; }

	.btn_feature, 
	.btn_promotion { width: 134px; height: 50px; }
	
	.btn_feature   a { background: url(/image/UI/menus/btn_feature.gif) no-repeat; }
	.btn_promotion a { background: url(/image/UI/menus/btn_promotion.gif) no-repeat; }
	/*.btn_feature   a { background: url(/image/promos/clearance_en.gif) no-repeat; }
	.btn_promotion a { background: url(/image//promos/clearance_fr.gif) no-repeat; }*/
	.btn_feature   a,
	.btn_promotion a { width: 134px; height: 50px; background-position: 0px 0px; position: absolute; top: 0px; right: 0px; }
	.btn_feature   a:hover,
	.btn_promotion a:hover { background-position: 0px -50px; }
	
	.btn_gift-card_en,
	.btn_gift-card_fr { width: 145px; height: 160px; }
	.btn_gift-card_en  a { background: url(/image/UI/menus/btn_gift-card.jpg) no-repeat; }
	.btn_gift-card_fr a { background: url(/image/UI/menus/btn_carte-cadeau.jpg) no-repeat; }
	.btn_gift-card_en  a,
	.btn_gift-card_fr a { width: 145px; height: 160px; background-position: 0px 0px; position: absolute; top: 0px; right: 0px; }
	.btn_gift-card_en  a:hover,
	.btn_gift-card_fr a:hover {  }

	#promo_thumbs { position: absolute; bottom: 0px; left: 20px; }
	#promo_thumbs img { float: left; margin-right: 15px; }
/* mid right section */
#mid #main_right { position: relative; width: 685px; padding: 0px; margin: 0px; min-height: 385px; float: right; /* border: 1px dotted #900; */ }
#mid #main_right .bkg_title_home { position: absolute; top: 60px; right: 0px; }

#mid #main_right .submenu { position: absolute; top: 150px; left: 20px; }
.home1 { color: #F00; } .home2 { color: #0a6; } .home3 { color: #A7A; } .home4 { color: #920; }
.home5 { color: #0a0; } .home6 { color: #937; } .home7 { color: #633; } .home8 { color: #477; } .home9 { color: #093; }
#mid #main_right .submenu ul li a:hover { color: #FFF !important; }
#mid #main_right .feature { border: solid 2px #063F2C; margin-top: 20px;  }
#mid #main_right .feature:hover { border: solid 2px #FF0000; }
.blackbelt { width: 685px; height: 12px; background-color: #000; clear: both; float: left; margin-top: 2px; font-weight: bold; }
#blackbelt { position: relative; z-index: 10; }
#blackbelt .liquidation { position: absolute; top: -10px; right: 0; width: 141px; height: 35px; }
#blackbelt .liquidation.fr { background: url(/image/promos/liquidation-fr.png); _display: inline-block; _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/promos/liquidation-fr.png') no-repeat; }
#blackbelt .liquidation.en { background: url(/image/promos/liquidation-en.png); _display: inline-block; _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/promos/liquidation-en.png') no-repeat; }

.clearancebelt { width: 685px; height: 36px; clear: both; float: left; margin-top: 2px; }

.rightside { float: right; width: 134px; }
.rightside img { margin-bottom: 3px; }

	/* Right side boxes */
	#flyerBox { margin: 0 0 6px 0; }
	#advrtBox { margin: 0 0 6px 0; }
	#flyerBox, #advrtBox, #promoBox { overflow: hidden; }
	.pics { overflow: hidden; }
	.pics, .pics img { padding: 0; margin: 0; }

	/* Teaser Form*/
	.teaserbelt { width: 685px; height: 20px; background-color: #000; clear: both; float: left; font-weight: bold; color: #FFF; font-size: 16px; text-align: center; padding-top: 3px; }
	div.optin { width: 100%; background: #000000; color: #ffffff; margin: 0; }
	div.optin #teaser_form { position: relative; padding: 0 0 0 1px; height: 120px; }
	div.optin #teaser_form div.optinput { position: absolute; bottom: 1px; margin: 3px 0 0 0; padding: 0; border: 1px solid #fff; background: #fff; height: 14px; }
	div.optin #teaser_form h2 { font: 12px 'Arial Black'; line-height: 1.0em; padding-top: 2px; margin: 0 0 0 2px; }
	div.optin #teaser_form h3 { font: bold 12px Arial; line-height: 1.0em; margin: 6px 0 4px 2px; }
	div.optin #teaser_form p  { font: bold 10px Arial; line-height: 1.0em; padding-bottom: 2px; margin: 1px 0 2px 2px; }
	div.optin #teaser_form input { background: #b0dbc2; border: 1px solid #3c654c; margin-right: 1px; color: #3c654c; font-size: 10px; width: 113px; height: 12px; }
	div.optin #teaser_form a.go { display: block; float: left; padding: 0 !important; margin: 0 !important; width: 14px !important; height: 14px !important; background: url(/image/UI/menus/bt_check.gif) no-repeat !important; }
	div.optin #teaser_form a:hover.go { background-position: 0 -18px !important; background: url(/image/UI/menus/bt_check_rol.gif) no-repeat !important; }

	div.bottomside { margin: 2px 0 2px 0; float: left; }
	div.bottomside div.stripe { padding-top: 2px; border: none; }
	div.bottomside div.stripe div.optin { background: #fff; color: #000; border: 1px solid #333; width: 683px; height: auto; margin: 1px 0 0 0; }
	div.bottomside div.stripe div.optin #teaser_form { position: relative; padding: 2px 0 0 1px; height: auto; }
	div.bottomside div.stripe div.optin #teaser_form div.optinput { position: absolute; bottom: 6px; _bottom: 0px; right: 6px; width: 200px; height: auto; background: #fff; border: 1px solid #fff; }
	div.bottomside div.stripe div.optin #teaser_form h2,
	div.bottomside div.stripe div.optin #teaser_form h3 { display: inline; }
	div.bottomside div.stripe div.optin #teaser_form input { width: 180px; }

	/* product thumbnails boxes */
	#thumbnails { position: relative; width: auto; font-size: 10px; line-height: 10px; color: #000; clear: left; }
	#thumbnails img { margin: 10px 0px 2px 0px; border: #FFF 2px solid; _border: none; }
	#thumbnails img:hover    { _border: none; border: #3F7D59 2px solid; }
	#thumbnails img.active   { _border: none; border: #000 2px solid; }
	#thumbnails img.selected { _border: none; border: #000 2px solid !important; }
	#thumbnails a { _margin: 10px 0px; _border: #FFF 2px solid; }
	#thumbnails a:hover    { _border: #3F7D59 2px solid; }
	#thumbnails a.active   { _border: #000 2px solid; }
	#thumbnails a.selected { _border: #000 2px solid !important; }
	#thumbnails .tn_product { display: inline-block; float: left; margin-right: 4px; min-height: 180px; _height: 200px; width: 105px; border-bottom: 1px solid #777; font-size: 9px; }
	#thumbnails .tn_product_search { display: inline-block; float: left; margin-right: 4px; min-height: 220px; _height: 240px; width: 105px; border-bottom: 1px solid #777; font-size: 9px; }	
	#thumbnails .tn_brand   { display: block; padding: 0px 4px; text-transform: capitalize; }
	#thumbnails .tn_name    { display: block; padding: 0px 4px; text-transform: uppercase; _line-height: 1.2em; }
	#thumbnails .tn_price   { display: block; padding: 0px 4px; color: #900; }
	
	/* product new arrival */
	#new_arrival { position: relative; width: 235px; height: auto; float: right; display: inline-block; padding: 0; margin: 0; background-color: #FFCC00; }
	#new_arrival a { _border: #FFF 2px solid; _margin: 10px 0px; }
	#new_arrival a:hover { _border: #3F7D59 2px solid; }
	#new_arrival a.active { _border: #000 2px solid; }
	#new_arrival .new_product { display: inline-block; float: right; width: 235px; height: 180px; clear: right; background-color:#F9F9F9; border-left: 1px solid #E0E0E0; border-bottom: 1px solid #E9E9E9;  font-size: 10px; }
	#new_arrival .new_product .np_wrap { position: relative; margin: 35px 10px; color: #FFF; _left: -9px;  }
	#new_arrival .new_product .np_wrap .tn_new   { position: absolute; top: -18px; left: -2px; padding: 2px 10px; text-transform: uppercase; background-color: #900; }

	#new_arrival .new_product .np_wrap .tn_bkg   { position: absolute; top: 0px; right: 0px; xborder: #FFF 2px solid; _margin: 2px; _padding: 2px; }
	#new_arrival .new_product .np_wrap .tn_bkg:hover   { border: #3F7D59 2px solid; }

	#new_arrival .new_product .np_wrap .tn_gif   { position: absolute; top: -3px; right: -3px; border: #FFF 2px solid; _margin: 2px; _padding: 2px; }
	#new_arrival .new_product .np_wrap .tn_gif:hover   { border: #3F7D59 2px solid; }

	#new_arrival .new_product .np_wrap .tn_image { position: absolute; top: 0px; right: 0px; _top: 4px; _right: 4px; }
	#new_arrival .new_product .np_wrap .tn_descr { position: absolute; top: 0px;  left: 5px; margin: 3px 0px; _top: 8px; _left: 9px; }
	#new_arrival .new_product .np_wrap .tn_price { position: absolute; bottom: -106px; left: 5px; _bottom: 70px; _left: 9px; font-size: 13px; }

	/* more stuff layout */
	.text    { color: #333; padding: 0px 190px 0px 7px; font-size: 11px; float: left; _float: none; }
	.text h1 {text-transform: uppercase; color: #3F7D59; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; }
	.text h2 { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; _font-size: 12px; padding: 0px; margin: 0px; }
	.text h3 { text-transform: uppercase; color: #3F7D59; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; _font-size: 12px; padding: 0px; margin: 0px; }
	.text p  { margin-top: 2px; }
	.text ol { margin-left: 15px; }
	.pad_top_10 { padding-top: 10px; }
	.no_pad_top   { padding-top: 0px; }
	.no_pad_right { padding-right: 0px; }
	.logo_brands { padding: 0; margin: 0; float: left; _float: none; }
		
	/* store locator layout */
	.m_provinces { padding: 0px 0px 0px 7px; }
	.m_provinces p a { text-transform: capitalize; }
	.m_provinces p a.selected { font-weight: bold; }
	.addresses, .positions   { color: #333; padding: 0px; margin: 0px; width: 685px; font-size: 11px; float: left; _float: none;}
	.addresses .text2 { width: 685px; text-align: center; }
	.text2       { color: #333; padding:  90px 0px 0px 20px; font-size: 11px; float: left; _float: none; }
	.text2 h3    { text-transform: uppercase; color: #3F7D59; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; _font-size: 12px; padding: 0px; margin: 0px; }
	table.infodb { padding: 10px; margin: 0px; width: 100%; _width: 95%; }
	table.infodb caption { margin: 0px; border: 1px solid #FB9; line-height: 30px; text-align: left; padding-left: 10px; vertical-align: middle; background-color: #FEA; color: #063F2C; font-weight: bold; }
	table.infodb tr      { vertical-align: top; }
	table.infodb tr th   { background-color: #F6FFF9; color: #3F7D59; border-top: 1px solid #205840; border-bottom: 1px solid #205840; font-weight: bold; }
	table.infodb tr td   { border-bottom: 1px solid #ADC; }
	table.infodb tr.alt  { background-color: #F9FFFF; }
	table.infoHours tr td { border-bottom: none; padding: 0 10px 0 10px; }
	
	.col1 tr th { width: 100%; }
	.cols2 tr th { width: 50%; }
	.cols3 tr th { width: 33%; }
	.cols4 tr th { width: 25%; }
	.cols5 tr th { width: 20%; }
	

/* top & bottom stripes
--------------------------------------------------------------------- */
.stripe { width: 685px; height: auto; line-height: 16px; padding: 0px; float: right; }
.invert { background-color: #000; color: #FFF !important; }
input.search { font-size: 10px !important; height: 12px; padding: 1px; border: none; }
input.search-submit { border: 0px; color: #fff; font-size: 10px; background-color: transparent;	cursor: pointer; text-transform: uppercase; }
.inactive    { color: #999 }

#bot { height: auto; float: left; width: 100%; clear: both; margin-top: 2px; }
#bot .stripe { border-top: 1px solid #ddd; }
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }