/* Basic Element Formatting ------------------------------------------------------------- */

body {
	background-color: #cccccc;
	}

a {
	color:#000000;
	background-color: #cccccc;
}

a:hover {
	color:#FFFFFF;
	background-color: #666666;

}

h1 {
	color: #ffffff; 
	background-color: #3586ef; 
	border-bottom: 2px solid #8dbfff;
}

input { 
	background-color: #CCCCCC; 
	color: #000000; 
	border: 1px solid #30799E; 
}

select { 
	background-color: #FFFFFF; 
	color: #000000; 
	border: 1px solid #30799E; 
}

/* Multiple-Use Selectors ------------------------------------------------------------- */

.button {
	background-color: #CCCCCC;
	border: 1px solid #000;
	color: #000000;
}

/* Standard text and link formatting ------------------------------------------------------------- */

.jssBoldLinks { 
	color:#FFFFFF;
	background-color: #666666; 
}

.jssBoldLinks:hover { 
	color:#FFFFFF; 
	background-color: #CCCCCC; 
}

.jssProductTitle {
	color:#fff; 
}

.jssProductTitle:hover {
	color:#ff8d29; 
}

.jssPrice {
	color: #FF0000;
}

.jssProductLinks, .jssProductLinks:link
{
	color: #000000;
}

.jssProductAdd, .jssProductAdd:link
{
	color: #000000;
}
.description-text			{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
.blue2			{ font-family:Tahoma; font-weight:normal; font-size:18pt; color:#000000; text-decoration: none; }
/* Header Styles ------------------------------------------------------------- */

div#jssHeader {
	color: #040;
	background-color: #000000;
	border-bottom: 1px solid #CCCCCC;
}

div#jssSubHeader {
	color: #ffffff;
	background-color: #CC0000;
}

.jssHeaderBlock
{
	border: 1px solid #ffffff;
	background-color: #666666;
}

.jssHeaderBlockTitle
{
	background-color: #666666;
	color: #ffffff;
}

.jssHeaderBlockContent
{
	background-color: #666666;
	color: #ffffff;
}

.jssHeaderBlockContent a {
	border: 1px solid #8dbfff;
}

.jssHeaderBlockContent a:link,  .jssHeaderBlockContent a:visited {
	color: #FFFFFF;
	background-color: #000000;
	border: 1px solid #CCCCCC;
}

.jssHeaderBlockContent a:hover {
	color: #000000;
	background-color: #CCCCCC;
	border: 1px solid #FFFFFF;
}

#navlist a { 
	border: 1px solid #FFFFFF; 
	border-left: 2px solid #FFFFFF;
}

#navlist a:link, #navlist a:visited {
	color: #000000;
	background-color: #CCCCCC;
}

#navlist a:hover {
	color: #fff;
	background-color: #666666;
}

/* Left Column ------------------------------------------------------------- */

div#jssLeftMenu {
	color: #000000;
	background-color: #000000;
}

/* Right Column ------------------------------------------------------------- */

div#jssRightMenu {
	color: #000000;
	background-color: #000000;
}

/* Right and Left Menu Box Style ------------------------------------------------------------- */

.jssMenuBox {
	border: 1px solid #000000;
}

.jssMenuBoxTitle {
	color: #FFFFFF;
	background-color: #666666;
	border-bottom: 2px solid #CC0000;
	border-top: 2px solid #CC0000;
	border-left: 2px solid #CC0000;
	border-right: 2px solid #CC0000;
}

.jssMenuBoxContent,
.jssMenuBoxContentCent {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #CCCCCC;
}

/* Main Content (Middle) Styles ------------------------------------------------------------- */

div#jssMainContent {
	color: #000000;
}

.jssPageHeading {
	color: #ffffff;
	background-color: #666666;
	border-bottom: 2px solid #CCCCCC;
}

.jssPageSubHeading {
	color: #000000;
	background-color: #CCCCCC;
	border-bottom: 2px solid #000000;
}

.jssBreadcrumb {
	border: 1px solid #666666;
	background-color: #CCCCCC;
}

.jssBreadcrumbTitle {
	color: #fff;
	background-color: #000000;
}

/* Footer Styles ------------------------------------------------------------- */

div#jssFooter {
	color: #000000;
}

#jssFooterLinks a { 
	color: #000000;
}

#jssFooterLinks a:link, #jssFooterLinks a:visited
{
	color: #000000;
}

#jssFooterLinks a:hover
{
	color: #000;
}

/* General Form Styling ------------------------------------------------------------- */

.jssFormTable caption {
	border-bottom: 1px dotted #000;
}

.jssFormTable td.jssFormSubmit {
	border-top: 1px dotted #000;
}

.jssFormTable input {
	background-color: #FFFFFF; 
	color: #000000;
	border: 1px solid #30799E;
}

.jssFormTable select {
	background-color: #FFFFFF; 
	color: #000000;
	border: 1px solid #30799E;
}

.jssFormTable td.jssFormSubmit input {
	background-color: #CC0000;
	border: 1px line #000;
	color: #fff;
}

