/* html body { behavior:url("/js//csshover.htc"); } */

/*	module =top navigation
----------------------------------------------------------------------
*/

#topnav {
	/*padding: 34px 0 0 0;*/
	padding: 0;
}

#topnav ul {
	position: absolute;
	top: 0px;
	right: 0;
	height: 20px;
	line-height: 20px;
	color: white;
	font-size: 65%;
	list-style-type: none;
}

#topnav li {
	float:left;
}

#topnav li a {
	color: #fff;
	text-decoration: none;
}

#topnav li a:hover {
	text-decoration: underline;
}

#topnav li a-active {
	color: #fff;
	text-decoration: underline;
}

#topnav li span {
	margin-left: 3px;
	margin-right: 3px;
}


#topnavbanners{
	border: 1px solid #E0E0E0;
	margin: 0;
	padding:0;
	position: absolute;
	top: 124px;
	left: 0px;
	width:963px;
	font-size: 80%;
}
*html #topnavbanners{
	top: 126px;
}

#topnavbanners div{
	/*height: 36px;*/
	margin-top: 2px;
	margin-bottom: 2px;
}
#topnavbanners div a.detail{
	float: right;
	margin-top: 9px;
	margin-right: 37px;
	padding-left: 8px;
	background: transparent url(../images/cust/bg_leftnav_li2.gif) no-repeat 0px 6px;
}
* html #topnavbanners div a.detail{
	margin-right: 30px;
}

* html #topnavbanners div a.detail{
	display: inline;
	position: relative;
}

#topnavbanners div img{
	float: left;
}
#topnavbanners .left-part{
	position:absolute;
	top: 0px;
	left: 0px;
	height: 36px;
	text-align: left;
	float: left;
	border-right: 1px solid #E0E0E0;
}
#topnavbanners .right-part{
	height: 36px;
	float: right;
	text-align: right;
	border-left: 1px solid #E0E0E0;
}
.hide-tpnb{
	display: none;
}

*html #topnavbanners .left-part{
	height: 40px;
}
*html #topnavbanners .right-part{
	height: 40px;
}

/*	module =main navigation
----------------------------------------------------------------------
*/

#main_nav {
	position: relative;
	z-index: 100;
	height: 1em; width: 100%;
	margin: 10px 0 0 0; padding: 0;
	list-style:none;
	text-align:center;
	font-size: 75%;
	font-weight: bold;
	float: left;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

#main_nav li {
	position: relative;
	background: #C53526 url('../images/cust/menu_right.gif') 100% 0 no-repeat;
	float: left;
	margin: 0 1px 0 0;
	z-index: 100;
}

#main_nav li a {
	color: #FFFFFF;
}

#main_nav li.clearance {
	background: url('../images/cust/menu_right_clearance.gif') 100% 0 no-repeat;
}
#main_nav li span {
	cursor: default;
	background: url('../images/cust/menu_left.gif') 0 0 no-repeat;
	float: left;
	padding: 0.25em 1.0em 0.25em 1.0em;
	height: 2em;
	line-height: 100%;
}


#main_nav li.blue { background: url('../images/cust/menu_right0.gif') 100% 0 no-repeat; }
#main_nav li.blue span { background-image: url('../images/cust/menu_left0.gif'); }

#main_nav li.clearance span {
	background: url('../images/cust/menu_left_clearance.gif') 0 0 no-repeat;
}
#main_nav li.clearance span a {
	color: #fe0000;
	text-decoration: none;
}
/*
#main_nav li:hover {
	background-position: 100% -42px;
}

#main_nav li:hover span.btn_m {
	background-position: 0 -42px;
}
*/

#main_nav li.active span a, #main_nav li.active span {
	color: #C53526;
}
#main_nav li.active li a {
	color: #003299;
}

#main_nav li span span, #main_nav li.blue span span, #main_nav li.clearance span span {
	float: none;
	background: none;
	padding: 0px;
	z-index: 1;
	position: relative;
	color: white;
}
#main_nav li:hover span span {
	background: none;
}

#main_nav li.active span span {
	background: none;
	color: white;
}

#main_nav li.active:hover span {
	background-position: 0 0;

}
#main_nav li.active:hover a {
	text-decoration: none;

}

