html, body {margin:0; padding:0; width:100%; height:100%; overflow: hidden;}

body {font-size:11pt; font-family: "Century Gothic";}

body a img {border:none;}

#background{position:absolute; z-index:1; width:100%; height:100%;}

#background-container {width: 950px; height:100%; overflow:hidden; margin-left:auto; margin-right:auto;}

#content-background{position:relative; z-index:2; width:100%; height:100%; border-left-style:solid; border-right-style:solid; border-left-width:thin; border-right-width:thin;}

#scroller {position:absolute; width:100%; height:100%; top:0; left:0%; z-index:2; overflow: auto;} 

#content {position: relative; z-index: 2; width: 950px; height: 100%; top: 0; margin-left:auto; margin-right:auto;}

.white {position:relative; background:#FFFFFF; border-color: black; border-width: 1px; border-style: solid;}

.red {position:relative; background:url(images/menu-middle.jpg); height:34px; border-color: black; border-width: 1px; border-style: solid;}

.black {position:relative; background:#000000; border-color: black; border-width: 1px; border-style: solid; color:#FFFFFF; text-align:center;}

#logo {position: relative; width:350px; height: 250px; top: 10px; left: 20px; float:left;}

#slogan {  position: relative; left: 20px; top: 75px; width: 350px; font-size: 30pt; float:left;}

#navcontainer {left:3%; top: 0; z-index: 2; position: relative; width: 94%;}

.menu { color:#FFF; height:34px; text-align: center; vertical-align:middle;}

.menu a {text-decoration: none; color:#FFF;}

.menu a:link, .menu a:visited {color: white;}

.menu a:hover {color: black;}

#shopping-cart {position:relative; left: 3%; top: 10px; width: 25%; float:left; color:#FFF; text-align:center;}

#shopping-cart a {text-decoration: none; color:#FFF;}

#cart {position:relative; left:20px; width:45px; float:left;}

#cart-stats {position:relative; left:50px; top:10px; width:80px; text-align:center; font-size:14px;}

#search {position:relative; left:40px; top:10px; width: 640px; float:left;}

#search-header {position: relative; background:#000 repeat; width: 620px; left: 10px; height: 50px; color:#FFF; float:left;}

.search {background-color:#FFF; border:.5px; border-color:#000; margin-left: 10px; margin-top: 5px; width:55%; height:18px; float:left;}

.search-type {background-color:#FFF; border:.5px; border-color:#000; margin-left: 10px; margin-top: 5px; width:30%; float:left;}

#go-button {position: relative; background: #000 repeat; left:8px; top:0px; border: none; width: 60px; height: 25px; color:#FFF; padding-top:2px; text-align:center; float:left; font-size:14px; font-family:"Century Gothic"}

.clear-left {clear:left;}

#browse-menu {position:relative; left: 3%; top: 25px; width: 25%; float:left; cursor:pointer;}

#browse-header {color:#FFF; width: 237.5px; height:34px; text-align: center; vertical-align:middle;}

#browse-footer {width: 100%;}
	
.menu1{position:relative; background-color: #000; padding-top:2px; padding-bottom: 2px; display:block; border-color: black; border-width: 1px; border-style: solid; text-decoration: none; color: #FFF; height: 20px; font-size:14px; left:0;}

.submenu a, .submenu a:link, .submenu a:visited{position:relative; background-color: #000; display: block; height: 19px; padding-top: 2px; padding-left: 24px; color: #FFF; font-size:13px; text-decoration: none; border-color: black; border-width: 1px; border-style: solid;}

.submenu a:hover { background-image:url(images/menu-middle.JPG); color:#FFF; border-color: black; border-width: 1px; border-style: solid;}

.hide{display: none;}

.show{display: block;}

#mainpage {position:relative; left: 40px; width:640px; top: 25px; float:left; }

#feature1 {position:relative; left: 20px; top: 0px; width: 250px;} 

.details {position:relative; left: 10px; top: 0px; height: 97%; width: 97%; background:white; border-top-size: .5px; border-bottom-size: .5px;}

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid red;
	
	text-decoration: none; /* no underline */
	color: red;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid red;

	color: white;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid red;
		
		font-weight: bold;
		background-color: red;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid red;
	
		color: red;
	}

div.ipp {
	padding: 3px;
	margin: 3px;
}

div.ipp a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid white;
	
	text-decoration: none; /* no underline */
	color: white;
}
div.ipp a:hover, div.ipp a:active {
	border: 1px solid white;

	color: black;
}
div.ipp span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid white;
		
		font-weight: bold;
		background-color: white;
		color: red;
	}
.line-through{
	text-decoration: line-through;
	
}

#main {

            padding: 10px;

            background: #f0f0f0;

            border: 1px solid #ccc;

}


.carousel {
	position:relative;
	border:thick;
	width:100%;
	margin-left: 2%;
	height: 100px; 
	
}