/*Default Stylesheet Header*/
/* Fonts: Default is 62.5% of browsers medium size (16px) x 0.625 = 10px, thus 1em = 10px, 1.2em = 12px... */
html, body {margin:0;padding:0;background-color: #fff;}
body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:62.5%;color:#444;}
img {border:none;}
acronym {border:none;cursor:help;background:url('../_images/hDot.gif') 0 100% repeat-x;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
ul, ol {margin:0;padding:0;list-style:none;}
h1, h2, h3, h4 { margin:3px 0; }
h1 {font-size:2em}  /* displayed at 20px */
h2 {font-size:1.5em}  /* displayed at 15px */
h3 {font-size:1.3em}  /* displayed at 12.5px */
h4 {font-size:1em}  /* displayed at 10px */
li li, li p, td p, blockquote p {font-size:1em}
input, select, th, td {font-size:1em}
br.clr {clear:both;height:0px;line-height:0px;}

/*Begin Specific Styles*/
html, body {
}

#main {
width:900px;
margin:40px auto 0 auto;
}
#header {margin:15px 0 5px 0;}
#header h1 {text-align:right;color:#666;}
#masthead {
}
#pagetools {
color:#fff;
text-align:right;
padding:0 4px 4px 4px;
font-size:.9em;
zoom: 1;
}
#footer {
padding:15px;
font-size:.9em;
color:#999;
}
#left, #right {float:left}
#left {
border:0 dashed #ddd;
width:170px;
margin:0;
padding-right:10px;
}
#right {
width:578px;
border-width:0 0 0 1px;
border-color:#efefef;
border-style:solid;
padding:10px 0 0 25px;
}
#right #content { margin-top:25px; }
#sidenav {
margin-bottom:5px;
}
#sidenav ul {
color:#fff;
margin:20px 0 0 6px;
width:150px;
}
#sidenav ul.categories, #sidenav ul.links {
padding-top:16px;
background-repeat:no-repeat;
background-position:0 0;
}
#sidenav ul.categories { background-image:url("/img/categories.gif"); }
#sidenav ul.links { background-image:url("/img/links.gif"); }


#sidenav h3 {margin-bottom:8px;}
#sidenav li {
margin:4px 0;
padding:0;
zoom: 1;
background-repeat:no-repeat;
background-image:url("/img/tab.gif");
background-position:-10px -7px;
}
#sidenav ul.links li { background-position:-10px -421px; }

#sidenav a {
color:#666;
display:block;
position:relative;
padding:6px 4px;
border-bottom:1px solid #ddd;
}
#sidenav li.sel a {
padding-left:18px;
background:url("/img/sel.gif") 5px 55% no-repeat;
}
#sidenav a:hover {
border-bottom:1px solid #999;
}

.utablabel {background:url("/img/u_white_tab.gif") 0 100% no-repeat;float:right;margin:0 0 0 4px;
padding:0 0 0 4px;}
.utablabel div {
color:#666;
float:left;
background:url("/img/u_white_tab.gif") 100% 100% no-repeat;
font-family:Arial;
padding:1px 4px 0 1px;
margin:0;
}
.tablabel, .tablabel div {background-repeat:no-repeat;background-image:url("/img/tab.gif");}
.tablabel {
float:left;
margin:0;
padding:0 0 0 4px;
}
.tablabel div {
float:left;
font-size:.9em;
font-family:Arial;
padding:1px 4px 0 1px;
margin:0;
}
.tablabel.white {background-position:0 0;}
.tablabel.white div {background-position:100% 0;color:#666;}
.tablabel.black {background-position:0 -70px;}
.tablabel.black div {background-position:100% -70px;color:#fff;}
.tablabel.red {background-position:0 -140px;}
.tablabel.red div {background-position:100% -140px;color:#fff;}
.tablabel.orange {background-position:0 -210px;}
.tablabel.orange div {background-position:100% -210px;color:#fff;}
.tablabel.yellow {background-position:0 -280px;}
.tablabel.yellow div {background-position:100% -280px;color:#000;}
.tablabel.green {background-position:0 -350px;}
.tablabel.green div {background-position:100% -350px;color:#fff;}
.tablabel.lime {background-position:0 -420px;}
.tablabel.lime div {background-position:100% -420px;color:#000;}
.tablabel.navy {background-position:0 -490px;}
.tablabel.navy div {background-position:100% -490px;color:#fff;}
.tablabel.blue {background-position:0 -560px;}
.tablabel.blue div {background-position:100% -560px;color:#000;}
.tablabel.pink {background-position:0 -630px;}
.tablabel.pink div {background-position:100% -630px;color:#fff;}

/***** tabbed navigation *****/
.tabnav {
margin-bottom: 0;
padding-bottom:0px;
background: url("/img/tabsline.gif") bottom right repeat-x;
float: right;
width: 100%;
}
* html .tabnav { width: 100%; }
.tabnav br { clear: both; }
.tabnav h2 {
background: none;
min-height: 15px;
margin-bottom: 0;
}
.tabnav ul {
margin: 0;
padding: 0 1em 0 0;
list-style: none;
}
.tabnav li, .tabnav li.active, .tabnav li a, 
.tabnav li a:visited, .tabnav li span, 
.tabnav li.sel a, .tabnav li.sel span {
background-image: url("/img/tabs.gif");
background-repeat:no-repeat;
}
.tabnav li {
margin: 0  0 0 3px;
padding: 0 5px 0 0;
background-position: 100% -162px;
float: right;
border-bottom: 1px solid #ddd;
}
.tabnav li.sel {
border-bottom: 1px solid #fff;
background-position: 100% 0;
}
.tabnav li a, .tabnav li a:visited, .tabnav li span {
display: block;
float: left;
padding: 6px 9px 1px 14px;
text-align: center;
white-space: nowrap;
background-position: 0 -162px;
text-decoration: none;
min-height: 17px; /* fixes FX/Mac issue */
color: #666;
font-size:1.2em;
}
.tabnav li.sel a, .tabnav li.sel span {
background-position: 0 0;
padding: 5px 6px 2px 28px;
font-weight:bold;
} 
.tabnav li img {
vertical-align: middle;
}
.tabnav li:hover {
background-position: 100% -80px;
}
.tabnav li:hover a {
background-position: 0 -80px;	
}
.tabnav li a:hover {
color:#000;
text-decoration:underline; 
}
.tabnav li.sel:hover {
background-position: 100% 0;
}
.tabnav li.sel:hover a {
background-position: 0 0;
text-decoration: underline;
}
 
.items .item {
margin:10px 0;
border:1px solid #ddd;
padding:10px;
}
.items .item img { border:1px solid #ddd; padding:10px; margin:0 10px 10px 0; background-color:#f3f3f3; float:left; display:block; }
.items .item h3 { color:#769F47; }
.items .item h4 { color:#444; margin-left:8px; }
.items .item .desc { color:#666; margin-left:8px; }
.items .item .price { font-size:1.2em; margin:8px 0 8px 8px; }
.items .item .links { clear:both; text-align:right; }