body, html {
	margin:0px auto; padding:0px;
	color: black;
	background:url('/images/top_nav/background.gif') center repeat-y #eee;
	text-align: center; }

body, input, textarea, select, option { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height:15px; }
div.main { width:800px; margin:0px auto; padding:0px; text-align: left; z-index:100; border:1px solid #ddd; border-top:none; }
form { margin:0px; padding:0px; }

img.se_logo { position:absolute; top:3px; margin:0px; padding:0px 0px 0px 2px; }
div#promo_space { color:#333; margin:0px 0px 0px 0px; }

table#header { border-collapse: collapse; margin:0px; padding:0px; }
table#header td, tr, thead, tfoot, tbody, th, tf { border-collapse: collapse; margin:0px; padding:0px; }
table#header img { margin:0px 0px -4px 0px; padding:0px; border:none; }

.cattitle { text-decoration:none; 
	color:#222; 
	font-size:11px; 
	text-transform:uppercase; 
	font-weight:bold; }
a:hover.cattitle { color:#ea0; }
a.catlink { border-bottom:1px solid #222; text-decoration:none; color:#222; line-height:15px; } a:hover.catlink { border-bottom:1px solid #ea0; color:#444; }
a.catlink img { border:5px solid #ae0; background:#fff; }
a.piclink img { border:1px solid #ccc; background:#fff; padding:5px; } a:hover.piclink img { border:1px solid #222; }
a.catspecial { color:#222; text-decoration:none; border-bottom:1px solid #fff; } a:hover.catspecial { color:#444; border-color:#ea0; }
img.featured_brand { margin:5px; padding:5px; background:#fff; border:1px solid #ddd; }

.headingline { border:0; height:1px; background-color:#bbb; }

img.seethru { border:none; background:#222; } a:hover img.seethru { background:#ea0; }

a:visited { color:#222; }.highlight { background:#999; color:#eee; }.red_highlight { background: #ff0000; }
a.link { color:#777; text-decoration:none; }
a:hover.link { color:#222; text-decoration:underline; }
a#link { color:#777; text-decoration:none; }
a:hover#link { color:#222; text-decoration:underline; }
a.link2 { color:#999; text-decoration:none; }
a:hover.link2 { color:#eee; text-decoration:underline; }

#nav { 
  margin:0px; padding:0px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase; }
#nav ul {
  margin:0px; padding:0px;
	list-style:none; }
#nav li {
  margin:0px; padding:5px 0px;
	float:left;
	border-right:1px solid #eee; }
#nav a {
  margin:0px; padding:5px;
	text-decoration:none;
	color:#eee; }
#nav a:hover {
  color:#fc3;
  background:#222; }

div.checkout { 
	margin:0px; padding:0px;
	width:600px; height:37px;
	background:url('/images/top_nav/checkout-steps.gif') no-repeat; }
div.checkout#steptwo {
  background-position:0px -37px; }
div.checkout#stepthree {
  background-position:0px -72px; }
div.checkout span {
  display:none; }

#back-button {
  margin:0px; padding:0px;
	width:76px; height:18px;
	float:left;
	background:url('/images/top_nav/GOBACK.gif') no-repeat; }
#back-button span {
  display:none; }
		
form.sitesearch { margin:0px; padding:2px 0px; color:#fc3; }
input.searchfield { padding:2px; margin:2px 0px; border:1px solid #999; }
textarea.searchfield { padding:2px; margin:2px 0px; border:1px solid #999; }
select.searchfield { padding:2px; margin:2px 0px; border:1px solid #999; }
input.searchbutton { padding:1px 1px 1px 20px; margin:2px 0px; border:1px solid #999; background:url('/images/top_nav/button_go.gif') 0px 0px no-repeat #222; color:#eee; text-transform:uppercase; }
input.searchbutton:hover { color:#fc3; }
td.bottomborder { border-bottom:1px solid #999; }

ul#tabber { padding:0px; margin:10px 0px 5px 0px; float:left; }
ul#tabber li { text-transform:uppercase; display:inline; padding:5px; font-weight:bold; }
li.sel { background:url('/images/top_nav/tabber.gif') top right no-repeat #222; color:#fc3; }
li.unsel { background:url('/images/top_nav/tabber_unsel.gif') top right no-repeat #ddd; }
li.unsel a { color:#222; text-decoration:none; }
li.unsel a:hover { border-bottom:5px solid #ea0; } 

h1.announcement { color:#222; font-size:13px; padding:10px; border:1px solid #AAA; background:#EEEEEE; }
tr.required { color: #FF3333; }
tr.required input { background: #ffff99; }
tr.required select { background: #ffff99; }
tr.requiredgroup { color: #FF3333; background: #EEEEEE; }
tr.requiredgroup input { background: #ffff99; }
tr.requiredgroup select { background: #ffff99; }
p.note { color: #666666; margin: 0; padding: 0; }
table.form th {
	margin: 0; padding: 3px 7px;
	font-weight: bold;
	text-align: left;
	font-size: 120%;
	color: #222;
	border-bottom: 1px solid #AAA;
	background:#f9f9f9; }
table.form th a { text-decoration:none; color:#369; }
table.form th a:hover {	color:#999; }
table.form p { margin: 0; padding: 4px 0; }
table.form p.describe { margin: 0; padding: 3px 7px; color: #333333; }
table.form .group { color: #000000; background: #EEEEEE; }
table.form .group input { background: #FFFFFF; }
table.form { background: #f6f6f6; }

/* ############################  NAVIGATION BLOCK  ########################### */
/* Multi-level navigation borrowed from http://qrayg.com/learn/code/cssmenus/ */

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu-h { margin: 0; border: 0 none; padding: 0; width: 60%; float:right; /*For KHTML*/ list-style: none; height: 24px; }

ul#navmenu-h li { margin: 0; border: 0 none; padding: 0; float:left; /*For Gecko*/ display: inline; list-style: none; position: relative; height: 24px; }

ul#navmenu-h ul { margin: 0; border: 0 none; padding: 0; width: 160px; list-style: none; display: none; position: absolute; top: 24px; left: 0; }

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; }

ul#navmenu-h ul li { width: 160px; float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ }

/* Root Menu */
ul#navmenu-h a { 
	padding: 0 6px; 
	float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a { background:#222; color: #eee; }

/* 2nd Menu */
ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a { float: none; background: #EEE; color: #666; }

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a, ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a { background: #345; color: #FFF; }

/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li a { background: #EEE; color: #666; }

/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover a { background: #CCC; color: #FFF; }


/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul { display: none; }

ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul {  display: block; }

