/* CSS Document for Best Buy - Global wrapper */

/* = Header
----------------------------------------------------- */


/* & access - includes site search
---------------------------- */
#access {
	float:left; display:inline;
	margin:10px 0 15px 106px;
	color:#fff;
	width:304px;
}

	#access a {color:#fff;}

	#access p {
		float:left; display:inline;
		margin: 8px 0 7px;
		padding:0;
		font-weight:bold;
		color:#fff;
	}
		
			#access .vcard .url,
			#access .vcard .org { display:none; }
	
			#access .vcard p { margin-top:0; margin-bottom:0; }
	
			#access .tel {
				float:left; display:inline;
				font-size:1.2em;
				margin:0;
				line-height:1.5;
				padding:0 10px 0 4px;
				font-weight:bold;
			}

		#access p.float-right {
			float:right;
			padding:0 0 0 10px;
			border-left:1px dotted #7f8d98; /* SB */
			margin-top:0;
		}

		#access p.float-right a {
			padding-left:7px;
			background:url(../images/sprt_arrows.png) no-repeat -1000px 50%;
		}

			div#site-search {
				float:left; display:inline-block;
				height:25px;
				overflow:hidden;
				width:350px; padding:25px 0 0 100px; /*THIS LINE TO BE REMOVED WHEN FIND A STORE LINKS NEEDED */ 
				margin-bottom:0;
				/* padding-top:10px; border-top:1px dotted #7f8d98;   TO BE ADDED WHEN FIND A STORE LINKS NEEDED */ 
			}

			div#site-search label {display:none;}

			div#site-search #input-search {
				float:left; display:inline-block;
				background:url(../images/sprt_search.png) no-repeat -100px 0;
				width:278px;
				height:25px;
				line-height:25px;
			}

			div#site-search input.text {
				border:none;
				width:266px;
				padding:5px 6px 7px;
				background:none;
				font-size:1.2em;
				color:#737474;
			}

			div#site-search input.button {
				width: 25px;
				margin-right: 1px;
			}

			/* Search button replaced by link via JS */
			#search-submit { float: left;}
			div#site-search a {
				float:left; display:inline-block;
				background:url(../images/sprt_search.png) no-repeat 0 0;
				height:25px;
				width:25px;
				text-indent:-20000px;
			}

				div#site-search a:hover {background-position:-25px 0;}

					#header div#site-search a:focus,
					#header div#site-search a:active {background:transparent url(../images/sprt_search.png) no-repeat -75px 0; outline:none;}
/* */



/* & account
---------------------------- */
#account {
	float:left; display:inline;
	margin:0 0 10px 112px;
	width:290px;
	color:#fff;
	display:block;
	position:relative;
	z-index:1;
}

	#account-inner {
		padding:7px 0;
		overflow:hidden;
		background:url(../images/bg_mini-basket.png) no-repeat 0 100%;
	}

		#account a {color:#fff;}

		#account-tasks {
			width:100%;
			overflow:hidden;
			padding:0 0 6px 1px;
			margin:0;
		}

			#account-tasks li {
				float:left; display:inline;
				line-height:1;
				color:#fff;
				font-size:1.1em;
				margin-right:10px;
				border-right:1px dotted #7F8D98;
				padding-right:10px;

			}

				#account-tasks li.welcome {
					font-size:1.2em;
					font-weight:bold;
					margin:0 0 4px 0;
					width:100%;
					border:0;
					padding:0;
				}

					#account-tasks li a {
						padding-left:7px;
						line-height:1em;
						background:url(../images/sprt_arrows.png) no-repeat -1000px 50%;
					}

		#mini-basket {
			padding:8px 10px 0 20px;
			float:left; display:inline;
			clear:both;
			width:260px;
			background:#696969 url(../images/bg_mini-basket.png) no-repeat -290px 0; /* SB */
		}

			#mini-basket p {
				float:left; display:inline;
				color:#fff;
			}

				.mini-basket_items {
					font-size:1.2em;
					line-height:1.5em;
					white-space:nowrap;
					font-weight:bold;
					padding:2px 10px 0 0;
					border-right:1px solid #929292;
				}

				.mini-basket_price {
					font-size:1.4em;
					line-height:1.286em;
					text-align:left;
					font-weight:bold;
					padding:2px 0 0 11px;
					border-left:1px solid #6e6e6e;
				}

				#mini-basket .mini-basket_view {
					float:right;
					padding:0;
				}

					#header .mini-basket_view a {
						background:url(../images/btn_mini-basket.png) no-repeat 0 0;
						line-height:22px;
						height:22px;
						width:76px;
						padding:0 0 0 23px;
						display:block;
						font-weight:bold;
						text-indent:-200000px;
					}

					#header .mini-basket_view a:hover {text-decoration:none;}

					#header .mini-basket_view a:focus,
					#header .mini-basket_view a:active {background:transparent url(../images/btn_mini-basket.png) no-repeat 100% 0; outline:none;}