.jssFormError {
	color: #f00;
}

.jssError {
	color: #f00;
}

/* Cart Styling ------------------------------------------------------------- */

.jssCartTable caption {
	border-bottom: 1px dotted #000;
}

.jssCartTable th {
	border-bottom: 1px dotted #000;
}

.jssCartTable th.right {
	border-bottom: 1px dotted #000;
}

.jssCartTable th.total {
	border-top: 1px dotted #000;
}

/* general table styling ------------------------------------------------------------- */

.jssGeneralTable th {
	border-bottom: 1px dotted #000;
}

.jssGeneralTable a:link, .jssGeneralTable a:visited {
	color: #f08100;
}

.jssGeneralTable a:hover {
	color: #000;
}

/* Product Option (qty discounts, combinations etc.) ------------------------------------------------------------- */

.jssProductTable th {
	background-color: #aaaaaa;
}

.jssProductTable td {
	background-color: #dddddd;
}
.jssCombinationTable th {
	background-color: #aaaaaa;
}

.jssCombinationTable td {
	background-color: #dddddd;
}
/* Index-specific Styles ------------------------------------------------------------- */

/* Section And Listing Styles ------------------------------------------------------------- */

#pageslist li {
	border: 1px dotted #000000; 
	background-color: #CCCCCC; 
	color: #000000;
}

#pageslist a { 
	background-color: #CCCCCC;
}

#pageslist a:link, #npageslist a:visited {
	color: #000000;
	background-color: #CCCCCC;
}

#pageslist a:hover {
	color: #fff;
	background-color: #036;
}

/* Other/Misc Styles ------------------------------------------------------------- */

.jssProductFlag {
	background-color: #f08100; 
	color: #ffffff; 
	border: 1px dotted #f00; 
	border-left: 3px solid #f00; 
}

.jssProductSep {
	border-bottom: 1px dotted #bbbbbb; background: #fff;
}

.jssSendFriendDiv a { 
	color:#FFFFFF; 
	background-color: #666666;
}

.jssSendFriendDiv a:hover { 
	color:#ff8d29; 
}

.jssProductSep {
	border-bottom: 1px dotted #bbbbbb; background: #fff; color: #fff;
}
.button-search 				{ background-color: #cccccc; font-family: Tahoma; font-size: 7pt; font-weight: light; color: #000000; border: 1 solid #000000; padding: 0px; height: 17px; cursor: hand; }
.selectbox					{ background-color: #FFFFFF; font-fanily: Tahoma; font-size: 8pt; font-weight: light; color: #000000; border: 1 solid #30799E; }
.welcome			{ font-family:Tahoma; font-weight:normal; font-size:11pt; color:#000000; text-decoration: none; }
.welcome1			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.welcome2			{ font-family:Tahoma; font-weight:bold; font-size:12pt; color:#000000; text-decoration: none; }
.blue				{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
.blue1				{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#000000; text-decoration: none; }
.blue2				{ font-family:Tahoma; font-weight:normal; font-size:12pt; color:#000000; text-decoration: none; }
.blue3		{ font-family:Tahoma; font-weight:normal; font-size:14pt; color:#003399; text-decoration: none; }
.wh				{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#ffffff; text-decoration: none; }
.wh1				{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#ffffff; text-decoration: none; }
.wh2				{ font-family:Tahoma; font-weight:bold; font-size:13pt; color:#ffffff; text-decoration: none; }
.red1               { font-family:Tahoma; font-weight:normal; font-size:9pt; color:#ff0000; text-decoration: none; }
.red2               { font-family:Tahoma; font-weight:normal; font-size:11pt; color:#ff0000; text-decoration: none; }
.red3               { font-family:Tahoma; font-weight:normal; font-size:13pt; color:#ff0000; text-decoration: none; }
.black		{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
.black1		{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#000000; text-decoration: none; }
.black2		{ font-family:Tahoma; font-weight:normal; font-size:12pt; color:#000000; text-decoration: none; }
.black3		{ font-family:Tahoma; font-weight:normal; font-size:14pt; color:#000000; text-decoration: none; }
.menu-section-links   {
	line-height: 14pt;
	font-family:Tahoma;
	font-weight:bold;
	font-size:8pt;
	color:#000000;
	text-decoration: none;
	border: 1px solid;
	background:#CCCCCC;
	padding: 2px 2px 2px 2px;
	border-color: #000000 #999999 #000000 #999999;
	height: 100%;
	width: 150px;
	white-space: nowrap;
	display: block;
	margin-top: 2px; margin-bottom: 2px; 
	}
.menu-section-links:hover { 
line-height: 14pt; 
font-family:Tahoma; 
font-weight:bold; 
font-size:8pt; 
color:#FFFFFF; 
text-decoration: none; 
border: 1px solid;
background:#666666;  
padding: 2px 2px 2px 2px; 
border-color: #CC0000 #CC0000 #CC0000 #CC0000;
 height: 100%; 
 width: 150px;
 white-space: nowrap;
 display: block;
 margin-top: 2px; margin-bottom: 2px; 
 }