/**
* @author	Jasal Vadgama/Simon Wyse - Javelin Group
* @version	1.0
* @media	screen
*
* @info		Page frame and standard components stylesheet
*
* @contents
* =1: Main Container
*
* =2: Header
*	=2.1: Skip Links
*	=2.2: Main Navigation
*	=2.3: Basket
*		=2.3.1: Login/Account Line
*		=2.3.2: Search Box
*	=2.4: Breadcrumb
* 
* =3: Left Nav
*	=3.1: Fredhopper Lists
*	=3.2: Additonal Nav Boxes
*	=3.3: Static Left Nav
* 
* =4: Footer
*
* =5: Copyright Notice
*
* =6: Worlds Support
*
* =7: Static Content
*
*/

/**
* =1: Main Container
*
* @info Main container section
*/
body { background: #f8f7f5; }
.access, .hidden {
	position: absolute;
	top: -1000em;
	left: -1000em;
}
#bcrumbWrapper, #content { clear: both; }
/** float clearing fox for firefox */
#pageWrapper:after,
#pageWrapper #header:after,
#topNav ul#mainNav li .subnav ul.subnavContent:after,
#basket .accountBox:after,
.breadcrumb:after,
.productImages .productHero #productImageTabBlock:after,
#footer:after,
.listerOverlayContent:after,
.addToCartMsg:after,
#qfinder ul:after,
#catMifWrapper:after,
div#mifHeroPanelContent:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/** end fix */
#pageWrapper {
	margin: 0 auto;
	width: 964px;
	background: #fff;
	border-right: 15px solid #ded6d4;
	border-bottom: 15px solid #ded6d4;
	border-left: 15px solid #ded6d4;
}
#pageWrapper table, #pageWrapper #contentWrapper { margin: 0 auto; }
#masthead { width: 994px; }

.debug {
	clear: left;
	background:wheat;
	opacity:0.6;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
}

/**
* =2: Header
*
* @info Page header
*/
#pageWrapper #header {
	padding: 0 20px;
	width: 924px;
	background: #fff url(/images/nav-bg.png) bottom left repeat-x;
}
#header h1 {
	float: left;
	padding: 39px 33px 0 13px;
}
#header div.bandqlogo {
	float: left;
	padding: 39px 10px 0 13px;
}

/**
* =2.1: Skip Links
*
* @info Accessibility links for skipping to specific content
*/
#skipNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#skipNav li a {
	position: absolute;
	width: 0; 
	height: 0; 
	overflow: hidden;
	border: 0px;
}
#skipNav li a:active, #skipNav a:focus {
	position: absolute;
	top: 40px;
	left: 88px;
	z-index: 1000;
	width: 670px; 
	height: auto; 
	padding: 5px;
	overflow: visible;
	background-color:#999;
	border: 1px solid #f60;
	font-weight: bold;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
}

/**
* =2.2: Main Navigation
*
* @info Main site navigation
**/
#header .navBorder {
	float: left;
	width: 561px;
	height: 6px;
	background: #fff url(/images/nav-border-top.jpg) top left no-repeat;
	overflow: hidden;
}
#header #topNav {
	float: left;
	padding: 0 20px;
	width: 519px;
	background: #fff url(/images/nav-bg.png) bottom left repeat-x;
	border-left: 1px solid #e9e5e6;
	border-right: 1px solid #e9e5e6;
}
#topNav ul { width: 100%; }
#topNav ul#mainNav {
	clear: both;
	padding-bottom: 10px;
	width: 521px;
	height: 38px;
}
#topNav ul li {
	float: left;
	padding: 12px 35px 16px 0;
	z-index: 10; /*5001 so that the drops downs sit above the multimap controls in firefox*/
}
#topNav ul li a {
	display: block;
	height: 15px;
}
#topNav ul li.stores { padding-right: 0; }