/* */



/* & Main navigation
---------------------------- */
#nav-main {
	clear:both;
	width:924px;
	margin:0 0 0 20px;
	position:relative; /* for sub-menu dropdowns */
	z-index:2; /* for IE, due to localised z-indexes */
}

	#nav-main li {
		float:left; display:inline;
		height:36px;
		font-size:10px; /* px prevent resize in IE6 */
		position:relative;
	}

		#nav-main li a {
			float:left; display:block;
			width:75px;
			height:36px;
			color:#fff;
			overflow:hidden; /* T */
			margin-right:3px; /* T */
		}

			#nav-main li a span {
				background:url('../images/nav_main.png') no-repeat 0 0;
				width:100%;
				height:100%;
				position:absolute;
				cursor:pointer;
			}


		/* main nav: element widths */
			#nav-main li#nav-tv a {width:86px;}
			#nav-main li#nav-computing a {width:72px;}
			#nav-main li#nav-gaming a {width:65px;}
			#nav-main li#nav-music a  {width:71px;}
			#nav-main li#nav-cameras a {width:83px;}
			#nav-main li#nav-mobile a {width:63px;}
			#nav-main li#nav-audio a {width:61px;}
			/* #nav-main li#nav-green a {width:65px; visibility:hidden} */
			#nav-main li#nav-green a {width:80px;}
			#nav-main li#nav-brand a {width:66px; visibility:hidden}
			#nav-main li#nav-advice a {width:77px;}
			#nav-main li#nav-services a {width:65px; margin-left:9px;}


			/* main nav: individual element backgrounds */

			#nav-main li#nav-tv a span {background-position:0 0;}
				#nav-main li#nav-tv a:hover span,
				#nav-main li#nav-tv:hover a span,
					#header #nav-main li#nav-tv a:focus span,
					#header #nav-main li#nav-tv a:active span {background-position:0 -36px;}
				#nav-main li#nav-tv.nav-current a span {background-position:0 -72px !important;} /* important for IE6 */

			#nav-main li#nav-appliances a span {background-position:-100px 0;}
				#nav-main li#nav-appliances a:hover span,
				#nav-main li#nav-appliances:hover a span,
					#header #nav-main li#nav-appliances a:focus span,
					#header #nav-main li#nav-appliances a:active span {background-position:-100px -36px;}
				#nav-main li#nav-appliances.nav-current a span {background-position:-100px -72px !important;} /* important for ie6 */

			#nav-main li#nav-computing a span {background-position:-200px 0;}
				#nav-main li#nav-computing a:hover span,
				#nav-main li#nav-computing:hover a span,
					#header #nav-main li#nav-computing a:focus span,
					#header #nav-main li#nav-computing a:active span {background-position:-200px -36px;}
				#nav-main li#nav-computing.nav-current a span {background-position:-200px -72px !important;} /* important for ie6 */

			#nav-main li#nav-gaming a span {background-position:-300px 0;}
				#nav-main li#nav-gaming a:hover span,
				#nav-main li#nav-gaming:hover a span,
					#header #nav-main li#nav-gaming a:focus span,
					#header #nav-main li#nav-gaming a:active span {background-position:-300px -36px;}
				#nav-main li#nav-gaming.nav-current a span {background-position:-300px -72px !important;} /* important for ie6 */

			#nav-main li#nav-music a span {background-position:-400px 0;}
				#nav-main li#nav-music a:hover span,
				#nav-main li#nav-music:hover a span,
					#header #nav-main li#nav-music a:focus span,
					#header #nav-main li#nav-music a:active span {background-position:-400px -36px;}
				#nav-main li#nav-music.nav-current a span {background-position:-400px -72px !important;} /* important for ie6 */

			#nav-main li#nav-cameras a span {background-position:-500px 0;}
				#nav-main li#nav-cameras a:hover span,
				#nav-main li#nav-cameras:hover a span,
					#header #nav-main li#nav-cameras a:focus span,
					#header #nav-main li#nav-cameras a:active span {background-position:-500px -36px;}
				#nav-main li#nav-cameras.nav-current a span {background-position:-500px -72px !important;} /* important for ie6 */

			#nav-main li#nav-mobile a span {background-position:-600px 0;}
				#nav-main li#nav-mobile a:hover span,
				#nav-main li#nav-mobile:hover a span,
					#header #nav-main li#nav-mobile a:focus span,
					#header #nav-main li#nav-mobile a:active span {background-position:-600px -36px;}
				#nav-main li#nav-mobile.nav-current a span {background-position:-600px -72px !important;} /* important for ie6 */

			#nav-main li#nav-audio a span {background-position:-700px 0;}
				#nav-main li#nav-audio a:hover span,
				#nav-main li#nav-audio:hover a span,
					#header #nav-main li#nav-audio a:focus span,
					#header #nav-main li#nav-audio a:active span {background-position:-700px -36px;}
				#nav-main li#nav-audio.nav-current a span {background-position:-700px -72px !important;} /* important for ie6 */

			#nav-main li#nav-green a span {background-position:-794px 0;}
				#nav-main li#nav-green a:hover span,
				#nav-main li#nav-green:hover a span,
					#header #nav-main li#nav-green a:focus span,
					#header #nav-main li#nav-green a:active span {background-position:-794px -36px;}
				#nav-main li#nav-green.nav-current a span {background-position:-794px -72px !important;} /* important for ie6 */

			#nav-main li#nav-brand a span {background-position:-900px 0;}
				#nav-main li#nav-brand a:hover span,
				#nav-main li#nav-brand:hover a span,
					#header #nav-main li#nav-brand a:focus span,
					#header #nav-main li#nav-brand a:active span {background-position:-900px -36px;}
				#nav-main li#nav-brand.nav-current a span {background-position:-900px -72px !important;} /* important for ie6 */

			#nav-main li#nav-services a span {background-position:-1000px 0;}
				#nav-main li#nav-services a:hover span,
				#nav-main li#nav-services:hover a span,
					#header #nav-main li#nav-services a:focus span,
					#header #nav-main li#nav-services a:active span {background-position:-1000px -36px;}
				#nav-main li#nav-services.nav-current a span {background-position:-1000px -72px !important;} /* important for ie6 */

			#nav-main li#nav-advice a span {background-position:-1100px 0;}
				#nav-main li#nav-advice a:hover span,
				#nav-main li#nav-advice:hover a span,
					#header #nav-main li#nav-advice a:focus span,
					#header #nav-main li#nav-advice a:active span {background-position:-1100px -36px;}
				#nav-main li#nav-advice.nav-current a span {background-position:-1100px -72px !important;} /* important for ie6 */


			/* main nav: sub drop-downs */
				#nav-main .sub-menu { /* T */
					display:none;
					background:#e7e7e7 url(../images/bg_sub-menu.png) repeat-x 0 0;
					padding:5px 11px 10px 7px;
					border:1px solid #c3c4c4;
					border-top:0;
					position:absolute;
					top:36px;
					z-index:2;
					font-size:1.1em;
					width:493px;
				}

				/* display on hover, but don't reference hover element, could be 'a' or 'li' due to conditionals in html */
				#nav-main :hover .sub-menu {display:block;}

					#nav-main .sub-menu dl {
						float:left;
						padding:0 17px 0 0;
						width:153px;
					}
						#nav-main .sub-menu .last {padding:0;}

						#nav-main .sub-menu dt {
							font-weight:bold;
							font-size:1em;
							padding:0 0 5px 5px;
							color:#111;
						}

						#nav-main .sub-menu dd {
							font-size:1em;
							padding-bottom:0.2em;
						}

				/* overwrite default nav link styles */
				#nav-main .sub-menu a {
					width:auto !important; /* important to save specifying a width for each tab */
					height:auto;
					float:none;
					color:#004b91;
					padding:0 0 0 5px;
					margin-right:0;
				}
				#nav-main .sub-menu a:hover {
					color:#fff;
					background:#004b91;
					text-decoration:none;
				}
				#nav-main .sub-menu a:focus {
					color:#111;
					background:#fff019;
				}

				/* position each dropdown - All are different for IE6 */					
					#nav-main #sub-menu-tv,
					#nav-main #sub-menu-appliances,
					#nav-main #sub-menu-computing,
					#nav-main #sub-menu-gaming,
					#nav-main #sub-menu-music,
					#nav-main #sub-menu-cameras {left:-1px;}

					#nav-main #sub-menu-mobile,
					#nav-main #sub-menu-audio,
					#nav-main #sub-menu-green,
					#nav-main #sub-menu-brand,
					#nav-main #sub-menu-services,
					#nav-main #sub-menu-advice {right:2px;}
