/* Steel Blue Core CSS Document */

@import "sb-common.css";

/* ---------------------------------------------------------
   Sub Navigation
*/
#subnav { height: 38px; background: #ec1c24; }
#subnav ul { width: 956px; height: 38px; overflow: hidden; }
#subnav ul li { margin-right: -15px; position: relative; line-height: normal; }
#subnav ul a { display: block; float: left; height: 38px; padding: 0; font-size: 108%; background: url('images/subnav_bg.png') no-repeat top right; color: #fffffe; font-weight: bold; }
#subnav ul a span { display: block; float: left; height: 25px; padding: 13px 15px 0 24px; }
#subnav ul a.active,
#subnav ul a:hover { background-position: right -51px; text-decoration: none; }

#subnav ul a sup { float: right; padding-left: 2px; font-size: 50%; }
	
	
	/* ---------------------------------------------------------
	   Sub Navigation - Children
	*/
	.nav_i0 { z-index: 210; }
	.nav_i1 { z-index: 200; }
	.nav_i2 { z-index: 190; }
	.nav_i3 { z-index: 180; }
	.nav_i4 { z-index: 170; }
	.nav_i5 { z-index: 160; }
	.nav_i6 { z-index: 150; }
	.nav_i7 { z-index: 140; }
	.nav_i8 { z-index: 130; }
	.nav_i9 { z-index: 120; }
	.nav_i10 { z-index: 110; }
	.nav_i11 { z-index: 100; }
	.nav_i12 { z-index: 90; }
	.nav_i13 { z-index: 80; }
	.nav_i14 { z-index: 70; }
	.nav_i15 { z-index: 60; }
	
	#subnav .first span { padding-left: 17px; }
	#subnav .nav_steelbluedifference a span { width: 54px; height: 38px; padding: 0 !important; background: url('images/subnav_steelblue.png') no-repeat 16px 12px; }