#topNav ul li.advice a { width: 81px; background: url(/images/diy-advice.png) top left no-repeat; }
#topNav ul li.help a { width: 40px; background: url(/images/help.png) top left no-repeat; }
#topNav ul li.social a { width: 51px; background: url(/images/social.png) top left no-repeat; }
#topNav ul li.magazine a { width: 152px; background: url(/images/home-magazine.png) top left no-repeat; }
#topNav ul li.stores a { width: 54px; background: url(/images/stores.png) top left no-repeat; }
#topNav ul li.slogan a { width: 300px; background: url(/images/eng/slogan.png) bottom left no-repeat; }

#topNav ul li.advice a:hover, #topNav ul li.inspiration a:focus { background-position: bottom left; }
#topNav ul li.help a:hover, #topNav ul li.help a:focus { background-position: bottom left }
#topNav ul li.social a:hover, #topNav ul li.social a:focus { background-position: bottom left }
#topNav ul li.magazine a:hover, #topNav ul li.magazine a:focus { background-position: bottom left }
#topNav ul li.stores a:hover, #topNav ul li.stores a:focus { background-position: bottom left }
#topNav ul li.slogan a:hover, #topNav ul li.stores a:focus { background-position: top left }

#topNav ul#mainNav li {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 2px 0 0;
	height: 36px;
}

#topNav ul#mainNav li.garden { width: 100px; background: url(/images/eng/top_menu_trangchu.png) top left no-repeat; }
#topNav ul#mainNav li.rooms { width: 100px; background: url(/images/eng/top_menu_sanpham.png) top left no-repeat; }
#topNav ul#mainNav li.decor { width: 86px; background: url(/images/eng/top_menu_gioithieu.png) top left no-repeat; }
#topNav ul#mainNav li.fix { width: 72px; background: url(/images/eng/top_menu_lienhe.png) top left no-repeat; }
#topNav ul#mainNav li.build { width: 72px; background: url(/images/build-button.png) top left no-repeat; }
#topNav ul#mainNav li.eco { width: 150px; background: url(/images/eng/top_menu_tel.png) top left no-repeat; }
#topNav ul#mainNav li.offers { width: 71px; background: url(/images/offers-button.png) top left no-repeat; }

#topNav ul#mainNav li:hover, #topNav ul#mainNav li.over { background-position: bottom left; }
#topNav ul#mainNav li a {
	display: block;
	height: 35px;
	cursor:pointer;
	text-decoration: none;
}
#topNav ul#mainNav li.hit {
	background-position: bottom left;
	padding-bottom: 0;
}
#topNav ul#mainNav li:hover div.subnav, #topNav ul#mainNav li.over div.subnav { display: block; }
#topNav ul#mainNav li div.subnav {
	display: none;
	position: absolute;
	top: 34px; /** Set 1px less than menu height */
	left: 0px;
	padding: 0 0 14px 0;
	width: 420px;
	background: url(/images/subnav-bottom.png) bottom left no-repeat;
}
#topNav ul#mainNav li.garden div.subnav { left: -92px; }
#topNav ul#mainNav li.rooms div.subnav { left: -107px; }
#topNav ul#mainNav li.decor div.subnav { left: -266px; }
#topNav ul#mainNav li.fix div.subnav { left: -348px; }
#topNav ul#mainNav li.build div.subnav { left: -401px; }
/*#topNav ul#mainNav li.offers div.subnav { left: -431px; }*/
#topNav ul#mainNav li.offers .subnav { background: url(/images/offers-subnav-bottom.png) bottom left no-repeat; }
#topNav ul#mainNav li div .subnavTop {
	padding-top: 14px;
	width: 420px;
}

#topNav ul#mainNav li.garden .subnav .subnavTop { background: url(/images/garden-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.rooms .subnav .subnavTop { background: url(/images/products_menu_top.gif) top left no-repeat; }
#topNav ul#mainNav li.decor .subnav .subnavTop { background: url(/images/decor-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.fix .subnav .subnavTop { background: url(/images/fix-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.build .subnav .subnavTop { background: url(/images/build-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.eco .subnav .subnavTop { background: url(/images/eco-subnav-top.gif) top left no-repeat; }
#topNav ul#mainNav li.offers .subnav .subnavTop { background: url(/images/offers-subnav-top.gif) top left no-repeat; }