/* */


/* & Breadcrumb and page actions
---------------------------- */
#nav-extra {
	float:left; display:inline;
	clear:both;
	width:920px;
	background:#fff url(../images/sprt_grey-grads.png) repeat-x 0 100%;
	padding:5px 20px;
	color:#49494a;
}

	#nav-extra #nav-breadcrumb,
	#nav-extra #nav-pageactions,
	#nav-extra p,
	#nav-extra li {
		float:left; display:inline;
		line-height:1.46em;
		margin-bottom:0;
		padding-bottom:0;
	}
	
	/*#nav-extra #nav-breadcrumb {padding-top: 1px}*/

		#nav-extra li,
		#nav-extra p {font-size:1.1em;}

	#nav-extra #nav-pageactions {float:right; display:inline;}

		#nav-extra a {
			background:url(../images/sprt_icons.png) no-repeat left 50%;
			display:inline-block;
			color:#737474;
			padding:0 6px 0 7px;
		}

		#nav-extra p {
			border-right:1px solid #dcdcdc;
			margin-right:6px;
		}

			#nav-extra #nav-breadcrumb li {padding:0 8px 0 0;}

				#nav-extra #nav-breadcrumb a {
					background-position:right 50%;
					padding:0 7px 0 0;
				}

			#nav-pageactions li {
				border-right:1px dotted #49494a;
				margin-left:10px;
			}

				#nav-extra #nav-pageactions li a {
					padding:1px 10px 1px 23px;
					color:#004b91;
				}
				
					#nav-extra #nav-pageactions li.last a {padding-right:1px;}
					#nav-extra #nav-pageactions li#pa-bookmark a {padding-left:16px; background-position:0 50%;}
					#nav-extra #nav-pageactions li#pa-print a {background-position:-250px 50%;}
					#nav-extra #nav-pageactions li#pa-email a {background-position:-500px 50%;}
					#nav-extra #nav-pageactions li#pa-wishlist a {background-position:-750px 50%;}

				#nav-extra a#nav-back {
					background-position:-1000px 50%;
					color:#737474;
				}
			
			#nav-pageactions #pa-print,
			#nav-pageactions #pa-bookmark { display:none; }
			
			body.js #nav-pageactions #pa-print,
			body.js #nav-pageactions #pa-bookmark { display:block; }
