html, body, form, ul, ol, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

body
{
	background: #000 url("../img/bodyback.jpg") center top repeat-y;
	text-align: center;
}

body, table, td {
	font: 12px/1.5em Helvetica, Arial, Verdana, sans-serif;
}

img { display: block; border: none; }

a, a:link, a:visited { text-decoration: none; color: #18ff00; }
a:hover, a:active { text-decoration: underline; color: #18ff00; }

#container
{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#header
{
	position: relative;
	height: 238px;
	background: url("../img/headerback.jpg");
	font-size: 11px;
}
#header #cat { 
	position: absolute; left: 460px; top: 40px; 
	font-size: 13px; font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: bold;
}
#header #cat a { color: fff; margin-right: 15px; }
#header #cat a.selected { color: #f5740e; }

#header #cart
{
	position: absolute; left: 775px; top: 40px;
	color: #9F9D9D;
	cursor: pointer;
}
#header #cart #items, #header #cart #subtotal, #header #cart #checkout { display: inline; }
#header #cart #checkout { visibility: hidden; }
#header #cart #items span.items { color: #f5740e; }
#header #cart a { color: #f5740e; }
#header #subcat { 
		position: absolute; left: 460px; top: 90px;
}
#header #subcat a { color: fff; padding: 5px 0 0 25px; margin-right: 15px; }
#header #subcat a.selected { color: #f5740e; background: url("../img/bullet.jpg") no-repeat; }



#logo
{
	position: absolute;
	left: 255px; top: 11px;
}
#logo a
{
	display: block;
	width: 510px; height: 105px;
	background: url("../img/logo.png");
	behavior: url("iepngfix.htc");
}
#logo span { display: none; }

#logo2
{
	position: absolute;
	left: 11px; top: 11px;
	width: 97px; height: 158px;
	background: url("../img/logo2.png");
	behavior: url("iepngfix.htc");
}


#nav { position: absolute; left: 394px; top: 125px; }
#nav, #nav li { list-style: none; }
#nav li { float: left; margin-right: 10px; }
#nav a
{
	display: block;
	height: 21px;
	border: 1px #fff solid;
	background: url("../img/nav.gif") 0 0 no-repeat;
}
#nav li.home a { width: 36px; background-position: 0 0; }
#nav li.home a:hover, #nav li.home a.selected { background-position: 0 -21px; }
#nav li.about a { width: 54px; background-position: -36px 0; }
#nav li.about a:hover, #nav li.about a.selected { background-position: -36px -21px; }
#nav li.shop a { width: 33px; background-position: -90px 0; }
#nav li.shop a:hover, #nav li.shop a.selected { background-position: -90px -21px; }
#nav li.contact a { width: 50px; background-position: -123px 0; }
#nav li.contact a:hover, #nav li.contact a.selected { background-position: -123px -21px; }

#nav span { display: none; }



#content
{
	
	color: #333; background: #d0d0d0 url("../img/contentback.gif") center top repeat-x; 
}

/* #content h3, #content h4, #content p, #content ul, #content ol, #content h1, #content h2 { margin: 10px; } */

#content h1, #content h2, #content h3, #content h4, #content p, #content form { margin: 0 10px; }
#content ul, #content ol { margin: 0 10px; list-style-position: inside; }
#content li { margin: 0 0 0 10px; }

#left, #right
{
	display: inline; float: left;
	width: 500px; height: 500px;
}
#left { overflow: hidden; }
#right { overflow-y: auto; overflow-x: hidden; background: url("../img/rightback.gif") 0 0 no-repeat; }
#right table { width: 470px; margin: 10px; font: 11px/1.5em Helvetica, Arial, Verdana, sans-serif; }
#right img { margin: 0 10px !important; }
#page_content { margin: 20px 10px; }

#centered
{
	display: inline; float: left;
	overflow: auto;
	width: 1000px; height: 500px;
}

#shop td { vertical-align: top; padding-bottom: 10px; }
#shop td input, #shop td textarea
{
	width: 100%;
	margin-left: 10px;
	border-width: 1px 0;
	background: #eee;
}
#shop input.button { color: #fff; background: #333; }

#shop { height: 490px; background: url("../img/shopback.gif") 0 0 no-repeat; }
#shop .arrow, #shop .col { display: inline; float: left; height: 490px; }

#shop .arrow { width: 48px; }
#shop .arrow img { cursor: pointer; position: relative; top: 40%; left:25%; }
#shop .arrow span { display: none; }
#shop .arrow a { display: block; height: 490px; }

#shop .col { width: 300px; margin-bottom: 10px; }
#shop .col img { border: 1px #d0d0d0 solid; }
#shop .col select, #shop .col input { margin-top: 5px; border: 1px solid #000; }
#shop .col select { width: 109px; background: #eee; margin-right: 1px;  }
#shop .col input { padding:1px 0; }
#shop .col input.button { display:block; width: 280px; }

#shop form { clear:both; }
#shop h4, #shop p { float:left; display:block; margin: 3px 12px; width:280px; }
#shop .swatch { width:15px;height:15px;border:1px solid #000; display:inline; float:left; margin-right:1px; cursor:pointer; }
#shop img { float:left; display:block; margin-top:10px; }
#shop h4 { margin-top:0px; }

#shop .price { font-weight: bold; font-size: 15px; color: #000; }
#shop .pricesale { color: #990000; }

/* sliding cart */
#buttons { display:none; }
#panes div div { overflow: hidden; float: left; display: none; }
#pane_content { float: left; display: inline; width: 2000px; }
#panes { margin-top: 10px; float: left; display: inline; width: 900px; }

#viewcart { width: 800px; background: url("../img/rightback.gif") -10 0 no-repeat;  }
#viewcart h1 { padding-top: 20px; }
#viewcart table { margin: 10px; font: 13px Helvetica, Arial, Verdana, sans-serif;}

/* contact page */
#contact_page table { margin: 0px; width: 80%; }



#footer
{
	position: relative;
	width: 100%; height: 75px;
	padding-top: 11px;
	background: url("../img/footerback.jpg") center top no-repeat;
	color: #fff; font-size: 11px;
}

#copyright { position: absolute; left: 11px; top: 11px; }

#nav2
{
	position: absolute;
	right: 11px; top: 11px;
	text-align: right;
	
}
#nav2 a { color: #fff; }
#nav2 a.selected { text-decoration: underline; color: #f5740e; }