#topNav ul#mainNav li .subnav ul.subnavContent {
	padding: 3px 3px 0 1px;
	width: 415px;
	background: #fff;
	list-style: none;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}
#topNav ul#mainNav li .subnav ul.subnavContent li {
	clear: both;
	margin: 0;
	padding: 0;
	width: 416px;
	height: auto;
}
#topNav ul#mainNav li .subnav ul.subnavContent li a:hover { text-decoration: underline; }
#topNav ul#mainNav li .subnav dl {
	float: left;
	margin: 0 0 0 3px !important;
	padding: 0 0 6px 9px;
	width: 196px;
	background: #fff url(/images/subnav-title-bg.jpg) 0 1px no-repeat;
}
#topNav ul#mainNav li .subnav dl dt { padding: 4px 0 12px 6px; }
#topNav ul#mainNav li .subnav dl dt a { height: 1em; }
#topNav ul#mainNav li .subnav dl dd { padding: 0 0 6px 6px; }
#topNav ul#mainNav li .subnav dl dd a { height: 1%; }

/**
* =2.3: Basket
*
* @info Basket, login and search for EPN
**/
#header #basket {
	float: right;
	margin-top: -15px;
	width: 220px;
	z-index: 1;
}
#basket p { padding-bottom: 4px; }
#basket .accountBox {
	padding-top: 15px;
	padding-bottom: 3px;
	width: 206px;
	background: url(/images/search-icon.png) bottom left no-repeat;
	position: relative;
	overflow: visible;
}
#basket .shoppingCart {
	float: right;
	width: 169px;
	background: url(/images/cart-border-bottom.jpg) bottom right no-repeat;
	height:58px;
}
#basket .cartTop {
	float: right;
	display: block;
	padding-top: 6px;
	width: 164px;
	background: url(/images/cart-border-top.gif) top right no-repeat;
	overflow: hidden;
}
#basket .cartContents {
	display: block;
	padding: 0 10px 0 6px;
	min-height: 48px;
	border-right: 1px solid #e9e5e6;
}
#basket .cartContents p { margin-bottom: 4px; }
#basket .cartContents p.shoppingList {
	padding-top: 4px;
	float:left;
	width: 83px;
}
#basket .cartContents p.items {
	text-align:right;
	padding-top:3px;
	float:right;
	width: 62px;
}
#basket .cartContents p.shoppingList a {
	display: block;
	width: 120px;
	height: 18px;
	background: url(/images/eng/shopping-list.png) left 2px no-repeat;
}
#basket .cartContents p.shoppingList a:hover, #basket .cartContents p.shoppingList a:focus { background-position: bottom left; }

#basket .cartContents .expandClose {
	clear:both;
	float: left;
}
#basket .cartContents .price {
	float: right;
}
#basket form {
	clear: both;
	padding: 5px 0 0 0;
}
#basket form label {
	float: left;
	width: 40px;
	height: 16px;
	background: url(/images/search.gif) left 5px no-repeat;
}
#basket form input {
	float: left;
	margin: 0 5px;
	width: 118px;
}
#basket form input#submitButton {
	margin:-1px 0 0 0;
	width: 35px;
	cursor: pointer;
}

/**
* =2.3.1: Login/Account Line
*
* @info Welcome message and sign in links above basket
*/
p.loginLine {
	padding: 10px 15px 12px 0;
	z-index: 10;
}

/**
* =2.3.2: Search Box
*
* @info Only occurs when the basket is not shown
*/
#basket .searchBox { padding-top: 76px; }

