#navigation { padding: 0; margin: 0; }

#navigation li {
	list-style-type: none;
	margin: 0; padding: 0;
}

#mainnav { line-height: 0; }  

.dropped {
	position: absolute;
	z-index: 1000;
	display: block;
	border-bottom: 1px solid #464646;
	padding: 5px;
	background-color: #3b413a;
	width: 200px;
	margin-top: 31px;
line-height: 1.2;
}

#dropped-cs { margin-left: 67px; }
#dropped-products { }

.dropped li {
}


#navigation li ul {
	position: absolute;
	display: none;
	z-index: 6000;
}

#navigation li:hover ul, li.over ul { display: block; }


.dropped a {
color: #fff;
text-decoration: none;
font-size: 13px;
display: block;
padding: 2px;
}

.dropped a:hover { background: #505b4f; }



#nav-about,
#nav-storeguide,
#nav-cs,
#nav-products {
display: block;
height: 31px;
text-indent: -9999px;
float: left;
}

#nav-products { width: 66px; background: url(../images/btbar_products-both.gif); }
#nav-products:hover { background-position: 0 -31px; }

#nav-cs { width: 118px; background: url(../images/btbar_custsupport-both.gif); }
#nav-cs:hover { background-position: 0 -31px; }

#nav-storeguide { width: 90px; background: url(../images/btbar_storeguide-both.gif); }
#nav-storeguide:hover { background-position: 0 -31px; }

#nav-about { width: 102px; background: url(../images/btbar_aboutmarcum-both.gif); }
#nav-about:hover { background-position: 0 -31px; }


/*tab box */

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */

ul.tabs {
	border-bottom: 2px solid #27343f;
	margin: 0 0 20px 0;
	list-style-type: none;
	padding: 0;	
	height:28px;
}

ul.tabs li a:hover {
	color: #27343f;
	text-decoration: none;
}

#tab-box {

}
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.tabs-nav li {
	float: left;
	height: 28px;
	color: #e1e1e1;
background: #d7dee4;
}

.tabs-nav li.tabs-selected {
	height: 28px;
	margin-bottom: -1px;
}
.tabs-nav a, .tabs-nav a span {
    display: block;
	padding-left: 5px;
	padding-right: 0;
}

.tabs-nav a {
	padding-top: 6px;
	padding-right: 7px;
	color: #5c768b;
	text-align: center;
}
.tabs-nav .tabs-selected a {
  	color: #d7dee4;
  	background: #27343f;
	padding-top: 6px;
	height: 22px;
}

.tabs-nav .tabs-selected a:hover { color: #d7dee4; }

.tabs-selected a {
	position: relative;
}

.tab-content, .tab-content ul {
	margin: 0 18px 0 18px;
	font: normal 1.0em "Lucida Grande", Helvetica, Arial, sans-serif;
	line-height: 14px;
	list-style-type: square;
}

.tab-content ul li {
	margin-bottom: 10px;
	font-size: 1.2em;
}

#fragment-1, #fragment-2 {
font: normal 1.1em "Lucida Grande", Helvetica, Arial, sans-serif;
color: #000;
}

#fragment-1 ul, #fragment-2 ul {
font: normal 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
margin-left: 15px;
list-style-type: square;
}

#fragment-1 ul li, #fragment-2 ul li {
margin-bottom: 10px;
}

#fragment-1 ol, #fragment-2 ol {
font: normal 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
margin-left: 15px;
list-style-type: square;
}

#fragment-1 ol li, #fragment-2 ol li {
margin-bottom: 10px;
}

#breadcrumbs a { color: #26333e; } 

#recommended { margin-top: 20px; padding-top: 20px; border-top: 1px solid #5b625a; padding-bottom: 20px; } 
.qty-box input { padding: 3px; width: 25px; text-align: center; } 

.buynow { display: block; width: 100px; height: 24px; background: url(../images/bt_buynow.gif); text-indent: -9999px; float: right; }

.more-info { display: block; width: 100px; height: 24px; background: url(../images/bt_learnmore.gif); text-indent: -9999px; }