html,body {
	margin:0;
	padding:0;
}

body {
	background-color:white;
	font-family:Verdana, Tahoma;
	font-size:10px;
}

div#wrapper { 
	float:left;
	width:100%;
}

div#content {
	margin:0 200px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

div#navigation {
	float:left;
	width:200px;
	margin-left:-100%;
}

div#extra {
	float:left;
	width:200px;
	margin-left:-200px;
}

div#footer{ 
	clear:left;
	width:900px;
}

a img {
	border:none;
}

div#header {
	width:100%;
	background-image:url('header_background_festive.jpg');
	position:relative;
	height:100px;
	overflow:hidden;
}

form#sorting,
div#filtered {
	border-bottom:1px #66CCFF solid;	
}

div#logo {
}

div#secure_payments {
	position:absolute;
	left:300px;
	top:5px;
	width:200px;
	height:32px;
	z-index:100;
	border:1px silver dotted;
}

div#phone {
	float:right;
}

div#navbar {
	position:absolute;
	top:96px;
	width:100%;
	text-align:center;
	background:url('bg.gif') repeat-x bottom;
}

div#navbar ul {
	margin:0;
	/* last value affects indent of first tab on navbar from the LEFT */
	/*padding:0 10px 0 210px;*/
	list-style-type:none;
}

div#navbar li {
	float:left;
	background:url("norm_left.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
}

div#navbar a {
	display:block;
	background:url("norm_right.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	text-decoration:none;
	color:black;
}

div#navbar a:hover {
}

div#navbar #current {
	background-image:url("norm_left_on.gif");
}

div#navbar #current a {
	background-image:url("norm_right_on.gif");
	padding-bottom:5px;
}


div#navfooter {
	clear:both;
	padding:4px;
	text-align:center;
	background-color:#ee2222;
	color:silver;
}

div#navfooter a {
	text-decoration:underline;
	color:white;
}

div#navlogos {
	text-align:center;
}

div#copyright {
	text-align:center;
}

div#copyright a {
	text-decoration:none;
}

div.sidepanel {
	border:1px solid black;
	margin-bottom:5px;
	font-size:10pt;
}

div.sidepanel h2 {
	display:block;
	background-color:black;
	color:white;
	font-size:12pt;
	margin:0;
	padding:0;
}

div.sidepanel h3 {
	display:block;
	background-color:silver;
	color:black;
	font-size:10pt;
	margin:0;
	padding:0;
}

div#content h1,
div#content h2,
div#content h3,
div#content p {
	padding:4px 10px 4px 10px;
	margin:0;
}

div#content h1,
div#content h1 a {
	font-size:22px;
	font-weight:normal;
}

div#content h2 {
	font-size:14px;
	font-weight:normal;
}

div#content h3 {
	font-size:12px;
	font-weight:normal;
}

.clear {clear:both}

.right {text-align:right}

.center {text-align:center}

.left {text-align:left}

.top {vertical-align:top;}

div.blue_panel {
	margin:4px 0 4px 0;
	border:2px #66CCFF solid;	
}

div.blue_panel h2 {
	font-size:14pt;
	color:white;
	display:block;
	background-color:#66ccff;
	padding:2px 0 2px 9px;
	margin:0;
}

div#whoami {
	float:right;
	white-space:nowrap;
	font-size:12pt;
	margin:10px;
}

div#whoami a {
	text-decoration:underline;
	color:black;
}

div#searcher {
	width:100%;
	background-color:white; 
	color:black;
	font-size:10pt;	
	text-align:center;
	padding:2px 0 2px 0;
	margin-bottom:1px;
	border-bottom:1px black solid;
}

div#searcher input {
	font-size:8pt;
	color:black;
	border:1px gray solid;
	border-right-color:white;
	border-bottom-color:white;
	padding:0 4px 0 4px;
}

div#searcher a {
	color:gray;
	text-decoration:none;
	font-style:italic;
}


div#searcher_side {
}

div#searcher_side input {
	width:180px;
	margin:5px;
}

div#searcher_side a {
	display:block;
	height:20px;
	width:180px;
	text-align:right;
	margin:5px;
}

.full_width {
	width:100%;
}

.one_line {
	white-space:nowrap;
	overflow:hidden;
}

div#basket_list {
	width:100%;
	max-height:200px;
	overflow:auto;
}

table.smallbasket {
	width:100%;
}

table.smallbasket td {
	vertical-align:top;
}

table.smallbasket th {
	background-color:navy;
	color:white;
	text-align:left;
	font-weight:normal;
}


.info {
	color:#444;
	font-size:8pt;
	background:white url('icon_information.gif') no-repeat 4px 4px;
	padding:4px 4px 4px 24px;
	margin-bottom:2px;
}

.alert {
	color:#444;
	font-size:8pt;
	background:#FFCCCC;
	padding:4px;
	margin-bottom:2px;
}


div#browse a {
	font-size:10pt;
	text-decoration:none;
	display:block;
	color:black;
	padding-left:4px;
}

div#browse a:hover {
	background-color:gray;
	color:yellow;
}


table.browser {
	width:100%;
	border-collapse:collapse;
	border:1px green solid;
	margin-top:1px;
	overflow:hidden;
}

table.browser th {
	background-color:green;
	text-align:left;
	font-weight:normal;
}

td.indent {
	border-left:4px white solid;
}

div#browse th a {
	color:white;
}

div#browse a.current {
	font-weight:bold;
}

div#general div.image {
	width:100px;
	float:left;
}

div#specs th {
	font-weight:bold;
	text-transform:uppercase;
	padding:2px;
	text-align:left;
}

div#specs td {padding:2px;}

div#welcome_links a {}

div#account a {display:inline;}

img.handy {cursor:pointer;}

.black {color:black;}

.red {color:red;}

div#chatter {
	/*alert box for new chat notifications*/
	position:absolute;
	top:100px;
	left:100px;
	z-index:100;
	width:200px;
	height:100px;
	background-color:#FFFFCC;
	border:1px gray solid;
	border-right:1px black solid;
	border-bottom:1px black solid;
}


@media print {
	ul#tabnav2,
	div#navigation, 
	div#navbar,
	div#navfooter,
	div#manufacturers,
	div#extra { display: none; }
	div#tab2,
	div#tab4 { display:inline; }
}