/**
* =2.3.3: EPMB
*/
#posMiniList {
	z-index:6;
}
#miniListMask {
	position:absolute;
	top:72px;
	left:0;
	width: 206px;
	max-height: 350px;
	background: transparent;
	overflow: hidden;
}
#miniListWrapper {
	position: relative;
	top: -450px;
	left: 0;
	padding-bottom:2px;
	background:url(/images/mini-shopping-list-border.gif) left bottom no-repeat;
	font-size: 1em;
}
#miniListWrapper .miniListContent {
	padding:0 10px 10px 10px;
	width: 184px;
	border-right: 1px solid #e9e5e6;
	border-left: 1px solid #e9e5e6;
	background: #fff;
}
#miniListWrapper h3 {
	margin: 0;
	padding-top: 10px;
	font-size: 1em;
	font-weight:bold;
}
#miniListWrapper ul {
	padding:10px 5px 1px 0;
	width: 184px;
	overflow: hidden;
	max-height:250px;
}
#miniListWrapper ul li {
	display:block;
	padding:10px 0;
	border-top:1px solid #e9e5e6;
	font-size:.9em;
	line-height:1.1em;
}
.expandLink,
.closeLink {
	padding-right:8px;
	background:url(/images/open-arrow.png) right 5px no-repeat;
	font-size:.9em;
}
.closeLink {
	background:url(/images/close-arrow.png) right 5px no-repeat !important;
}
#miniListWrapper .listLink {
	display: block;
	padding:5px 0 0 0;
	text-align:right;
	font-size:1em;
}
#miniListWrapper li.listLink {
	padding:10px 0 0 0;
}
#miniListWrapper p.listLink {
	margin-top:10px;
}
#miniListWrapper .listLink a {
	padding:0 10px 0 0;
	font-weight:bold;
	background:url(/images/link-arrow.png) right 4px no-repeat;
}

/**
* =2.4: Breadcrumb
*
* @info Dynamic breadcrumb
*/
.breadcrumb {
	float: left;
	width: 924px;
	padding: 8px 20px;
	background: #f5f3f2;
}
.breadcrumb ul { width: 922px; }
.breadcrumb ul li {
	float: left;
	padding-right: 4px;
	padding-left: 10px;
	background: url(/images/link-arrow.png) 0 5px no-repeat;
}
.breadcrumb ul li.breadcrumbFirst {
	padding-left: 0px;
	background: none;
}
.breadcrumb ul li span img, .breadcrumb ul li a img { padding-bottom: 1px; }

/**
* =3: Left Nav
*
* @info Dynamic left navigation
*/
#secondNav {
	float: left;
	padding: 20px 0 4px 15px;
	width: 190px;
}
#secondNavStatic {
	float: left;
	padding: 20px 0 20px 15px;
	width: 159px;
}

/**
* =3.1 Fredhopper Lists
*
* @info Fredhopper category list
*/
#secondNav .catList { margin-bottom: 16px; }
#secondNav h2.secondNavTitle {
	padding: 0 10px;
	width: 171px;
	height: 33px;
	border: 0;
	border-bottom: 3px solid #ff6600;
}
#secondNav .catList dl {
	padding: 0;
	width: 189px;
	border-top: 0;
	border-right: 1px solid #e8e5e4;
	border-left: 1px solid #e8e5e4;
}
#secondNav .catList dl dt {
	padding: 14px 8px 7px 15px;
	border-bottom: 1px solid #e8e5e4;
}
#secondNav .catList dl dd { border-bottom: 1px solid #eae6e3; }
#secondNav .catList dl dd.viewAll { font-weight: bold; }
#secondNav .catList dl dd a {
	display: block;
	padding: 5px 8px 5px 31px;
}
#secondNav .catList dl dd a:hover, #secondNav .catList dl dd a:focus { background: #f5f3f2; }

/**
* =3.2 Additonal Nav Boxes
*
* @info Knowledge Centre, Inspiration Centre and Brochure sections
*/
#secondNav .searchResults {
	clear: both;
	float: left;
	margin: 0 0 16px 0;
	width: 191px;
}
#secondNav .searchResults h3 {
	padding: 5px 10px;
	width: 171px;
	background: #ff6600;
	color: #fff;
	font-weight: bold;
}
#secondNav .searchResults .subtitle { font-weight: normal }
#secondNav .searchResults p { padding: 5px 10px; }
#secondNav .searchResults p strong { color: #ff6600; }
.infoBox, .brochureBox {
	clear: both;
	float: left;
	margin: 0 0 16px 0;
	width: 191px;
	border-top: 3px solid #ff6600;
}
.brochureBox {
	padding-bottom: 10px;
	background: url(/images/nav-header-border-bottom.png) bottom left no-repeat;
}
.brochureBox .brochureContent {
	border-right: 1px solid #eae6e3;
	border-left: 1px solid #eae6e3;
}
.infoBox h2, .brochureBox h2 {
	padding: 0;
	width: 191px;
	height: 53px;
}

