/* styles for toppanel on shoppingbank.com */

/* html>/** /body  = nonIE styles */ 

/* toplogo, twitter, signin and cart */

#topPanel {
	text-align:left;
	width: 945px;/*937px;*/
}

.mainbrandlogo {
	float: left;
	font-size:18px;
	line-height:1.4em;
	margin-bottom:0.2em;
	font-weight:bold;
}

#cashback {
	margin: 18px 4px 0 0;
	text-align: right;
	float: right;
}
/*
#twitter {
	padding-top: 20px;
	text-align: right;
	float: right;
}
*/

#signin {
	margin-top: 18px;
	color: #777777;
}

#signin a, #signin a:link, #signin a:active, #signin a:hover, #signin a:visited  {
	color: #f5464b;
	text-decoration: none;
	font-weight: bold;
}

#signin a:hover {
	color: #3990a3;
} 

/* tabbed top menu */

#navBar {
	margin-top: 5px;
	height: 29px;
	margin-bottom: 0px;
}

#navbar ul, #navbar li {
	list-style: none;
}

#navBar a, #navBar a:active, #navBar a:hover, #navBar a:visited {
	text-decoration: none;
}

.tab {
	float: left;
}

.linktext {
	height: 18px;
	font-weight: bold;
	color: #f5464b;
	position: relative;
	top: 7px;
	vertical-align: middle;
	*top: 0px;
}
.white{ color:#fff; *top:7px;}
.blue{ color:#0083ce;}

.grey {
	color: #777;
}

.linktext:hover, .grey:hover {
	color: #3990a3;
}

.navTabLeft, .navTabMiddle, .navTabRight {
	height: 29px;
	float: left;
 	cursor: pointer;
}

.navTabLeft, .navTabRight  {
	width: 4px;
}

.navTabMiddle {
	width: 146px;/*144px;*/
	text-align: center;
	height: 29px;
}

.navTabSpacer {
	width: 4px; 
	height: 29px;
	float: left;
}

.lastTabSpacer {
	width: 0px; /*5px*/;
}

/* background colour change images */

.whiteLeft { 
	background: url(/sb/im/bi/whiteLeft.png) top left no-repeat;
}

.greyLeft { 
	background: url(/sb/im/bi/greyLeft.png) top left no-repeat;

}

.whiteMiddle { 
	background: url(/sb/im/bi/whiteMiddle.png) top left repeat-x;
}

.greyMiddle { 
	background: url(/sb/im/bi/greyMiddle.png) top left repeat-x;

}

.whiteRight { 
	background: url(/sb/im/bi/whiteRight.png) top left no-repeat;
}

.greyRight { 
	background: url(/sb/im/bi/greyRight.png) top left no-repeat;

}

.myaccountimg {
	float: left;
	position: relative;
	top: -5px;
	left: 32px;
}

html>/**/body .myaccountimg {
	top: 2px;
}

/* box under menu tabs */

.navTabBottom {

	height: 9px;
	width: 942px;/*936px;*/
	margin: 0 0 10px 0; 
	border-top: 0;
}

.whiteBg 
{
	border:1px solid #e6e7e8;
	background-color:#fafafa;
	padding:10px;
}
.whiteBg table{ margin-left:20px; width:100%;}
.whiteBg table a{ color:#757575;}
.whiteBg table .red{ color:#d0585a;}
.whiteBg table td{ width:160px;}

/* expanding dropdown menu */

.expand {
	padding-left:20px;
	vertical-align: middle;
}

#marketplaceCategoriesClose, #marketplaceStoresClose, #marketplaceBrandsClose, #showmoreinfoTab, #showmoreinfoClose {
	cursor: pointer;
	float: right;
	color: #f5464b;
}

#marketplaceCategoriesClose, #marketplaceStoresClose, #marketplaceBrandsClose  {
	background: url(/sb/im/bi/close.png) center right no-repeat;
	width: 52px;
}

#showmoreinfoTab {
	position:relative;
	top: -2.5em;
}

#marketplaceCategories, #marketplaceBrands, #marketplaceStores, #showmoreinfoDiv {
	background: url(/sb/im/bi/middle.png) top left repeat-x;
	background-color: white;

	display:none;
	overflow:hidden;
	position:absolute;
	width:540px;
	z-index: 1000;
   	top: 128px;
	padding: 10px;	
}