#main_nav li.active {
	background: #D3D2C4 url('../images/cust/menu_right_active.gif') no-repeat top right;
}

#main_nav li.active span {
	background: url('../images/cust/menu_left_active.gif') no-repeat top left;

}

#main_nav li ul, #main_nav li li {
	background: none;
	font-size: 95%;
	line-height: 165%;
}

#main_nav li ul {
	position: absolute;
	top: 0; left: 0;
	width: 200px;
	background: #F1F1F1;
	border: 1px solid #CFCFCF;
	border-top: 0;
	margin: 0; padding: 0;
	list-style: none;
	padding: 3px 0 5px 0;
	margin-top: 30px;
	z-index: 10;
}

* html #main_nav li {
	height: 1%;
}

#main_nav li ul li {
	float: none;
	font-weight: normal;
	text-align: left;
	margin: 0; padding: 0;
	/*background: url('../images/cust/arrow_li_square.gif') 0.4em 0.75em no-repeat;*/
}

/*
#main_nav li:hover li {
	background: lime url('../images/cust/arrow_li_square.gif') 0.80em 0.75em no-repeat;
}
*/

#main_nav li ul li a {
	display: block;
	margin: 0;
	/*background: url('../images/cust/arrow_li_square.gif') 0 0.75em no-repeat;	*/
	padding: 0 20px 0 10px;
	color: #56595C;
}
#main_nav li.active ul li a {
	color: #56595C;
}
#main_nav li ul li a:hover {
	background: #56595C url('../images/cust/bg_leftnav_li.gif') 98% 50%  no-repeat;
	color: white;
	text-decoration: none;
}

* html #main_nav li a {
	height: 16px;
}

#main_nav li:hover ul, #main_nav ul.sfhover {
	display: block;
	z-index: 10;
}

#main_nav li iframe {
	z-index: 4;
}




/*	module =main navigation
----------------------------------------------------------------------
*/
#main-navigation a {
    text-decoration: none;
}
#main-navigation a:hover {
    text-decoration: underline;
}

#main-navigation {
	font-size: 75%;
	font-weight: bold;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	position: absolute;
    top: -60px;
    left: 0;
	z-index: 1002;
}
/* firefox 1.0 hack */
#main-navigation, x:-moz-any-link {float: left;}
/* firefox 1.0 hack, end */

.main-navigation ul, .main-navigation li {
	margin: 0; padding: 0;
	list-style: none;

}
.main-navigation ul{
	position: absolute;
	top: 24px;
	left: 0px;
	background-image: url('../images/cust/bg_menu_shadow.gif');
	background-repeat: repeat-x;
	background-position: 0 100%;
}

*html #main-navigation ul {
	position: absolute;
	top: 28px;
	left: 0px;
}

.main-navigation ul ul{
	margin-top: 0;
	background-image:none;
	position: absolute;
	top: 30px;
}
*html #main-navigation ul ul{
	top: 31px;
}

ul.mlvl-1 {
	height: 35px;
	z-index: 5;
	width: 965px;
}

li.ilvl-1 {
	background: url('../images/cust/menu_right.gif') 100% 0 repeat-x;
	float: left;
	text-align: center;
	position: relative;
	left: -1px;
}
li.ilvl-1:hover {
	background: url('../images/cust/menu_right_hover.gif') 100% 0 repeat-x;
}




span.blvl-1 {
	height: 29px;
	cursor: default;
	background: url('../images/cust/menu_left.gif') 0 0 no-repeat;
	float: left;
	padding: 8px 16px 0 16px;
	line-height: 12px;
	font-size: 11px;
}


* html span.blvl-1 {
	height: 27px;
}

span.blvl-1.starting {
	background: url('../images/cust/menu_left_starting.gif') 0 0 no-repeat;
	height: 28px;
	padding: 8px 17px 0 17px;;
}


/* only for safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
span.blvl-1.starting {
	padding: 8px 11px 0 10px;
}

/* only IE 5.5 hack */
* html span.blvl-1.starting {
	padding: 8px 17px 0 16px;
}
* html span.blvl-1 {
	height: 30px;
}

}

span.blvl-1.ending { 
	background: url('../images/cust/menu_left_ending.gif') no-repeat right top;
	width: 2px;
	padding: 0px;
	height: 36px;
}