.infoBox h2.knowledge { background: url(/images/eng/info-box-titles.png) 0 -62px no-repeat; }
.infoBox h2.inspiration { background: url(/images/eng/info-box-titles.png) 0 0 no-repeat; }

.brochureBox h2 {
	width: 185px;
	height: 55px;
	background: url(/images/eng/info-box-titles.png) 0px -58px no-repeat;
}
.infoBox p, .brochureBox p { padding: 5px 10px 5px 16px; }
p a.promoLink { text-decoration: none !important; }
p a.promoLink span { text-decoration: underline; }
p a:hover.promoLink,
p a:focus.promoLink {
	color: #000;
}
.infoBox ul, .brochureBox ul {
	margin-left: 7px;
	padding: 0 10px;
}
.infoBox ul li, .brochureBox ul li {
	padding: 4px 0 4px 10px;
	background: url(/images/bullet.png) left 10px no-repeat;
}

/**
* =3.3: Static Left Nav
*
* @info Static left nav
*/
.infoBoxStatic {
	width:104px;
	height:46px;
    background: url(/images/static-left-nav-bkg.gif) no-repeat;
	padding:10px 40px 0 15px;
}
.infoBoxStatic h2 { font-size: 1.04em; }
.navBlockStatic .infoBoxStatic h2 a { color:#FF6600; }
.navBlockStatic .infoBoxStatic h2 a:hover,
.navBlockStatic .infoBoxStatic h2 a:focus { 
	color:#FF6600;
	text-decoration:none;
}
.navBlockStatic { padding:0; }
.navBlockStatic ul.topLevel {
	margin: 0;
	padding: 0 0 10px 0;
	list-style: none;
}
.navBlockStatic ul.topLevel li {
	margin: 0;
	padding: 2px 0 2px 15px;
	font-size:0.75em;
}
ul.topLevel li.subLevelFirst {
	margin:0 0 0 20px;
	padding-top:0;
	display: list-item;
}
.navBlockStatic h5 {
	margin:0 0 5px 0;
	padding:0;
	background:none;
}
.topLevel ul li, .subLevel_1 ul {
	margin:0;
	padding:0;
}
.topLevel li { background:none; }
ul.subLevel_1 {
	padding-left:8px !important;
	margin:-16px 0 0 0;
}
/* margin 0 for webkit browsers e.g. opera, chrome and firefox */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	ul.subLevel_1 {
		padding-left:8px !important;
		margin:0;
	}
}
ul.topLevel li ul.subLevel_1 li {
	width:120px;
	display:list-item;
	list-style:none;
	margin:0 0 0 12px;
	font-size:1em;
}
.subLevelHeader {
	margin-top:5px;
	display:list-item;
}

/**
* =4: Footer
*
* @info Footer menu
*/
#footer {
	clear: both;
	padding: 26px 15px 18px 15px;
	width: 934px;
	background: #f5f3f2;
}
#footer .footerSection {
	float: left;
	padding: 0 10px 0 15px;
}
#footer .partnerSites { width: 161px; }
#footer .diyAdvice { width: 162px; }
#footer .diyHelp { width: 162px; }
#footer .corporate { width: 162px; }
#footer .socialHub { width: 162px; }
#footer .footerSection h4 {
	width: 100%;
	height: 32px;
}

#footer .partnerSites h4 { background: url(/images/eng/footer_titles.png) 0 0 no-repeat; }
#footer .diyAdvice h4 { background: url(/images/eng/footer_titles.png) 0 -34px no-repeat; }
#footer .diyHelp h4 { background: url(/images/eng/footer_titles.png) 0 -72px no-repeat; }
#footer .corporate h4 { background: url(/images/eng/footer_titles.png) 0 -108px no-repeat; }
#footer .socialHub h4 { background: url(/images/eng/footer_titles.png) 0 -146px no-repeat; }

