/* mac hide \*/
html, body {height:100%}
/* end hide*/
body {
	padding:0;
	margin:0;
	font-family:arial,tahoma,sans-serif;
	font-size:80%;
	background:#ffffff;
	color: #000000;
	text-align:left;
}
strong{
    font-weight:bold;
}
ul{
    list-style-type:disc;
   
}
li{
    list-style:disc;
    list-style-type:disc;
    list-style-position:inside;
}
#outer{
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
	margin-left:210px;
	background:#ffffff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	margin-bottom:-92px;
	color: #000000;
}
* html #outer{height:100%;margin-left:157px}/* ie 3 pixel jog*/ 
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background:#FFFFFF;
	border-top:1px solid #FFF;
	border-bottom:0px solid #CCC;
	overflow:hidden;
	color: #000000;
}
#left {
	position:relative;/*ie needs this to show float */
	width:210px;
	float:left;
	margin-left:-209px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:102px;/*needed to make room for header*/
	padding-left:5px;
	left:-1px/* line things up exactly*/
}
* html #left {margin-right:-3px;margin-left:-155px;}/* three pixel jog*/



#footer {
	width:100%;
	clear:both;
	height:90px;
	padding-top:5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color: #FFFFFF;
	color: #000000;
	text-align:center;
	position:relative;
}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
#clearheader{height:102px;}/*needed to make room for header*/
#clearfooter{clear:both;height:90px;}/*needed to make room for footer*/
div,p  {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:12px}/* combat IE's 3 pixel jog */
#centrecontent p{
	text-align:left;
}

table.contenttable td{
	padding:5px;
	
}
/* Other Admin Styles */
.inputform td,.inputform th{
	padding:5px;
}
.inputformlabel{
	width:150px;
	color:#000;
}
.loginform td{
	padding:5px;
}
p{
	color:#000;
	line-height:1.5;
}
p img{
	padding:5px;
}
h1{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}
h2{
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
}

p{
	text-align:left;
}
#admintopmenu{
    clear:both;
    width:100%;
    height:30px;
    background:url(menu-bg.gif) repeat-x left top;
        text-align:center;
}

#admintopmenu a:visited{
   text-decoration:none;
   color:#fff;
}
#admintopmenu ul{
    list-style:none;
}
#admintopmenu ul li{
    list-style:none;
    height:30px;
    float:left;
   
}

#admintopmenu a{
    text-decoration:none;
    color:#fff;
    display:block;
    height:30px;
    border-left:1px solid #fff;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
}
#admintopmenu a.last{
    border-right:1px solid #fff;
}
#admintopmenu a:hover{
   text-decoration:none;
   color:#fff;
   background:url(menu-bg-over.gif) repeat-x left top;text-align:center;

}

