@import url(/3rdParty.css);
@import url(/css/metaBar.css);
@import url(/css/p4.css);

body {
/*height: 100%;*/
	padding: 0;
	margin: 0;
	font: normal 80% verdana, arial, helvetica, sans-serif;
}

div.clear {
	clear: both;
	height: 1px;
}

.main-nav {
	position: absolute;
	top: 30px;
	margin: 0;
	width: 100%;
	height: 45px;
	font-size: small;
}

.main-nav ul {
	float: left;
	background: darkslateblue;
	list-style-type: none;
	border: 1px solid navy;
	margin: 0;
	padding: 5px;
	width: 100%;
}

.main-nav a {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	background: mediumblue;
	text-decoration: none;
	color: white;
	border: 2px outset navy;
	padding: 8px 5px 5px 8px;
	text-align: center;
	font-family: Verdana, Arial, Sans-Serif;
}

.main-nav a:hover {
	background: blue;
}

.main-nav li.selected a {
	background-color: lightskyblue;
	color: black;
}

#titleBar {
	position: absolute;
	left: 0;
	top: 0;
	height: 30px;
	width: 100%;
	padding: 2px;
	margin: 0;
	background: lavender;
	font-family: arial, sans serif;
	font-weight: bold;
	font-size: x-large;
}

.category-nav {
	position: absolute;
	top: 75px;
	margin: 0;
	width: 150px;
	padding: 0;
}

.category-nav ul {
	list-style-type: none;
	margin: 0;
	width: 100%;
	padding: 0;
}

.category-nav a, .category-nav span {
	display: block;
	text-decoration: none;
	background-color: #ccccff;
	padding: 4px;
	border-bottom: 1px solid #003366;
	border-right: 1px solid #003366;
	color: inherit;
	cursor: pointer;
}

.category-nav a:hover {
	background-color: #3399ff;
}

.category-nav li.selected a {
	background-color: #9999ff;
}

.category-nav ul.depth-0 li.first {
	border-top: 2px solid #3333ff;
}

.category-nav ul.depth-0 li.last {
	border-bottom: 2px solid #3333ff;
}

.category-nav ul.depth-1 li.first {
	border-top: none;
}

.category-nav ul.depth-1 li.last {
	border-bottom: none;
}

.category-nav ul.depth-1 a, .category-nav ul.depth-1 span {
	padding-left: 20px;
}

.category-nav ul.depth-2 a, .category-nav ul.depth-2 span {
	padding-left: 40px;
}

#tooltip {
	background-color: #ffffcc;
	border: 1px solid #666666;
	padding: 2px;
	max-width: 200px;
	z-index: 97;
}

#content {
	margin-top: 0;
	position: absolute;
	top: 75px;
	left: 150px;
	width: 80%;
}

#showInAdmin {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 20px;
	text-align: center;
	background: #ccccff;
	opacity: 0.6;
	padding: 5px;
	color: black;
	border-top: 1px dotted black;
	text-decoration: none;
}

#showInAdmin:hover {
	opacity: 1.0;
}

#faqs {
	left: 0;
	margin-left: 2px;
	padding-left: 0;
	list-style-position: outside;
	list-style-type: none;
}

#faqs .question {
	font-weight: bold;
	display: block;
}

#faqs li {
	border: 3px solid lavender;
	padding: 2px;
	left: 0;
}

#faqs .odd {
	background: lavender;
}

#testimonials {
	left: 0;
	margin-left: 0;
	padding-left: 0;
	list-style-position: outside;
	list-style-type: none;
}

#testimonials .author {
	font-weight: bold;
	display: block;
}

#testimonials .location {
	font-style: italic;
	display: block;
}

#testimonials li {
	border: 3px solid lavender;
	padding: 2px;
	left: 0;
}

#testimonials .odd {
	background: lavender;
}

#sales {
	left: 0;
	margin-left: 0;
	padding-left: 0;
	list-style-position: outside;
	list-style-type: none;
}

#sales li {
	border: 3px solid lavender;
	padding: 2px;
	left: 0;
}

#sales .odd {
	background: lavender;
}

#sales .product {
	font-weight: bold;
	font-size: large;
	display: block;
}

#sales .price {
	color: green;
	font-size: larger;
	display: block;
}

.smart-page ul.smart-pages {
	list-style-type: none;
	padding: 0;
	width: 100%;
}

.smart-page ul.smart-pages li {
	height: 20px;
	padding: 5px;
}

.smart-page ul.smart-pages li.odd {
	background: lavender;
}

.smart-page ul.smart-pages li a.main-link {
	float: left;
}

.smart-page ul.smart-pages li .short-description {
	margin-left: 10px;
}

.smart-page ul.products {
	list-style-type: none;
	padding: 0;
	width: 100%;
}

.smart-page ul.products li {
	padding: 5px;
	clear: both;
	border: 1px solid black;
	margin-top: 4px;
}

.smart-page ul.products li.odd {
	background: lavender;
}

.smart-page ul.products li a.main-link {
	float: left;
}

.smart-page ul.products li .short-description {
	margin-left: 10px;
}

.smart-page ul.products li .price-and-cart {
	float: right;
	border: 1px solid gray;
	margin-left: 10px;
	padding: 5px;
	text-align: center;
}

.smart-page ul.products li .price {
	font-weight: bold;
}

.product .price-and-cart {
	float: right;
	border: 1px solid gray;
	margin: 10px;
	padding: 5px;
}

.product .price-and-cart .your-price {
	font-weight: bold;
	margin: 5px;
}

.product .price-and-cart .msrp {
	text-decoration: line-through;
	color: gray;
}

.product .price-and-cart a {
	margin: 5px;
	text-align: center;
	display: block;
}