#showmoreinfoDiv {
	top: 298px;
	width: 340px;
	padding: 10px;	
}

html>/**/body #showmoreinfoDiv {
	top: 304px;
}

#showmoreinfoDiv p {
	margin-top: 20px;
}

#marketplaceCategories {
   	left: 30.5%;
}

#marketplaceBrands {
   	left: 43.5%;
}

#marketplaceStores {
   	left: 27%;
}

html>/**/body  #marketplaceCategories, html>/**/body #marketplaceBrands, html>/**/body #marketplaceStores {
	top: 131px;	
}

#marketplaceCategories ul, #marketplaceBrands ul, #marketplaceStores ul {
	width: 160px;
	float: left;
	margin: 0px 10px 0px 10px;
	min-height: 70px;
}

#marketplaceBrands ul, #marketplaceStores ul {
	min-height: 55px;
}

#marketplaceStores ul {
	min-height: 85px;
}


#marketplaceCategories ul li, #marketplaceBrands ul li, #marketplaceStores ul li {
	margin-bottom: 10px;
	line-height: 12px;
}

#marketplaceCategories .category a, #marketplaceCategories .subCategories a {
	color: #f5464b;
	text-decoration: none;
	text-transform: capitalize; 
}

#marketplaceCategories .subCategories a, #marketplaceBrands .subCategories a , #marketplaceStores .subCategories a{
	color: #777777;
}

#marketplaceCategories .category a:hover, #marketplaceCategories .subCategories a:hover, 
#marketplaceBrands .category a:hover, #marketplaceBrands .subCategories a:hover, 
#marketplaceStores .category a:hover, #marketplaceStores .subCategories a:hover {
	text-decoration: underline;
}

#marketplaceCategories .subCategories a, 
#marketplaceBrands .subCategories a, 
#marketplaceStores .subCategories a {
	font-weight: normal;
	font-size: 90%;
}

#marketplaceCategories .category, 
#marketplaceBrands .category, 
#marketplaceStores .category {
	display: block;
	clear: right;
}

#marketplaceCategories .subCategories, 
#marketplaceBrands .subCategories, 
#marketplaceStores .subCategories {
	display: block;
	clear: left;
}


#marketPlaceCategoriesTab {
	font-weight: bold;
}

/* search panel */


#searchpanel {
	
	width: 942px; /*936px;*/
	text-align: left;
	vertical-align: top;
	margin: 0 0 10px 0;
	z-index: 500;
	max-height: 60px;
}


#kwlabel {
	font-size: 1.7em; 
	color: #92918f;
	margin: 0 6px 0px 6px;
	padding: 0;
	line-height: normal;
	position: relative;
	top: 16px;
	float: left;
}

/*html>/** /body  #kwlabel {
	margin: 0 2px 10px 10px;
	top: -20px;
}*/

#kw {
	font-size: 1.7em;
	width: 47%; 
	height: 32px;

	background: url("/sb/im/bi/textFieldBackground.gif") repeat-x;
	margin: 0 0 12px 0;
	position: relative;
	top: -7px;
	padding: 4px 0px 0px 4px;
	color: #f5464b;
}

html>/**/body #kw {
	margin: 0 0 14px 0;
	/*width: 442px or 415px;*/
	width: 21.5em;
	top: -26px;
	height: 32px;
}

input#kw {

}

#searchbutton {
	margin: 10px 10px 10px 14px;
	position: relative;
	top: 0px;
}

html>/**/body #searchbutton {
	margin:8px 8px 8px 10px;
	top: 0px;
}

/* left hand navigation */

#sbleftnav  {
	float: left;


	/*border-left: 0;*/
	font-size: 94%;
}

#sbleftnav  a, #sbleftnav  a:link, #sbleftnav  a:active, #sbleftnav  a:hover, #sbleftnav  a:visited  {
	color: #777;
}

#sbleftnav h2 {
	background-color: #f5464b;
	color: #fff;
	padding: 4px 10px;
	margin-bottom: 0px;
}

#sbleftnav h3 {
	color: #368698;
	margin: 10px 0 6px 10px;
}

#sbleftnav ul {
	margin: 0px 10px 14px 10px;
}

#sbleftnav {
	width: 180px;
}

#sbleftnav  li{

}

#sbleftnav .hr {
	width: 160px;
	margin: 0 10px;
}