/* ---------------------------------------------------------
   Internal Title Bar
*/
.title_bar { height: 97px; margin: 0; background: #000102 url('images/internal_titlebar_bg.jpg'); }
.title_bar h1 { margin: 0; padding: 33px 30px 0; height: 64px; font-size: 320%; letter-spacing: -1px; text-transform: uppercase; color: #fffffe; }
.title_bar h2 { margin: 0; padding: 0 30px 0; font-size: 120%; color: #808489; }


/* ---------------------------------------------------------
   Page Banner
*/
.page_banner { background: #000 url('images/page_banner_bg.jpg') no-repeat 0 0; }
.page_banner_inner { height: 95px; padding: 47px 38px 0; }
.page_banner .sect { margin: 0 0 5px;font-size: 100%; font-weight: bold; color: #808489; text-transform: uppercase; }
.page_banner h1 { margin: 0; font-size: 320%; letter-spacing: -1px; text-transform: uppercase; color: #fffffe; }
.page_banner h2 { margin: 0; font-size: 160%; font-weight: normal; color: #fffffe; }

.page_banner sup { font-size: 25%; padding-left: 4px; }

.hdr_landing { background: #000 url('images/headers/steelblue-difference.jpg') no-repeat top right; }
.hdr_landing .page_banner_inner { height: 115px; padding: 27px 30px 0; }
.hdr_trisole .page_banner_inner { background: url('images/headers/trisole.jpg') no-repeat top right; }
.hdr_100_original .page_banner_inner { background: url('images/headers/100_original.jpg') no-repeat top right; }
.hdr_airport_friendly .page_banner_inner { background: url('images/headers/airport_friendly.jpg') no-repeat top right; }
.hdr_foot_health .page_banner_inner { background: url('images/headers/foot_health.jpg') no-repeat top right; }
.hdr_apodc .page_banner_inner { background: url('images/headers/apodc.png') no-repeat top right; }
.hdr_upper_materials .page_banner_inner { background: url('images/headers/upper_materials.jpg') no-repeat top right; }
.hdr_comfort_guarantee .page_banner_inner { background: url('images/headers/comfort_guarantee.jpg') no-repeat top right; }
.hdr_warranty .page_banner_inner { background: url('images/headers/warranty.jpg') no-repeat top right; }


/* ---------------------------------------------------------
   Copy Container
*/
.copy_container { background: #fff; width: 956px; border: 1px solid #dbdbdb; border-width: 0 1px 1px 1px; }
.copy { font-size: 108%; line-height: 135%; padding: 35px 30px 60px; }
.copy h1 { margin: 0 0 18px; font-size: 35px; color: #003875; }

.copy.generic_left { float: left; width: 588px; }

.generic_right { float: right; width: 260px; padding: 35px 40px 0 0; }
.generic_right img { margin: 0 auto 25px; }
.generic_right img.hero { margin: -132px -40px 25px 0; }
.generic_right h3 { margin: 0; padding: 0 0 5px; border-bottom: 1px solid #c9c9c9; color: #003875; text-transform: uppercase; font-size: 175%; letter-spacing: -1px; }
.generic_right h3 strong { color: #ea1c23; }
.generic_right h3.top-item {margin-bottom:20px;}
.generic_right h3 a:hover {color:#003875; text-decoration:none;}
.generic_right .alignright {float:right; margin:0;}

.copy ul { margin: 25px 0 25px 35px; padding: 0; }
.copy ul li { margin: 0 0 4px; }


/* ---------------------------------------------------------
   Footwear Landing
*/
#footwear { width: 958px; background: url('images/footwear_landing_divide.gif') repeat-y top right; }
#footwear_left { float: left; width: 691px; }

#boot_finder_promo { position: relative; width: 660px; height: 205px; padding: 73px 0 0 31px; background: url('images/footwear_boot_finder_bg.jpg') no-repeat 0 0; }
#boot_finder_promo .boots { position: absolute; top: 0; right: 0; width: 384px; height: 278px; background: url('images/footwear_landing_boots.png') no-repeat 0 0; }
#boot_finder_promo h1 { margin: 0; font-size: 42px; color: #fffffe; text-transform: uppercase; }
#boot_finder_promo p { color: #fffffe; font-weight: normal; font-size: 125%; font-weight: bold; }
#boot_finder_promo a.launch { position: absolute; display: block; top: 223px; left: 31px; padding: 0 14px 0 0; background: url('images/footwear_landing_arrow.png') no-repeat right center; font-weight: bold; text-transform: uppercase; color: #fffffe; font-size: 17px; }
#boot_finder_promo a.launch:hover { text-decoration: none; border-bottom: 2px solid #fff; }

#most_popular { height: 272px; margin: 6px 0 0; padding: 30px 0 0 30px; background: #fff url('images/footwear_popular_bg.png') repeat-x bottom center; border: 1px solid #c7c7c7; }
#most_popular h2 { margin: 0 0 3px; font-size: 24px; color: #003875; }
#most_popular .serifa { font-size: 115%; color: #5e5e5e; font-weight: bold; }

#most_popular .popular { float: left; width: 205px; height: 205px; text-align: center; position: relative; color: #073972; font-size: 130%; font-weight: bold; }
#most_popular .popular:hover { text-decoration: none; color: #ea1c23; }
#most_popular .popular img { margin: 0 auto; }
#most_popular .popular strong { display: block; position: absolute; bottom: 35px; left: 0; width: 223px; text-align: center; }
#most_popular .popular strong span { padding: 0 13px 0 0; background: url('images/arrow_red_right.png') no-repeat right center; }

#what_game h2 { margin: 0 0 2px; font-size: 210%; color: #003875; padding: 14px 20px 0 16px; border-top: 1px solid #dfdede; }
#what_game h2 strong { color: #ea1c23; }
#what_game .serifa { padding: 0 20px 16px 14px; color: #555; font-size: 115%; font-weight: bold; }

#what_game { float: right; width: 260px; height: 587px; border-bottom: 1px solid #dfdede; line-height: 130%; background: url(images/footwear-landing-swatch.png) no-repeat bottom right; position: relative; }
#what_game ul { margin: 0 0 6px; padding: 0; list-style: none; border-top: 1px solid #dfdede; width: 260px; }
#what_game ul li { border-bottom: 1px solid #dfdede; line-height: normal; }
#what_game ul li a { display: block; width: 245px; height: 26px; padding: 13px 0 0 14px; font-weight: bold; color: #003875; font-size: 120%; text-transform: uppercase; letter-spacing: -1px; }
#what_game ul li a:hover { text-decoration: none; background: #f7f7f7; color: #ea1c23; }
#what_game ul li a span { display: block; float: left; padding: 0 10px 0 0; height: 15px; background: url('images/arrow_red_right.png') no-repeat right center; }

#what_game a.extra { display: block; padding: 8px 90px 0 14px; color: #555; line-height: 110%; }
#what_game a.extra strong { font-size: 110%; color: #003875; display: block; margin-bottom: 2px; }
#what_game a.extra:hover { color: #ea1c23; text-decoration: none; }
#what_game a.extra strong span { padding: 0 13px 1px 0; background: url('images/arrow_red_right.png') no-repeat right center; }

#what_game .cornerman { position: absolute; bottom: 0; right: 1px; z-index: 100; width: 111px; height: 285px; background: url(images/footwear-landing-man.png) no-repeat 0 0; }



/* ---------------------------------------------------------
   Boot Finder Steps
*/
.sect_boot_finder #subnav ul a { background-image: url('images/subnav_boot_finder.png'); }

.boot_finder { height: 514px; background: #fff; border: 1px solid #dbdbdb; }
.boot_finder h1 { margin: 0; height: 30px; background: url('images/title_boot_finder.png') no-repeat top center; text-indent: -9999em; }
.boot_finder h2 { margin: 16px 0 0; font-size: 16px; color: #003875; text-align: center; }

.boot_finder .titles { height: 108px; padding: 43px 0 0 0; }
.boot_finder .step_control { height: 63px; padding: 0 135px; background: url('images/boot_finder_stepcontrol_grad.gif') repeat-x 0 0; }
.boot_finder .step_control a.control { display: block; text-indent: -9999em; overflow: hidden; }
.boot_finder .step_control a.control,
.boot_finder .step_control span.hover { width: 138px; height: 36px; background: url('images/boot_finder_step-btns.png') no-repeat 0 0; }

.boot_finder .step_control a.control.next { float: right; }
.boot_finder .step_control a.control.next.noJs:hover,
.boot_finder .step_control a.control.next span.hover { background-position: 0 -37px; }
.boot_finder .step_control a.control.prev { float: left; background-position: right top; }
.boot_finder .step_control a.control.prev.noJs:hover,
.boot_finder .step_control a.control.prev span.hover { background-position: right -37px; }

.boot_finder .step_control a.what_features { display: block; width: 205px; height: 23px; padding: 10px 0 0; margin: 0 auto; text-align: center; color: #999; font-weight: bold; background: url('images/boot_finder_stepcontrol_features.png') no-repeat bottom left; }
.boot_finder .step_control a.what_features:hover { text-decoration: none; color: #003875; }

.boot_finder ul li h2 { margin: 10px 0 0; text-align: center; color: #0f0f0f; font-weight: normal; font-size: 14px; cursor: pointer; }
.boot_finder ul li input,
.boot_finder ul li canvas { cursor: pointer; }

	/* ---------------------------------------------------------
	   Boot Finder Step 1
	*/
	#step_1 ul { height: 230px; margin: 0; padding: 17px 0 0 134px; list-style: none; }
	#step_1 ul li { position: relative; float: left; width: 156px; margin: 0 22px 0 0; background: url('images/boot_finder_type_bg.png') no-repeat 0 0; cursor: pointer; }
	
	#step_1 ul li.active,
	#step_1 ul li:hover { background-position: top right; }
	#step_1 ul li.active h2 { color: #010101; }
	
	/* ---------------------------------------------------------
	   Boot Finder Step 2
	*/
	#step_2 ul { height: 247px; margin: 0; padding: 0 0 0 60px; list-style: none; }
	#step_2 ul li { float: left; width: 141px; height: 113px; cursor: pointer; }
	#step_2 ul h2 { font-size: 12px; width:  87px; padding: 0 15px 0 39px; margin: 5px 0 0; position: relative; text-align: left; }
	#step_2 input { position: absolute; top: -1px; left: 19px; margin: 0; padding: 0; }
	
	#step_2 .feature { width: 57px; height: 64px; padding-left: 8px; margin: 0 auto; position: relative; }
	#step_2 .feature span { position: absolute; top: 0; left: 0; width: 65px; height: 64px; background: url('images/boot_finder_feature_bg.png') no-repeat 0 0; z-index: 10; }
	#step_2 .feature span.active { display: none; background-position: top right; }
	#step_2 .feature img { position: relative; z-index: 20; padding-top: 8px; }
	
	#step_2 li.active .feature span.active { display: block; }
	

/* ---------------------------------------------------------
   Boot Finder Filter Boots
*/
.filter_boots { padding: 12px 0 0; height: 67px; background: #003876 url('images/boot_finder_filterbar.png') repeat-x bottom left; border-bottom: 1px solid #fff; position: relative; z-index: 20; }
.filter_boots h2 { font-size: 100%; color: #fffffe; margin: 0 0 10px; }

.filter_boots.category { height: auto; background-position: top left; }

.filter_boots li { position: relative; margin-right: 2px; line-height: normal; }
.filter_boots li span.hover { display: block; position: absolute; top: 0; left: 0; z-index: 10; background-position: bottom left !important; }
.filter_boots li a { position: relative; z-index: 20; display: block; outline: none; color: #667f9a; font-size: 90%; font-weight: bold; }
.filter_boots li.active a,
.filter_boots li a:hover { color: #fffffe; text-decoration: none; }
.filter_boots li span.tick { position: absolute; z-index: 30; top: -2px; right: -1px; width: 12px; height: 13px; background: url('images/boot_finder_requirement_tick.png') no-repeat 0 0; }

.filter_boots .type { float: left; width: 384px; height: 55px; padding-left: 16px; border-right: 1px solid #2c5480; }
.filter_boots .type li,
.filter_boots .type span.hover { width: 89px; height: 30px; background: url('images/boot_finder_filter_type.png') no-repeat 0 0; }
.filter_boots .type li a { width: 89px; height: 30px; line-height: 28px; text-align: center; }
.filter_boots .type li.noJs a:hover { background: url('images/boot_finder_filter_type.png') no-repeat bottom left; }
.filter_boots .type li span.tick { background: url('images/boot_finder_filter_type_tick.png') no-repeat 0 0; }

.filter_boots .requirements { float: left; height: 55px; padding: 0 18px; border-left: 1px solid #002147; }

.requirements li { width: 30px; height: 30px; position: relative; }
.filter_boots .requirements li,
.filter_boots .requirements span.hover { width: 30px; height: 30px; background: url('images/boot_finder_filter_req.png') no-repeat 0 0; }

.requirements a { display: block; width: 26px; height: 27px; padding: 3px 0 0 4px; }
.requirements .label { display: none; position: absolute; top: 35px; text-align: center; overflow: visible; font-size: 90%; height: 26px; line-height: normal; font-weight: bold; color: #fffffe; background: url('images/boot_finder_requirement_label.png') no-repeat top center; }
.requirements .label span { display: block; height: 26px; margin: 0 -10px; position: relative; background: url('images/boot_finder_requirement_label.png') no-repeat bottom left; }
.requirements .label strong { display: block; height: 23px; position: relative; line-height: 23px; padding: 3px 0 0; background: url('images/boot_finder_requirement_label.png') no-repeat bottom right; }

.requirements li.r_temperature-regulation .label { width: 115px; margin-left: -42px; }
.requirements li.r_electrical-hazard .label { width: 85px; margin-left: -28px; }
.requirements li.r_chemical-resistant .label { width: 95px; margin-left: -33px; }
.requirements li.r_antistatic .label { width: 55px; margin-left: -13px; }
.requirements li.r_airport-friendly .label { width: 75px; margin-left: -23px; }
.requirements li.r_metatarsal-guard .label { width: 85px; margin-left: -28px; }
.requirements li.r_customisable .label { width: 70px; margin-left: -20px; }
.requirements li.r_slip-resistant .label { width: 75px; margin-left: -23px; }
.requirements li.r_water-resistant .label { width: 75px; margin-left: -23px; }
.requirements li.r_penetration-resistant .label { width: 105px; margin-left: -38px; }
.requirements li.r_steel-cap .label { width: 55px; margin-left: -13px; }
.requirements li.r_light-weight .label { width: 65px; margin-left: -18px; }

.filter_boots a#whatfeatures { display: block; width: 95px; float: left; margin: 22px 0 0; padding: 0 0 0 21px; background: url('images/what_features_divide.gif') repeat-y left top; color: #fffffe; font-weight: bold; text-decoration: none; }
.filter_boots a#whatfeatures:hover { color: #b3c3d4; }



/* ---------------------------------------------------------
   Boot finder Results
*/
#boot_results { overflow: hidden; width: 956px; height: 186px; background: #e3e3e3 url('images/boot_finder_results_bg.gif') repeat-x 0 0; border-bottom: 1px solid #fff; position: relative; z-index: 10; }
#boot_results ul { margin: 0; padding: 0; list-style: none; height: 165px; margin: 0 auto; }
#boot_results li { float: left; width: 170px; height: 165px; text-align: center; position: relative; }
#boot_results li img { margin: 0 auto; }
#boot_results li a { display: block; width: 155px; height: 165px; }
#boot_results li strong { display: block; position: absolute; top: 148px; left: 0; width: 170px; text-align: center; }
#boot_results li a.active { color: #ed1d24; }
#boot_results li a.active span { padding-left: 11px; background: url('images/arrow_red_down.png') no-repeat left center; }

#results_overflow { width: 956px; height: 186px; overflow: auto; position: relative; }

.results_shadow { position: absolute; top: 5px; width: 40px; height: 164px; }
.results_shadow.osx { height: 166px; }
.results_shadow.noScroll { display: none; }

#shad_left { left: 0; background: url('images/boot_results_shad_left.png') repeat-y top left; }
#shad_right { right: 0; background: url('images/boot_results_shad_right.png') repeat-y top right; }
#shad_top { display: block !important; top: 0; left: 0; width: 100%; height: 5px; background: url('images/boot_results_shad_top.gif') repeat-x top left; }


/* ---------------------------------------------------------
   Boot Information
*/
.copy.no-selection,
.sect_boot_finder .copy { min-height: 150px; padding: 47px 50px 37px 29px; border-top: 1px solid #dbdbdb; position: relative; }

.copy.no-selection { padding-bottom: 120px; padding-right: 29px; background: url('images/pre-filter-bg.png') repeat-x 0 0; font-size: 115%; text-align: center; }
.copy.no-selection h2 { font-size: 100%; margin: 0 0 27px; height: 83px; background: url('images/boots-pre-filter-title.png') no-repeat top center; }
.copy.no-selection strong { color: #010101; }

.boot_information { float: right; width: 583px; font-size: 90%; position: relative; }
.boot_information h2 { color: #003875; font-size: 44px; margin: 0 0 10px 0; background: none !important; }
.boot_information ul.requirements { border-bottom: 1px solid #ccc; margin: 0; height: 39px; }
.boot_information ul.requirements li:first-child { margin-left: -4px; }

.boot_meta { border-bottom: 1px solid #ccc; padding: 10px 0 9px; }
.boot_meta h3 { font-size: 100%; margin: 0; float: left; width: 120px; line-height: 135%; }
.boot_meta .boot_meta_val { margin: 0 0 0 132px; }

.boot_meta ul.avail_opts { margin: 0; padding: 0; list-style: none; }
.boot_meta ul.avail_opts li { margin: 0; padding: 0 0 0 15px; background: url('images/boot-option-icon.gif') no-repeat 0 6px; }

.certified { margin: 20px 0 0; width: 265px; height: 91px; background: url('images/boot_certified.png') no-repeat 0 0; }

.boot_display { float: left; width: 270px; position: relative; }
#mainImage { width: 270px; height: 315px; }
#mainImageLoading { display: none; width: 270px; height: 315px; }
#mainImageLoading img.loader { display: block; }
.boot_display a.view { position: absolute; display: block; width: 25px; right: 22px; text-indent: -9999em; overflow: hidden; }
.boot_display a.view span.hover { width: 25px; }

.boot_display a.zoom { top: 0; height: 25px; background: url('images/boot_view_large.png') no-repeat 0 0; }
.boot_display a.zoom.noJs:hover,
.boot_display a.zoom span.hover { height: 25px; background: url('images/boot_view_large.png') no-repeat bottom left; }

.boot_display a.v360 { top: 35px; height: 28px; background: url('images/boot_view_360.png') no-repeat 0 0; }
.boot_display a.v360.noJs:hover,
.boot_display a.v360 span.hover { height: 28px; background: url('images/boot_view_360.png') no-repeat bottom left; }

.boot_display .color-options h4 { margin: 0 0 5px; font-size: 90%; color: #363636; }
.boot_display .color-options a { display: block; float: left; width: 42px; padding: 26px 0 0 11px; font-size: 85%; color: #464646; background: url('images/boot-display-colour.png') no-repeat 0 0; line-height: 120%; }
.boot_display .color-options a:hover { text-decoration: none; color: #ED1D24; } 

.boot_display .color-options a.whiskey { background-color: #7c4130; }
.boot_display .color-options a.wheat-nubuck { background-color: #deb147; }
.boot_display .color-options a.black { background-color: #000; }
.boot_display .color-options a.purple { background-color: #734481; }

a.where-to-buy,
a.where-to-buy span.hover { display: block; width: 153px; height: 32px; background: url('images/boot-where-to-buy.png') no-repeat 0 0; }
a.where-to-buy.noJs:hover,
a.where-to-buy span.hover { background-position: bottom left; }

a.where-to-buy { position: absolute; top: 50px; right: 0; text-indent: -9999em; overflow: hidden; }

	#cat_mining h2 { background: url('images/category_title_mining.png') no-repeat top center; }
	#cat_chemical-oil-gas h2 { background: url('images/category_title_chemical.png') no-repeat top center; }
	#cat_industrial-construction h2 { background: url('images/category_title_industrial.png') no-repeat top center; }
	#cat_hiker h2 { background: url('images/category_title_hiking.png') no-repeat top center; }
	#cat_electrical-hazard h2 { background: url('images/category_title_electrical.png') no-repeat top center; }
	#cat_ladies h2 { background: url('images/category_title_ladies.png') no-repeat top center; }
	#cat_executive h2 { background: url('images/category_title_executive.png') no-repeat top center; }
	#cat_accessory h2 { background: url('images/category_title_accessory.png') no-repeat top center; }
	#cat_lifestyle h2 { background: url('images/category_title_lifestyle.png') no-repeat top center; }

#loading-product { display: none; width: 898px; height: 150px; position: absolute; top: 47px; left: 29px; }
#loading-product img.loader { display: block; }


/* ---------------------------------------------------------
   Steel Blue Difference
*/
.list_difference_item { float: left; width: 195px; height: 159px; padding: 13px 14px 0 14px; border: 1px solid #d6d6d6; border-width: 0 0 1px 1px; position: relative; font-size: 90%; position: relative; cursor: pointer; }
.list_difference_item.first { width: 210px; padding-left: 0; border-width: 0 0 1px; }
.row1 .list_difference_item { height: 172px; padding-top: 0; }

.list_difference_item h3 { margin: 0 20px 5px 0; font-size: 145%; color: #003875; }
.list_difference_item h3 sup { font-size: 35%; }

.list_difference_item a.read { position: absolute; bottom: 10px; left: 14px; font-weight: bold; }
.list_difference_item.first a.read { left: 0; }

/* Hover States */
.list_difference_item:hover { height: 156px; border-bottom-color: #ec1c24; border-bottom-width: 4px; z-index: 100; color: #003875; }
.row1 .list_difference_item:hover { height: 169px; }

.list_difference_item:hover h3 { color: #ea1c23; }
.list_difference_item:hover a.read { color: #ea1c23; bottom: 7px; text-decoration: none; }


/* ---------------------------------------------------------
   News
*/
.news_wrapper_listing { padding: 35px 0 60px; }
.news_wrapper_listing .generic_left { padding: 0 30px 0; border-right: 1px solid #d6d6d6; float: left; width: 613px; }

.news_item { margin: 25px 0 0; padding: 0 0 10px; border-bottom: 1px solid #c9c9c9; }
.news_item h2 { margin: 0; font-size: 215%; color: #003875; }
.news_item .date { margin: 0 0 15px; font-size: 85%; color: #646464; }
.news_item img { float: right; padding: 0 0 25px 25px; }

.news_item:first-child { margin-top: 0; }

.news_wrapper_listing .generic_right { float: right; width: 222px; padding: 0 30px; }
.news_wrapper_listing .generic_right img.hero { margin: -132px -30px 0; }

.event_item { padding: 0 0 24px; border-bottom: 1px solid #e4e4e4; line-height: 130%; }
.event_item h4 { margin: 24px 0 8px; font-size: 140%; color: #003875; }
.event_item dl { margin: 0 0 8px; padding: 0; color: #363636; font-size: 108%; }
.event_item dt { float: left; width: 47px; font-weight: bold; }
.event_item dd { display: block; margin: 0 0 0 47px; }

ol.pagination { margin: 12px 100px 0; text-align: center; }
ol.pagination li { padding: 0 2px; }
ol.pagination li a { padding: 2px 5px; line-height: normal; background: #f7f7f7; border: 1px solid #eaeaea; font-size: 90%; cursor: pointer; font-weight: bold; }
ol.pagination li a.sf_PagerSelItem,
ol.pagination li a:hover { background: #5a7a9d; border-color: #003875; color: #fffffe; text-decoration: none; }

a.paginate { display: block; margin-top: 15px; padding: 0 12px; background: url('images/paginate_arrows.gif') no-repeat top right; line-height: normal; }
a.paginate.prev { float: left; background-position: 0 -39px; }
a.paginate.next { float: right; background-position: top right; }


/* ---------------------------------------------------------
   Where To Buy
*/
.sect_where2buy .title_bar h1 { height: auto; padding-top: 25px; }

fieldset.filter_where2buy { padding: 18px 0 19px 30px; }
fieldset.filter_where2buy h3 { margin: 0 0 4px; color: #003875; font-size: 120%; }
fieldset.filter_where2buy .filter_option { float: left; padding-right: 40px; }
fieldset.filter_where2buy select { width: 150px; }

.sect_where2buy .storecopy { padding: 0 2px; }

.sect_where2buy table { width: 100%; border: none; border-collapse: collapse; }
.sect_where2buy table th,
.sect_where2buy table td { text-align: left; padding: 0; border-left: 1px solid #dedede; font-size: 90%; }
.sect_where2buy table th { padding: 9px 15px 8px 30px; background: #c7c7c6 url('images/where_to_buy_thbg.gif') repeat-x bottom left; color: #000; }
.sect_where2buy table td { padding: 9px 15px 8px 10px; vertical-align: top; }

.sect_where2buy table tr.alt td { background: #f1f1f1; }
.sect_where2buy .copy table tr:hover td { background: #fffee0; }
.sect_where2buy .copy table tr.lastrow:hover td { background: transparent; }

.sect_where2buy table thead th { padding-left: 10px; font-size: 100%; color: #fffffe; background: #003876 url('images/where_to_buy_cols_headbg.gif') repeat-x bottom left; border-left-color: #b3bec9; }

.sect_where2buy table .fcol { border-left: none; }
.sect_where2buy table .distributor { padding-left: 30px; width: 200px; font-weight: bold; }
.sect_where2buy table .address { width: auto; }
.sect_where2buy table .telephone,
.sect_where2buy table .fax { width: 72px; }
.sect_where2buy table .web { width: 180px; }

.sect_where2buy table .address a { color: #ea1c23; padding-left: 5px; }
.sect_where2buy table .address a:hover { color: #003875; }


	/* ---------------------------------------------------------
	   Where To Buy Start
	*/
	#wheretobuy_start { padding: 80px 0 160px 0; background: url('images/where_to_buy_cols_headbg.gif') repeat-x 0 0; font-size: 115%; text-align: center; }
	#wheretobuy_start h2 { margin: 0 auto 23px; width: 319px; height: 84px; background: url('images/where_to_buy_start_title.png') no-repeat top center; text-indent: -9999em; }
	#wheretobuy_start img { margin: 0 auto; }
	
	#wheretobuy_error { padding: 80px 0 160px 0; background: url('images/where_to_buy_cols_headbg.gif') repeat-x 0 0; font-size: 115%; text-align: center; }
	#wheretobuy_error h2 { margin: 0 auto 23px; width: 394px; height: 84px; background: url('images/where_to_buy_error_title.png') no-repeat top center; text-indent: -9999em; }
	#wheretobuy_error img { margin: 0 auto; }
	

/* ---------------------------------------------------------
   Contact Form
*/
.enquiry-form h3 { margin: 0 0 5px; color: #003875; }
.enquiry-form .denotes { background: url(images/form-denotes.png) no-repeat left center; padding: 0 0 0 12px; font-size: 90%; font-weight: bold; color: #888; margin: 0 0 10px; }

.enquiry-form .formrow { padding: 8px 0; border-top: 1px solid #efeeee; }
.enquiry-form label { display: block; float: left; width: 130px; line-height: 180%; font-weight: bold; color: #003875; }
.enquiry-form input,
.enquiry-form textarea,
.enquiry-form select { display: block; margin: 0 0 0 150px; }

.enquiry-form input.text { width: 250px; }
.enquiry-form select { width: 254px; }
.enquiry-form textarea { width: 340px; height: 100px; }

.enquiry-form .mand { background: url(images/form-mand.png) no-repeat 125px 13px; }
.enquiry-form .newsletter input { display: inline; }
.enquiry-form .newsletterLabel { width: auto; display: inline; float: none; } 

/*.enquiry-form .dualcol.floatleft { width: 254px; padding-right: 20px; }
.enquiry-form .dualcol.floatright { width: 304px; float: left; }

.enquiry-form label { display: block; margin: 0 0 -29px; color: #003875; padding: 0 0 0 11px; line-height: 29px; font-weight: bold; position: relative; z-index: 20; cursor: text; }
.enquiry-form input,
.enquiry-form textarea { border: none; height: 23px; padding: 3px 0 2px 10px; border-bottom: 1px solid #efeeee; background: #f7f7f7; margin: 0 0 10px 0; position: relative; z-index: 10; font-family: Arial, Helvetica, sans-serif; font-size: 108%; }
.enquiry-form input { width: 244px; }
.enquiry-form textarea { width: 294px; height: 176px; padding-top: 6px; }
.enquiry-form input.submit { float: right; width: 91px; height: 36px; border: none; background: transparent; }
.enquiry-form .mand { background: #f7f7f7 url(images/form-mand.png) no-repeat bottom right; }
*/





/* ---------------------------------------------------------
   Competition Form
*/
.copy.cricket { background:url(../images/competitionform/promo_cricket.jpg) 650px bottom no-repeat;padding-bottom:30px;min-height:660px;}
.copy.cricket label {display:none;}
.copy.cricket label.show {display:block; font:normal 11px #000; float:left;}

.copy.rugby { background:url(../images/competitionform/promo_rugby.jpg) 670px 40px no-repeat;padding-bottom:30px;min-height:375px;}
.copy.rugby label {display:none;}
.copy.rugby label.show {display:block; font:normal 11px #000; float:left;}

.right-column {width:278px;}
.left-column {width:603px;}
.clear-b {clear:both; font-size:0px; height:0px; line-height:0px;}
p.mandatory { display:block; padding-left:18px; background:url(../images/competitionform/star_RedOnWhite.gif) left center no-repeat;}
.competition-form { background:#ed1d24; padding:30px 0px 13px 9px; margin:0 0 6px 0; }

.competition-form .row {clear:left; padding:0 0 17px 0;}
.competition-form .item.mandatory { background:url(../images/competitionform/star_WhiteOnRed.gif) left center no-repeat;}
*html .competition-form .item.mandatory { padding-left:18px;background:url(../images/competitionform/star_WhiteOnRed.gif) left center no-repeat;}
.competition-form .item {padding:0 0 0 18px;float:left; width:265px; }

.competition-form .item-full {padding:0 0 0 18px; width:548px;}
.competition-form .item-quarter { float:left; width:124px; height:33px; padding:0 0 0 18px;}
.competition-form .item-quarter.mandatory {width:106px;padding:0 0 0 36px;background:url(../images/competitionform/star_WhiteOnRed.gif) 18px center no-repeat;}
.competition-form .item-third {float:left;padding:0 0 0 18px; width:170px;}
.competition-form input, .competition-form select {font-size:11px;}
.competition-form input.text-input {width:248px;border:solid 1px #ffffff; height:31px;padding:0 0 0 15px;margin:0; line-height:30px;}
.competition-form .item-full input.text-input {width:531px;}
.competition-form .item-quarter input.text-input {width:95px;}
.competition-form .item-quarter select { width:117px; margin-top:7px;}
.competition-form .item-quarter.mandatory select { width:100px;}
.competition-form .item-third input.text-input {width:138px;}

.purchace-code { background:#16315d; padding:20px 0px 20px 27px; margin:0 0 6px 0; position:relative;} 
.purchace-code .item { width:245px;height:42px; padding:0 0 0 20px; background: url(../images/competitionform/arrow.gif) left top no-repeat #fff; position:absolute; top:20px; right:32px;}
.purchace-code .item input.text-input {width:226px; border:none;height:25px; border:solid 1px #ffffff;padding:10px 0 0 15px;}
.purchace-code h2 {font:bold 16px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0;}
.purchace-code p {font:normal 11px Arial, Helvetica, sans-serif; line-height:normal; color:#fff; padding:0; margin:0;}

.submit-ctnr .right {float:right;padding-top:20px;}
.submit-ctnr .left {float:left;  width:260px;padding:20px 0 0 25px;}
.submit-ctnr .left .item { clear:left;}
.submit-ctnr .left .item label{  width:230px;}
.submit-ctnr .left input { float:left;}



/* ---------------------------------------------------------
   Competition Form
*/
.copy .sponsorship_listing { margin: 0; padding: 0; list-style: none; }
.sponsorship_listing li { border-bottom: 1px solid #dedede; padding: 18px 20px 18px 0; }
.sponsorship_listing img { float: left; width: px; }
.sponsorship_listing .sponsorship_info { margin: 0 0 0 170px; }
.sponsorship_listing h3 { margin: 0 0 6px; font-size: 140%; }
.sponsorship_listing h3 a { color: #000; }
.sponsorship_listing .readmore { font-size: 90%; font-weight: bold; padding: 0 0 0 10px; background: url(images/arrow_red_right.png) no-repeat left center; }
.sponsorship_listing a:hover { color: #ea1c23; text-decoration: underline; }
.sponsorship_listing p { margin-bottom: 15px; }

div.success { font-size: 120%; font-weight: bold; margin-bottom: 20px;}
div.error { color: #f00; font-weight: bold; margin-bottom: 20px; margin-left: 15px; }


/* ---------------------------------------------------------
   Select you location
*/

ul.locations {height:50px;margin:0;width:600px; list-style:none;}
ul.locations li {float:left;width:131px;color:#cacaca;padding-left:12px; background:url(/images/locator/bullet.gif) left 5px no-repeat;}

.preload {height:0px;width:0px;line-height:0px;font-size:0px;}

/* old preload 
.preload .ireland {background-image:url(/images/locator/ireland.gif);}
.preload .uk {background-image:url(/images/locator/uk.gif);}
.preload .netherlands {background-image:url(/images/locator/netherlands.gif);}
.preload .norway {background-image:url(/images/locator/norway.gif);}
.preload .switzerland {background-image:url(/images/locator/switzerland.gif); }
.preload .sweden {background-image:url(/images/locator/sweden.gif);}
.preload .australia {background-image:url(/images/locator/australia.gif);}
.preload .newzealand {background-image:url(/images/locator/newzealand.gif);}

/* new preload */
.preload .backbutton {background-image:url(/images/back-map.gif);}
.preload .usa {background-image:url(/images/locator/new/world-us-2.gif);}
.preload .tanzania {background-image:url(/images/locator/new/world-tanzania-2.gif);}
.preload .world-asia-1 {background-image:url(/images/locator/new/world-asia.gif);}
.preload .world-asia-2 {background-image:url(/images/locator/new/world-oz.gif);}
.preload .world-asia-3 {background-image:url(/images/locator/new/world-nz.gif);}
.preload .world-europe {background-image:url(/images/locator/new/world-europe-2.gif);}
.preload .europe-1 {background-image:url(/images/locator/new/europe-eire.gif);}
.preload .europe-2 {background-image:url(/images/locator/new/europe-uk.gif);}
.preload .europe-3 {background-image:url(/images/locator/new/europe-net.gif);}
.preload .europe-4 {background-image:url(/images/locator/new/europe-swiss.gif);}
.preload .europe-5 {background-image:url(/images/locator/new/europe-norw.gif);}
.preload .europe-6 {background-image:url(/images/locator/new/europe-swe.gif);}
.preload .asia-1 {background-image:url(/images/locator/new/asia-bru.gif);}
.preload .asia-2 {background-image:url(/images/locator/new/asia-vn.gif);}
.preload .asia-3 {background-image:url(/images/locator/new/asia-mal.gif);}
.preload .asia-4 {background-image:url(/images/locator/new/asia-sing.gif);}
.preload .asia-5 {background-image:url(/images/locator/new/asia-pap-2.gif);}

/* old maps 
.locations-map { position:relative; height:413px; clear:left; }
.locations-map .country {position:absolute;}
.locations-map .oceana {width:189px;height:116px;top:291px;left:514px;}
.locations-map .europe {width:118px;height:109px;top:9px;left:157px;}
.locations-map img.cover {position:absolute;top:0;left:0;width:118px;height:105px; z-index:999;}
*/

/* world map */
#map-wrapper {top:20px; width:894px; position:relative; clear:left; background:transparent url('images/map-border.gif') no-repeat top left; padding:2px;}
*+html #map-wrapper {top:40px;}
#map-wrapper .zoomed {position:absolute; top:2px; left:2px; display:none;}
.locations-map { position:relative; height:409px;}
.locations-map .country {position:absolute;}
.locations-map .usa {width:214px;height:75px;top:329px;left:99px; top:100px;left:56px;}
.locations-map .tanzania {width:95px;height:36px;top:242px;left:458px;}
.locations-map .ozasianz {width:279px;height:224px;top:175px;left:604px;}
.locations-map .weurope {width:123px;height:105px;top:12px;left:343px;}
.locations-map .europe-1 {width:273px;height:131px;top:184px;left:260px;}
.locations-map .europe-2 {width:202px;height:177px;top:45px;left:404px;}
.locations-map .asia-1 {width:204px;height:151px;top:83px;left:237px;}
.locations-map .asia-2 {width:174px;height:49px;top:242px;left:537px;}

#map-wrapper .close {display:block; height:29px; width:162px; text-indent:-3000px; overflow:hidden; background:transparent url('images/back-map.gif') no-repeat top left; position:absolute; top:10px; left:10px;}

/* ---------------------------------------------------------
   Distirbrutors Extranet
*/
#login-wrapper table { width: 100%; }

.extranet.home .copy_container { background: #fff; width: 958px; border:none; }
.extranet.home #content_corner { background:url(/images/extranet/home_content-corner.gif) left top no-repeat;}
.extranet.home .copy { background:url(../images/extranet/copy_bg.gif) left bottom repeat-x;padding-bottom:50px;}
.extranet .inline-list span { display:block;}
.extranet .logged-in { background-color:#f1f1f1; width:auto; text-align:right; padding:6px 6px 5px 6px; margin-top:-6px;/*for ie7 >>>*/min-height:0;}
.extranet .logged-in span {float:left; padding-right:30px; color:#ec1c24;}
.extranet .logged-in a {float:none; display:inline-block; background:url(/images/extranet/util_nav_divide.gif) left center no-repeat; padding-left:10px;}
.extranet li.last {padding-left:0;background:none;}
.extranet .name { background-color:#f1f1f1;}
.extranet .page_heading {font-size:48px;color:#003875;text-align:right;}
.extranet .page_banner_inner {background:none;}
.extranet .page_banner_inner .sect {color:#99a6b4}
.extranet .mainnav {padding-top:30px;}
.extranet-login { height:325px; padding:75px 0 0 0; text-align:center;}
.extranet-login h1 {font:bold 3.4em Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#9c9c9c;}
.extranet-login h1.login { display:block; width:134px; height:30px; background:url(/images/extranet/hdr_login.gif) center top no-repeat; text-indent:-99999px; margin: 0 auto; padding-bottom:30px;}
.extranet-login h1.confirm-account { display:block; width:403px; height:30px; background:url(/images/extranet/hdr_confirm-account.gif) center top no-repeat; text-indent:-99999px; margin: 0 auto; padding-bottom:30px; }
.extranet-login h1.forgotten-password { display:block; width:403px; height:30px; background:url(/images/extranet/hdr_forgotten-password.gif) center top no-repeat; text-indent:-99999px; margin: 0 auto; padding-bottom:30px; }
.extranet-login p { font-size:17px; color:#003875; font-weight:bold; padding:0 170px;}
.extranet-login-form { padding: 40px 0 0 0;}
.extranet-login input { vertical-align: middle; }
.extranet-login input.text {width:180px; border:solid 1px #b9b9b9; font-size:13px; color:#7f7f7f; padding: 6px 10px 6px 10px; margin-right:10px; vertical-align: middle;}
.extranet-login-base {height:29px; padding:35px 0 0 0; text-align:center; line-height:1.0em;}
.extranet-login-base p {font-size:0.9em;}
.extranet .row1 {padding-top:15px;}
.extranet .list_difference_item.end {border-bottom:none;}
.extranet .hidden {visibility:hidden;}
.extranet .FailureText { color: #ea1c23; padding: 15px 0px 0px 0px; } 
/* Confirm Password */
.extranet-login.confirm { padding:45px 0 30px 0; }
.extranet .row {margin:0 auto;margin-bottom:20px; width:700px; padding:0 0 0 40px; text-align:left;}
.extranet .row label {display:inline-block; width:150px;}
.extranet .row label.userNameLbl, .extranet .row label.newpasswordLbl { width:100px;}
.extranet .row input {margin-right: 30px;}
.extranet .row .password, .extranet .row .confirmnewpassword {margin-right:0;}


/* ---------------------------------------------------------
   Distribrutors Extranet : Blog
*/

.copy ul.sf_postListing li {background:url(/images/blog/item_bg.gif) left top repeat-x;padding:16px;}
.copy ul.sf_postListing h2 {margin:0;font-size:20px;padding-bottom:10px;}
.extranet .sf_postDate {font-size:1.0em; color:#464646;}
.extranet .sf_readMore a,
.extranet .sf_postComments a {font-size:0.9em; background:url(/images/extranet/arrow_small.gif) right center no-repeat; padding-right:15px;}
.extranet .sf_postAuthor { background:url(/images/extranet/hdr_posted-by.gif) left 4px no-repeat; padding-left:60px;}
.extranet .sf_postAuthor a {font-size:0.9em; color:#464646;}
.extranet .sf_postCategory {display:none;}
.extranet .sf_postTags { background:url(/images/extranet/hdr_tags.gif) left 4px no-repeat; padding-left:35px;}
.extranet .sf_postTags a {font-size:0.9em;}
.extranet .sf_postBookmark a img { display: inline; padding: 2px; }

.extranet .generic_right h2 {margin:10px 0 0 0;font-size:1.6em;color:#ec1c24; text-transform:uppercase;}
.extranet .generic_right .categories {border-bottom:solid 1px #e1e1e2;margin-bottom:15px;}
.extranet .generic_right .categories h3 {display:none;}
.extranet .generic_right .categories ul { list-style:none;padding:0;}
.extranet .generic_right .categories li { background:url(/images/extranet/arrow_large.gif) left 2px no-repeat;padding:0 0 6px 10px;}
.extranet .generic_right .categories li a { color:#67696c; font-weight:bold; }

.extranet .RadTreeView .rtUL {padding:0 0 0px 0;border-bottom:solid 1px #e1e1e2;margin-bottom:15px;}
.extranet .RadTreeView .rtUL li span.rtMinus,
.extranet .RadTreeView .rtUL li span.rtPlus {background:url(/images/extranet/arrow_large.gif) left 5px no-repeat;padding:0 0 6px 10px;margin:0;width:auto;}
.extranet .RadTreeView .rtUL li span.rtSp {display:none;}
.extranet .RadTreeView .rtUL li div {padding:0;}
.extranet .RadTreeView .rtUL li a {color:#67696c;font-size:0.9em; font-weight:bold;}
.extranet .RadTreeView .rtUL ul {padding:0;border:none;}

.extranet a.rss-feed { display:block; background:url(/images/extranet/rss_blog.gif) left top no-repeat;padding:0 0 10px 20px;margin:10px 0 20px;border-bottom:solid 1px #e1e1e2;color:#67696c;font-weight:bold;}

.extranet .blog_tags {}
.extranet .blog_tags p, .extranet .blog_tags h3 {display:none;}
.extranet .blog_tags ul { margin:10px 0 0 0; padding:0; list-style:none;}
.extranet .blog_tags li { background:url(/images/extranet/arrow_large.gif) left 2px no-repeat; padding:0 0 6px 10px;}
.extranet .blog_tags a { color:#67696c; font-weight:bold; }

/* ---------------------------------------------------------
   Distribrutors Extranet : Nav
*/

.extranet #subnav .first span { background:url(/images/extranet/nav_home.png) 11px 14px no-repeat;width:12px;}