#footer div ul {
	padding-right: 10px;
	min-height: 130px;
	border-right: 1px solid #fff;
}

#footer .socialHub ul {
	padding-right: 0;
	border: 0;
}

#footer div ul li {
	display: block;
	padding-bottom: 5px;
	padding-right: 5px;
	text-align: left;
}

/**
* =5: Copyright Notice
*
* @info Copyright notice - this is seperate from #pageWrapper
*/
p.copyright {
	margin: 0 auto;
	width: 932px;
	padding: 10px 0 0 30px;
}

/**
* =6: World Support
*
* @info Individual world styles
*/
body#garden #topNav ul#mainNav li.garden { width: 100px; background: url(/images/eng/top_menu_trangchu.png) bottom left no-repeat; }
body#rooms #topNav ul#mainNav li.rooms { width: 100px; background: url(/images/eng/top_menu_sanpham.png) bottom left no-repeat; }
body#decor #topNav ul#mainNav li.decor { width: 86px; background: url(/images/eng/top_menu_gioithieu.png) bottom left no-repeat; }
body#fix #topNav ul#mainNav li.fix { width: 72px; background: url(/images/eng/top_menu_lienhe.png) bottom left no-repeat; }
body#build #topNav ul#mainNav li.build { width: 72px; background: url(/images/build-button.png) bottom left no-repeat; }
body#eco #topNav ul#mainNav li.eco { width: 150px; background: url(/images/eng/top_menu_tel.png) bottom left no-repeat; }
body#offers #topNav ul#mainNav li.offers { width: 71px; background: url(/images/offers-button.png) bottom left no-repeat; }

body#garden #secondNav h2.secondNavTitle { background: url(/images/eng/world-titles.png) 17px 0 no-repeat; }
body#rooms #secondNav h2.secondNavTitle { background: url(/images/eng/world-titles.png) 17px -51px no-repeat; }
body#decor #secondNav h2.secondNavTitle { background: url(/images/eng/world-titles.png) 17px -100px no-repeat; }
body#fix #secondNav h2.secondNavTitle { background: url(/images/eng/world-titles.png) 17px -150px no-repeat; }
body#build #secondNav h2.secondNavTitle { background: url(/images/eng/world-titles.png) 17px -200px no-repeat; }
body#eco #secondNav h2.secondNavTitle { background: url(/images/eng/world-titles.png) 17px -200px no-repeat; }
body#offers #secondNav h2.secondNavTitle { background: url(/images/eng/world-titles.png) 17px -250px no-repeat; }
#secondNav h2.secondNavTitle { background: url(/images/eng/world-titles.png) 17px -305px no-repeat; }

body#offers #secondNav .catList dl, body#offers #secondNav .infoBox, body#offers #secondNav .brochureBox { border-top: 3px solid #dc241f; }
body#offers #secondNav .catList { border: 0; }

/* body#fix #secondNav .catList dl, body#fix #secondNav .infoBox, body#fix #secondNav .brochureBox, body#fix #productSecondNav .brochureBox, body#fix #productSecondNav .infoBox { border-top: 3px solid #1A234B; }
body#fix .heroWrapper h1, body#fix .listerPage h1 { background: #1A234B; } */

/**
* =7: Static Content
*
* @info Static content containers
*/
#staticContentFullWidth {
	float: left;
	margin: 0px;
	padding: 0px;
	padding: 20px 15px 20px 15px;
	width: 934px;
}
#staticContent {
	float: left;
	margin: 0px;
	padding: 0px;
	padding:20px 0 20px 15px;
	width: 760px;
	display:block;
}

/* Questions/Answers and Stories */

