/* Front-End Stylesheet
	Configure to match your layout look and feel
*/

/* Import necessary SMS class css files */
	@import url(/_styles/styles_2004.css);
	@import url(/_styles/advertising.css);

.cfdebug { }

body {
	margin: 0; padding:0;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 10px;
	background-color: #90d8e7;
	color: #000;
}
	
a, a:link, a:visited { color: #b60000; text-decoration: none; border-bottom: 1px solid #b60000; }
a:hover, a:active { text-decoration: underline; }

img {border:none;}

.nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	.nav li {
		display: inline;
		margin: 0;
		padding: 0;
	}

#container {
	width: 750px;
	background: white;
	margin: 0 auto;
}

#nav {
	background: #2f2f2f;
	color: white;
	text-align: right;
	padding-bottom: 2px;
}
	#nav ul {
		border-bottom: 1px solid #90d8e7;
		padding: 4px 6px;
	}
	#nav a {
		color: white;
		border: none;
	}
	
#header {
	border-bottom: 1px solid black;
}
	#header a {
		border: none;
		text-decoration: none;
	}
	
	#header h1 {
		display: none;
	}
	#header p.slogan {
		display: none;
	}

#main {
	border-top: 4px solid white;
	background: white url("images/main-back.jpg") repeat-y left;
}
	#content {
		width: 582px;
		float: right;
		margin: 0 4px 4px 0;
	}
		#content h2 {
			color: white;
			background: #2f2f2f;
			font-size: 22px;
			padding: 4px 1px 2px 1px;
			margin: 0;
		}
		#content h2 span {
			display: block;
			border-bottom: 1px solid #90d8e7;
			padding: 4px;
		}
		#content h3 {
			font-size: 12px;
		}
		#content h4 {
			color: #248FA5;
			padding-bottom: 4px;
			border-bottom: 1px solid #248FA5;
			clear: both;
			font-size: 10px;
		}
		#content a { border: none; }
		#content a:hover { text-decoration: underline; }
		#content p { text-align: justify; }
		#content .information a { text-decoration: none; }
		#content .information a:hover { border-bottom: 2px solid #b60000; }
		#content table { line-height: 1.6em; }
		
		#content .float-right {
			float: right;
			padding: 0 4px 0 16px;
		}
		#content #products {
			height: 165px;
			background: #c0c0c0;
		}
			#products .product {
				height: 164px;
				width: 143px;
				float: left;
				background: pink;
				margin: 0 1px 0 1px;
			}
			#products .product .product-image {
				width: 137px;
				margin: 0 auto;
				border: 1px #bde5ed solid;
				text-align: center;
			}
			#products .product .product-info {
				position: relative;
				bottom: 0;
				left: 0;
				border-top: 1px #0090b3 solid;
				width: 137px;
				height: 40px;
				background: blue;
			}
		#content #sponsors {
			text-align: center;
		}
	
	#sidebar {
		margin: 0 0 4px 5px;
		padding: 0 0 4px 0;
		width: 150px;
		float: left;
		background: #950000 url("images/sidebar-back.jpg") repeat-y;
	}
	* html #sidebar { margin: 0 0 0 3px; width: 149px; }
	#shopping-cart,
	#email-list {
		margin: 4px 0;
	}
		#cart-items,
		input#txtEmailAddress {
			background: white;
			border: 1px solid #7F9DB9;
			width: 125px;
			height: 21px;
			line-height: 20px;
			margin: 8px auto;
			padding: 0 2px 0 2px;
		}
		#cart-items {
			font-size: 12px;
		}
		input#txtEmailAddress {
			margin-left: 9px;
		}
		input#btnEmailSubmit,
		input#btnCartCheckout {
			text-align: center;
			margin-left: 5px;
			border-top: 1px solid #D38080;
			border-bottom: 1px solid #D38080;
			width: 139px;
		}
		#sidebar a {
			color: white;
			border: none;
		}
		#sidebar h3,
		#sidebar ul li {
			color: white;
			height: 20px;
			line-height: 20px;
			font-size: 12px;
			margin: 0 4px 2px 4px;
			border-top: 1px solid #D38080;
			border-bottom: 1px solid #D38080;
		}
		#sidebar ul li a {
			display: block;
		}
			#sidebar h3 span,
			#sidebar ul li a span {
					margin: 0 2px 0 4px;
					padding-left: 4px;
					border-left: 1px dotted #D38080;
			}
		#sidebar h3 {
			font-weight: normal;
		}
		#sidebar ul {
			list-style-type: none;
			margin: 8px 0 8px 0;
			padding: 0;
		}
			#sidebar ul li {
				background: #dd3838;
			}
			#sidebar ul li.current {
				background: #2F2F2F;
			}
			#sidebar ul a:hover {
				background: #c00000;
			}
				#sidebar ul li a:hover {
					text-decoration: none;
				}
	
#footer {
	clear: both;
	margin-left: 162px;
	padding: 20px 0 16px 4px;
	border-top: 1px solid #248FA5;
	width: 578px;
}
/** html #footer { width: 582px; }*/
	#footer p {
		padding: 0;
		margin: 0;
	}