span.blvl-1 a {
	color: #FFFFFF;
}


.mlvl-2, .mlvl-3 {
	z-index: 2;
	display: none;
	position: absolute;
	text-align: left;
	border: 1px solid #CFCFCF;
	background: #56595C;
	width: 189px;
}
.mlvl-2 li, .mlvl-3 li {
	position: relative;
	border-bottom: 1px solid #838383;
	background-image: url(../images/cust/bg_leftnav_li.gif);
	background-position: 7px 50%;
	background-repeat: no-repeat;
}
.mlvl-2 a, .mlvl-3 a {
	color: #FFFFFF;
	font-weight: normal;
	padding: 6px 0 6px 18px;
	display: block;
	height: 1%;
}
.mlvl-2 a:hover, .mlvl-3 a:hover {
	background-color: #C53526;
	background-image: url(../images/cust/bg_leftnav_li.gif);
	background-position: 7px 50%;
	background-repeat: no-repeat;
}

.mlvl-2 {
	top: 24px; left: 0;
}
.main-navigation ul.mlvl-3 {
	top: -1px; left: 150px;
}

.mlvl-2 li.mchilds, .mlvl-2 li.mchilds a:hover {
/*
	background-image: url(../images/cust/bg_leftnav_li.gif);
	background-position: 7px 50%;
	background-repeat: no-repeat;
*/
}

.mlvl-2 li.mchilds .mlvl-3 li, .mlvl-2 li.mchilds .mlvl-3 a:hover {
	background-image: none;
}

li.ilvl-1:hover .mlvl-2, li.ilvl-1 .mlvl-2.mactive2 {
	display: block;
}
.mlvl-2 li:hover .mlvl-3, .mlvl-2 li .mlvl-3.mactive3 {
	display: block;
}

li.ilvl-1 iframe, li.ilvl-1 ul.mlvl-2 iframe {
	z-index: 1;
	display: none;
}
li.ilvl-1:hover iframe, li.ilvl-1 iframe.mactive2 {
	display: block;
}
li.ilvl-1 .mlvl-2 li:hover iframe, li.ilvl-1 .mlvl-2 li iframe.mactive3 {
	display: block;
}

/*
	active
*/
li.ilvl-1.mactive {
	background: url('../images/cust/menu_right1.gif') repeat-x top right;
}
li.ilvl-1.mactive span.blvl-1 {
	background: url('../images/cust/menu_left.gif') no-repeat top left;
}
li.ilvl-1.mactive span.blvl-1 a {
	text-decoration: none;
	color: #FFFFFF;;
}

/*
	blue
*/
li.ilvl-1.mblue { background: url('../images/cust/menu_right0.gif') 100% 0 no-repeat; }
li.ilvl-1.mblue span.blvl-1 { background-image: url('../images/cust/menu_left0.gif'); }

/*
	grey
*/
li.ilvl-1.mgrey { background: url('../images/cust/menu_right1.gif') 100% 0 repeat-x; }
li.ilvl-1.mgrey span.blvl-1 { background-image: url('../images/cust/menu_left.gif'); }

.mlvl-2.mshopbybrand {
	width: 604px;
}
.mlvl-2.mshopbybrand li {
	float: left;
	width: 150px;
	border-right:1px solid #838383;
}



/*	module =login panel
----------------------------------------------------------------------
*/

#login_panel {
	position: absolute;
	top: 6px;
	right: 284px;
	font-size: 80%;
	text-align: right;
	line-height: 30px;
}
* html #login_panel {
	margin-right: 0px;
}

#login_panel a {
	margin: 0 5px;
}

#login_panel .ad_area {
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 25px;
	line-height: 25px;
	text-align: left;
}

#login_panel .ad_area img {
	width: 50px;
}

/*	module =login panel, submodule =login
----------------------------------------------------------------------
*/

#login {
	width: 360px;
	color: #666666;
}

#login, #login.hide {
	font-size: 75%;
	position: absolute;
	top: 125px;
	right: 20px;
	z-index: 1001;
}
#login div.login_content {
	position: relative;
	border: 1px solid #CFCFCF;
	padding: 7px 10px;
	background: #EEEEEE;
}

