/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#top {
	height:100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	position:relative;
	width:780px;
	}
	
#logo {
	position:absolute;
	top:1.0em;
	left:15px;
	height:2.8em;
	padding:.1em 0 .2em 0;
	}
	
.shopping-cart {
	text-align:left;
	border:0;
	height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	}
	
.shopping-cart a {
	font-weight:bold;
	color:#990000;
	}

	
.shopping-cart a:link {
	text-decoration:underline;
	}

.shopping-cart a:hover {
	text-decoration:none;
	color:#000000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HORIZONTAL NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.navtabs{
float:left;
width:100%;
line-height:normal;
border-bottom: 0px solid #ffffff; /*Add border strip to bottom of menu*/
}

.navtabs ul{
list-style-type: none;
margin:0;
margin-left: 32px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.navtabs li{
display:inline;
margin:0;
padding:0;
}

.navtabs a{
float:left;
background:url(/images/interface/navtab-left.gif) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 5px;
text-decoration:none;
}

.navtabs a span{
float:left;
display:block;
background:url(/images/interface/navtab.gif) no-repeat right top;
padding: 5px 8px 6px 2px;
font-weight:bold;
color:#000000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.navtabs a span {float:none;}
/* End IE5-Mac hack */

.navtabs a:hover span {
color: black;
}

.navtabs a.current{ /*Selected Tab style*/
background-position:0 -24px; /*Shift background image up to start of 2nd tab image*/
}

.navtabs a.current span{ /*Selected Tab style*/
background-position:100% -24px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.navtabs a:hover{ /*onMouseover style*/
background-position:0% -24px; /*Shift background image up to start of 2nd tab image*/
}

.navtabs a:hover span{ /*onMouseover style*/
background-position:100% -24px; /*Shift background image up to start of 2nd tab image*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	VERTICAL NAV

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.menu {
	font-family: arial, sans-serif;
	width:126px;
	height:444px;
	position:relative;
	font-size:11px;
	text-indent:2px;
	margin:0;
}

.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
	}
	
.menu ul li {
	float:left;
	margin-right:1px;
	position:relative;
	}
	
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color: #000000;
	width:126px;
	height:20px;
	text-align:left; 
	border: 1px solid #fff;
	border-width:1px 1px 0 0;
	background:#dedfb5;
	line-height:19px;
	font-size:11px;
	}

.menu ul li ul {
	display: none;
	}

.menu ul li:hover a {
	color:#000000;
	background:#cacabe;
	}
	
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:0;
	left:127px;
	width:175px;
	}
	
.menu ul li:hover ul li:hover a, .menu ul li:hover ul li a.hide {
	background:#990000;
	color:#ffffff;
	}
	
.menu ul li:hover ul li:hover a.hide {
	width:175px;
	}
	
.menu ul li:hover ul li ul {
	display: none;
	}
	
.menu ul li:hover ul li a {
	display:block;
	background:#cacabe;
	color:#000000;
	width:175px;
	}
	
.menu ul li:hover ul li a:hover {
	background:#990000;
	color:#ffffff;
	}
	
.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:176px;
	top:0;
	color:#ffffff;
	}
	
.menu ul li:hover ul li:hover ul li a {
	display:block;
	width:200px;
	background:#990000;
	color:#ffffff;
	}
	
.menu ul li:hover ul li:hover ul li a:hover {
	background:#b0c6c8;
	color:#000000;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS UNDER CATALOGS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.catalog {
	text-align:center;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	}
	
.catalog a {
	font-weight:bold;
	color:#990000;
	}

	
.catalog a:link {
	text-decoration:underline;
	}

.catalog a:hover {
	color:#000000;
	text-decoration:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	margin:0px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	color:#666666;
}

.product {
	text-align:center;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#000000;
	}

p {
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	}
	
p a {
	color:#990000;
	}

p a:hover {
	color:#000000;
	}


ol {
	text-align:left;
	text-indent:0px;
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#000000;
	}

h1 {
	text-align:left;
	text-indent:8px;
	top:8px;
	font-size:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}


h2 {
	text-align:left;
	font-size:16px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#617e91;
}

h3 {
	text-align:left;
	font-size:14px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
}

h4 {
	text-align:left;
	text-indent:15px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
}


.grid {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	}

.articles {
	text-align:center;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#990000;
	}

.articles a:link {
	color:#990000;
	}

.other-articles {
	text-align:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	}

.other-articles a:link {
	text-decoration:none;
	color:#000000;
	}

.other-articles a:hover {
	text-decoration:underline;
	color:#990000;
	}

.customerservice-a {
	text-align:left;
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#f4f4e9;
	}

.customerservice-b {
	text-align:left;
	font-size:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#757b7f;
	}
	
.body ul {
	text-align:left;
	text-indent:0px;
	border:0;
	list-style-type:disc;
	margin-left:20px;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#000000;
	}

.body li a:link, .body li a:visited {
	font-weight:normal;
	color:#990000;
	text-decoration:underline;
}

.body li a:hover, .body li a:active {
	font-weight:normal;
	color:#000000;
	text-decoration:underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.contact {
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	background-color:#c6c7bd;
	}

.contact a {
	font-weight:bold;
	color:#990000;
	}
	
.contact a:link {
	text-decoration:underline;
	}

.contact a:hover {
	text-decoration:none;
	color:#000000;
}


.footer {
	text-align:center;
	border:0;
	margin:0;
	padding:0;
	background-color:#dedfb5; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	}

.emphasis {
	font-size:11px;
	font-weight:bold;
	}

ul#footer-links {
	border:0;
	margin:0;
	padding:0;
	text-align:left;
	list-style:none;
	}

ul#footer-links li a:link, ul#footer-links li a:visited {
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:normal;
	color:#990000;
	text-decoration:underline;
}

ul#footer-links li a:hover, ul#footer-links li a:active {
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}

.footer a {
	font-weight:bold;
	color:#000000;
	}
	
footer a:link,
footer a:visited {
	text-decoration:underline;
	color:#990000;
	}

footer a:hover {
	color:#000000;
	text-decoration:none;
}

footer a:active {
	color:#000000;
}