.formalert{color:#f00;}
.formmessage{background-color: #D0E0EE;color:#000000;padding:5px;border:1px solid #f00;}

.displaytable{
	border:1px solid #000;
}
.displaytable td{
	padding:5px;
}
.displaytable th{
	background:#000000;
	color:#fff;
	padding:5px;
}
/* Departments, Categories */

ul.submenu1{
		margin-left:0px;
	}
	ul.submenu1 li{
		list-style-type:none;
		float:left;
		background:url(submenubg.jpg) repeat-x left top;
		height:23px;
		padding-top:3px
		
	}
	ul.submenu1 li:hover{
		background:url(submenubg-hover.jpg) repeat-x left top;
	}
	a.subcatlink{

		padding-left:8px;
		padding-right:8px;
		font-size:10px;
		vertical-align:middle;
		font-family:Arial,Tahoma,sans-serif;
		text-decoration:none;
		color:#0074BD;
	}
	a.subcatlink:hover{
		color:#fff;
	}
	table.categorytable {
		border-width: 1px 1px 1px 1px;
		border-spacing: 0px;
		border-style: solid solid solid solid;
		border-color: black black black black;
		border-collapse: separate;
		background-color: white;
	}
	table.categorytable th {
		border-width: 1px 1px 1px 1px;
		padding: 5px 5px 5px 5px;
		border-style: solid solid solid solid;
		border-color: black black black black;
		background-color: white;
		-moz-border-radius: 0px 0px 0px 0px;
	}
	table.categorytable td {
		border-width: 1px 1px 1px 1px;
		/*padding: 5px 5px 5px 5px;*/
		border-style: solid solid solid solid;
		border-color: black black black black;
		background-color: #fff;
		-moz-border-radius: 0px 0px 0px 0px;
	}
	table.categorytable td:hover {
		background-color: #666;
	}
	a.furtherlink{
		display:block;
		padding: 5px 5px 5px 5px;
		color:#000;
	}
	 a.furtherlink:hover{
		background-color: #666;
		color:#fff;
	}
	a.nofurtherlink{
		display:block;
		padding: 5px 5px 5px 5px;
		text-decoration:none;
		color:#000;
	}

	
.pagelinks ul{margin:0px;padding:0px;white-space:nowrap;list-style:none;}
.pagelinks li{margin:0px;padding:0px;display:inline;unicode-bidi:embed;direction:ltr;}
.pagelinks li{background-color:#fff;border:1px solid #999999;padding-left:5px;padding-right:5px;margin-right:5px;}
.pagelinks li:hover{background-color:#d2eaf6;border:1px solid #b7d8ee}
.pagelinks li.selected{background-color:#d2eaf6;border:1px solid #999999}
.pagelinks li.disabled{background-color:#fff;color:#e6e6e6;border:1px solid #999999;cursor:default}
.pagelinks a{color:#0066a7;text-decoration:none}
.pagelinks li.selected a{color:#444;font-weight:bold}
.pagelinks li.disabled a{color:#e6e6e6}

.redlink{
	color:#f00;
	font-weight:bold;
}
.redlink:visited{
	color:#f00;
}

a.info{
position:relative; /*this is the key*/
z-index:24;
color:#000;
text-decoration:none
}

a.info:hover{z-index:25;background-color:#BDD9E5}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:0em; left:1.5em;
width:20em;
border:1px solid #000;
background-color:#CCCCCC;
color:#000;
text-align: left;
font-weight:normal;
padding:5px;

}
/*CATEGORY SEARCH MENU STYLES*/
#departments,#departments ul{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	font-size:1em;
	width:970px;
	height:37px;
	line-height:1;
	margin-top:10px;
	background:url(category-menu.jpg) no-repeat;
}
#departments li{
	float:left;
	font-size:80%;
	height:37px;
	text-transform:capitalize;
    margin:0;
    padding:0;
    list-style:none;
}

#departments li a{display:block;height:37px;font-size:100%;color:#0074BD;text-decoration:none;}
#departments li a:hover{color:#FFFFFF;}

#departments li a#portable{width:78px;padding:12px 0 0 32px;}
#departments li a#portable:hover{width:78px;background:url(category-menu-rollover.jpg) 0 0;background-repeat:no-repeat;}
* html #departments li a#portable{width:109px;}
* html #departments li a#portable:hover{width:109px;background:url(category-menu-rollover.jpg) 0 0;background-repeat:no-repeat;}

#departments li a#computers{width:75px;padding:8px 0 0 32px;}
#departments li a#computers:hover{background:url(category-menu-rollover.jpg) -110px 0;background-repeat:no-repeat;}
* html #departments li a#computers,a#computers:hover{width:108px;}

#departments li a#creative{width:79px;padding:12px 0 0 30px;}
#departments li a#creative:hover{background:url(category-menu-rollover.jpg) -217px 0;background-repeat:no-repeat;}
* html #departments li a#creative,a#creative:hover{width:109px;}

#departments li a#sound{width:77px;padding:12px 0 0 30px;}
#departments li a#sound:hover{background:url(category-menu-rollover.jpg) -326px 0;background-repeat:no-repeat;}
* html #departments li a#sound,a#sound:hover{width:109px;}

#departments li a#homeelec{width:77px;padding:12px 0 0 32px;}
#departments li a#homeelec:hover{background:url(category-menu-rollover.jpg) -433px 0;background-repeat:no-repeat;}
* html #departments li a#homeelec,a#homeelec:hover{width:107px;}

#departments li a#tools{width:78px;padding:12px 0 0 28px;}
#departments li a#tools:hover{background:url(category-menu-rollover.jpg) -542px 0;background-repeat:no-repeat;}
* html #departments li a#tools,a#tools:hover{width:109px;}

#departments li a#cars{width:80px;padding:12px 0 0 28px;}
#departments li a#cars:hover{background:url(category-menu-rollover.jpg) -648px 0;background-repeat:no-repeat;}
* html #departments li a#cars,a#cars:hover{width:107px;}

#departments li a#ontheroad{width:79px;padding:12px 0 0 30px;}
#departments li a#ontheroad:hover{background:url(category-menu-rollover.jpg) -756px 0;background-repeat:no-repeat;}
* html #departments li a#ontheroad,a#ontheroad:hover{width:108px;}

#departments li a#other {width:77px;padding:12px 0 0 28px;}
#departments li a#other:hover{background:url(category-menu-rollover.jpg) -865px 0;background-repeat:no-repeat;}
* html #departments li a#other,a#other:hover{width:103px;}