#login fieldset {
	margin: 0 0 5px 0;
	border: 0;
	padding: 0;
	clear: both;
}
#login legend {
	display: none;
}
#login label {
	display: block;
	float: left;
	width: 70px;
	line-height: 17px;
	clear: both;
	margin: 5px 5px 0 0;
	text-align: right;
}
#login fieldset input {
	width: 255px;
	margin: 5px 0 0 0;
}
* html #login fieldset input {
	width: 248px;
}
#login fieldset select {
	width: 255px;
	margin: 5px 0 0 0;
}
* html #login fieldset select {
	width: 255px;
}

#login a.login_close {
	position: absolute;
	font-size: 90%;
	z-index: 100;
	right: 6px;
	text-decoration: none;
	padding-right: 14px;
	background: url('../images/cust/close.gif') 100% 55% no-repeat;
	top: 5px;
}

#login #js_login, #login #js_forgot {
	position: relative;
}

#login a.forgoten {
position: absolute;
left: 75px;
top: 60px;
}

* html #login a.forgoten {
	position: absolute;
	left: 78px;
	top: 64px;
}

#login input.button, #login span.button {
	margin-left: 278px;
}

#login span.btn_password {
	margin-left: 235px;
}

#login a.login_close:hover {
	text-decoration: underline;
}

.forgot_pass {
	font-size: 90%;
}

#login .logout {
	text-align: center;
}

#login span.login_errors {
	display: block;
	padding: 10px;
	border: 1px solid #C4E2DE;
	margin: 5px 0 5px 0;
}

/*	module =search panel
----------------------------------------------------------------------
*/

#search_panel {
	position: absolute;
	top:50px;
	right: 290px;
	font-size: 70%;
	float: left;
	z-index: 1007;
}
* html #search_panel {
	margin-left: 0px;
}
#search_panel form {
	margin: 0;
	padding: 0;
}
#search_panel .float {
	float: left;
	padding: 0;
	margin-left: 131px;
}

#search_panel input, #search_panel select {
	font-size: 110%;
	font-weight: bold;
	margin: 5px 3px 0 0;
	vertical-align: baseline;
	width: 125px;
}
#search_panel input.button {
	width: auto;
}
#search_panel select#i-search_in {
	width: 110px;
	display: none; /*nairobi edit*/
}
#search_panel select#i-search_in2 {
	width: 205px;
	display: none; /*nairobi edit*/
}
#search_panel input#i-search-for {
	width: 173px;
	font-size: 12px;
	background: #FFFFFF url('images/bg_search_query.gif') no-repeat 2px 60%;
}
#search_panel input#i-search-for.no-back {
	background: #FFFFFF;
}
#search_panel label {
	margin: 0 0 0 10px;
	padding: 0 5px 0 0;
}

#search_panel .button {
	float: left;
	margin: 6px 0 0 3px;
}

#search_panel .float label {
	margin: 0;
	padding: 0;
}

#search_panel .float label .i-search_in {
	background: url('../images/cust/ico_search.gif') 0 5px no-repeat;
	float: left;
	display: block;
	width: 110px;
	height: 25px;
}

/*
	simple login
*/

#slogin fieldset {
	margin: 30px 0 5px 0;
	border: 0;
	padding: 0;
	clear: both;
	font-size: 90%;
}
#slogin legend {
	display: none;
}
#slogin label {
	display: block;
	float: left;
	width: 100px;
	line-height: 17px;
	clear: both;
	margin: 5px 5px 0 0;
	text-align: right;
}
#slogin fieldset input {
	width: 250px;
	margin: 5px 0 0 0;
}
* html #slogin fieldset input {
	width: 150px;
}
#slogin fieldset select {
	width: 254px;
	margin: 5px 0 0 0;
}
* html #slogin fieldset select {
	width: 145px;
}
#slogin .button {
	margin: 5px 0 5px 105px;
}
#slogin a {
	margin: 0 0 0 107px;
	font-size: 90%;
}
#slogin .button a {
	margin: 0;
}


.error_sl {
	border: 2px solid #B80000;
	color: #B80000;
	margin: 10px 0;
	padding: 13px 20px 13px 40px;
	background: white url('../images/cust/msg_error.gif') no-repeat 10px 50%;
}