/* */
/* = */



/* = Footer
----------------------------------------------------- */

#recently-viewed {
	width:940px; overflow:auto; /* clearing fix */
	padding:10px 10px 6px 10px;
	background:#fff;
	border-top:1px solid #e7e7e7;
	display:none;
}

	#recently-viewed ul {float:left; display:inline;}

		#recently-viewed li {
			width:132px;
			border-right:1px dotted #9a9b9b;
			margin-bottom:4px;
			position:relative;
		}

			#recently-viewed li a {display:inline-block;}

				#recently-viewed li a img {margin-left:7px;}

				#recently-viewed li a.remove {
					position:absolute;
					top:0; right:7px;
					width:11px;
					height:11px;
					text-indent:-200000px;
					cursor:pointer;
					padding:0;
				}



#nav-footer {
	width:940px; overflow:auto; /* clearing fix */
	padding:16px 0 16px 20px;
	background:#fff url(../images/sprt_grey-grads.png) repeat-x 0 0;
	border-top:1px solid #dcdcdc;
}

#nav-footer ul li {
	width:155px;
	font-weight:bold;
	line-height:1.3em;
}

	#nav-footer ul li a {color:#49494a;}

	#nav-footer ul ul {margin-top:3px;}

		#nav-footer ul ul li {
			font-weight:normal;
			font-size:.917em;
			line-height:1.5em;
			margin:0;
		}

		#nav-footer ul ul li a {
			display:inline-block;
			padding-left:7px;
			background:url(../images/sprt_arrows.png) no-repeat -2000px 50%;
			color:#737474;
		}
/* = */