/* Zone Navigation */
#QuestionsBanner,
#userContentBanner div,
#inspirationStoriesNav,
#knowledgeQuestionsNav  {
	position:relative;
	float: left;
	width: 716px;
	border: 6px solid #f1f0ee;
	margin: 0 0 15px 0;
	padding-bottom:8px;
}
#QuestionsBanner h2,
#userContentBanner div h2,
#inspirationStoriesNav h2 {
	font-size: 1.4em;
	font-weight:bold;
	background:#f1f0ee;
	padding:7px 9px 9px 9px;
}
#QuestionsBanner ul {
	clear:both;
	margin:0 15px 0 25px;
	width:688px !important;
	width/**/:676px;
}
#QuestionsBanner ul li,
#knowledgeQuestionsNav ul li {
	float:left;
	background:url(/images/bullet.png) no-repeat left 14px;
	width:218px !important;
	width/**/:212px;
	padding:8px 0 0 10px;
	margin:0;
}
#QuestionsBanner span,
#userContentBanner div span,
#userContentBanner div.questions span {
	position:absolute;
	top:-10px;
	left:637px;
	width:95px;
	height:74px;
	display:block;
	background:url(/images/qa_icon.png) no-repeat;
}
#userContentBanner div span a {
	width:95px;
	height:74px;
	display:block;
}
.storiesLogo {
	position:absolute;
	right:471px;
	top:726px;
}

* html .storiesLogo {
	position:absolute;
	right:466px;
	top:733px;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/stories_logo.png', sizingMethod='crop');
}
/* Category Navigation */
#userContentBanner div p {
	padding:8px 10px 0 10px;
}
#userContentBanner div.questions {
	width:347px !important;
}
#userContentBanner div.stories {
	margin:0 0 15px 12px !important;
	width:351px !important;
}
#userContentBanner div.questions span {
	left:268px;
}
#userContentBanner div.stories span,
#userContentBanner div.storiesFull span {
	top:-11px;
	left:276px;
	width:90px;
	height:97px;
	background:transparent url(/images/stories_icon.png) no-repeat !important;
}
#userContentBanner div span {
	left:637px;
}
#userContentBanner div.storiesFull span {
	left:644px;
}

/* Category Widgets */
#questionsContent,
#storiesContent  {
	clear:both;
}
#questionsContent  {
	margin-top:5px;
}
#storiesContent  {
	margin:5px 0 25px 0;
}

/* Stories Inspiration page */
#inspirationStoriesNav,
#knowledgeQuestionsNav {
	width:748px;
}
#contentWrapper #inspirationStoriesNav ul {
	margin:10px 15px 0 15px;
	padding-bottom:0;
	width:334px;
	float:left;
}

#contentWrapper #inspirationStoriesNav ul span {
	font-size:16px;
	font-weight:bold;	
}

* html #contentWrapper #inspirationStoriesNav ul {
	width:334px;
	margin:0 5px 0 15px;
}

#contentWrapper #inspirationStoriesNav ul li.noImage {
	background:none;
	font-size:18px;
	margin-top:6px;
	padding-left:0;
}
#contentWrapper #inspirationStoriesNav ul li.noImage span {
	color:#ff6600;
}
/* Questions Knowledge page */
#contentWrapper #knowledgeQuestionsNav {
	background:url(/images/knowledge-tab-bkg1.png) repeat-x;
}
#contentWrapper #knowledgeQuestionsNav ul {
	margin:0 15px 0 25px;
	padding-bottom:0;
}
#contentWrapper #knowledgeQuestionsNav ul#nav {
	margin:0;
}
#contentWrapper #knowledgeQuestionsNav ul#nav li {
	float:left;
	margin:0;
	padding:0;
	background:none;
	width:auto !important;
}
#knowledgeQuestionsNav #nav a {
	display:block;
	height:30px;
	border-right:1px solid #e7e6e4;
	text-decoration:none;
	font-weight:bold;
	color:#494c4e;
	width:60px;
	padding-top:12px;
	text-align:center;
}
#knowledgeQuestionsNav #nav a:hover,
#knowledgeQuestionsNav #nav .selected {
	background:url(/images/knowledge-tab-bkg2.png) repeat-x;
	color:#fff;
	cursor:hand;
}
#knowledgeQuestionsNav ul#list0,
#knowledgeQuestionsNav ul#list1,
#knowledgeQuestionsNav ul#list2,
#knowledgeQuestionsNav ul#list3,
#knowledgeQuestionsNav ul#list4 {
	display:none;
	clear:both;
}
#knowledgeQuestionsNav ul#list0 {
	display:block;
}
