/* XSRE Home Page */
/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:850px;/* for mozilla*/
	background-color: #DFE0E5;
	background-image: url(../pix/bk-page.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
#outer{
	height:100%;
	min-height:100%;
	width:860px;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	position:relative;
	background-color: #DCDFE5;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
.gecko #outer {height:100%;} /* hack for mac firefox */
.win.gecko #outer {height:auto;} /* hack for  firefox */

/* Header */

#topPanel{
	position:absolute;
	top:-1px;
	left:5px;
	width:850px;
	height:480px;
	heigh\t: 480px;
	overflow:hidden;
	color: #444444;
	background-image: url(../pix/bk-toppanel.jpg);
	background-repeat: no-repeat;
	background-position: 0px 293px;
}
#bannerPanel {
	position:absolute;
	width:850px;
	height:480px;
	heigh\t: 480px;
	overflow:hidden;
	color: #444444;
	background-image: url(../pix/banner/banner-buy1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 59px;
}
#bannerPanel P {
	font-size: 11px;
	margin-top:26px;
	color:#757575;
	font-weight:bolder;
	letter-spacing:0.1em;
}
#bannerPanel P a {
	color: #109F9F;
	text-decoration:none;
	padding-left:4px;
	padding-right:4px;
}
#bannerPanel P a:hover {
	color: #a5a5a5;
	text-decoration:underline;
}
#bannerHeader{
	height: 300px;
}
#bannerCategory {
	margin-top: 0px;
}
.tblCat {
	height: 172px;
	width: 138px;
}
/* bottom panel */

#bottomPanel{
	position:absolute;
	top:480px;
	left:5px;
	width:850px;
	height:297px;
	heigh\t: 297px;
	overflow:hidden;
}
#bottomPromo{
	height: 281px;*
	width: 279px;
	background-color: #BCC0CD;
	float: left;
}
#promoNew{
	background-color: #7C849E;
	color: #FFFFFF;
	width: 259px;
	height:261px;
	margin: 10px;
}
#bottomNew{
	height: 281px;
	width: 565px;
	background-color: #BCC0CD;
	float: right;
}
#whatsNew{
	background-color: #7C849E;
	color: #FFFFFF;
	width: 545px;
	margin: 10px;
}
#whatsNew H1 {
	font-size: 16px;
	margin: 0px;
	padding: 10px;
}
/* whats new */

.tblWN {
	width: 544px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.tblWN H1 {
	font-size:12px;
	margin:0px;
	margin-bottom:4px;
}
.tblWN H2 {
	font-size:14px;
	color: #009797;
	margin:0px;
}
.tblWN p {
	font-size:11px;
	line-height:12px;
	margin:0px;
}
.tblWN p a{
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	color:#009797;
	margin:0px;
	margin-bottom:4px;
	text-decoration:none;
}
.tblWN img {
	border: 1px solid #757575;
	margin:0px;
}
.tblWN img#view {
	border: 0px solid #757575;
	margin:0px;
}
#footerPanel{
	position:absolute;
	top:777px;
	left:5px;
	width:850px;
	height:100px;
	overflow:hidden;
	color: #444444;
	
}
#footerPanel P {
	font-size: 11px;
	margin-top:0px;
	margin-bottom:6px;
	color:#757575;
	font-weight:normal;
}
#footerPanel P a {
	color: #444444;
	text-decoration:none;
}
#footerPanel P a:hover {
	color: #109F9F;
	text-decoration:underline;
}
/* Search */
#hSearch {
	height:50px;
	width: 191px;
	background-image: url(../accessories/pix/search/bk-search.jpg);
	background-repeat: no-repeat;
	background-position: -4px 20px;
}
#hSearch input {
	margin-top: 25px;margin-right:4px;
	background-color: #C5C5C5;
	border: 1px solid #f5f5f5;
	height: 14px;
	width: 100px;
}
#hSearch input.button { width:17px;height:17px;border: 0px solid #f5f5f5;margin-right:8px;margin-bottom: 0px;
}
#hSearch img {margin-top: 25px;}



div,p  {margin-top:0}/*clear top margin for mozilla*/

#clearfooter {width:100%;height:79px;clear:both} /* to clear footer */