/*** Body ***/
	
	html, body {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		min-width: 780px;
		font: normal 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align: center;
		background: url(background.gif);
		}

	li {list-style:none}
	
	a {
		color: #314055;
		text-decoration: underline;
		}
	a:hover {
		color: #7396c7;
		text-decoration: none;
		}
	
	
/*** Header ***/
	
	#header {
		background-image: url(header_background.gif);
		background-repeat: repeat-x;
		height: 118px;
		padding: 0;
		}
		
	#header-content {
		width: 780px;
		margin: 0 auto;
		padding: 0;
		text-align: left;
		
		width:960px;
		}
		
	#headerlogo {
		width: 475px;
		float: left;
		position: relative;
		}

	#header img {
		margin: 9px 0 0 0;
		padding: 0;
		float: left;
		}
		
	#header h4 {
		font-size: 85%;
		width: 170px;
		color: #DDD; 
		margin: -65px 2px 0 0;
		padding: 0 0 0 300px;
		float: right;
		font-family: Arial, Helvetica, sans-serif;
		}


/*** Shopping Cart ***/
		
	#cart {
		background: url(cart_background.gif) no-repeat;
		width: 301px;
		height: 118px;
		float: right;
		padding: 0;
		margin: 0;
		position: relative;
		overflow: visible;
		font-family: Arial, Helvetica, sans-serif;
		}
			
	#cart ul { 
		margin: 32px 0 0 10px;
		padding: 0;
		width: 166px;
		font-size: 70%;
		color: #DDD;
		line-height: 118%;
		float: left;
		}
		
	#cart li.more {
		font-size: 75%;
		margin: 6px 0 0 0;
		padding: 0;
		float: left;
		}
		
	#cart a {
		color:#ff9900;
		text-decoration: none;
		}
		
	#cart a:hover {
		text-decoration: underline;
		}
		
		
/*** Buttons ***/

	.cart-buttons {	
		float: right;
		width: 121px;
		padding: 0;
		margin: 16px 4px 0 0;
		}

	.total {
		background: url(cart_total.gif) no-repeat;
		height: 19px;
		padding: 2px 0 0 0;
		margin: 0 0 1px 0;
		font-size: 70%;
		text-align: center;
		color: #FFF;
		}

	.cart-buttons #edit {
		background: url(cart_editcart.gif) no-repeat; 
		padding: 0;
		border: 0;
		width: 121px;
		height: 20px;
		}

	.cart-buttons #checkout {
		background: url(cart_gotocheckout.gif) no-repeat; 
		padding: 0;
		border: 0;
		width: 121px;
		height: 20px;
		}	
		
		
/*** Navigation Menu ***/	

	#navigation {
		position: relative;
		background-image: url(menu_background.gif);
		background-repeat: repeat-x;
		padding: 0;
		margin: 0;
		}
		
	#navigation-content {
		margin: 0 auto;
		float: left;
		padding: 0;
		text-align: center;
		}
		
	#navigation ul {
  	padding: 0;
  	margin: 0 auto;
  	width: 780px;
  	text-align: right;
  	}

	#navigation ul li {
  	display: inline;
  	line-height: 28px;
  	}

	#navigation ul li.first { 
  	background: url(menu_separator.gif) no-repeat top left;
		padding: .2em 0 .25em 2px;
  	}
		
	#navigation li a {
  	background: url(menu_separator.gif) no-repeat top right;
  	padding: .38em 25px 0.25em 25px;
  	font-size: .85em;
  	font-weight: bold;
		line-height: 28px;
  	text-decoration: none;
  	color: white;
 	 	}

	#navigation a:hover {
		text-decoration: underline;
		}

/*** Containers ***/
			
	#super-container1 {
		background: url(content_background.gif);
		margin: 0;
		padding: 0;
		}

	#super-container2 {
		background: url(content_gradient.gif) repeat-x;
		margin: 0;
		padding: 0;
		}
		
	#containerLayout {
		
		position: relative;
		padding: 10px 40px;
		font-size: 90%;
		line-height: 140%;
		
		width:960px; margin: 0 auto; padding: 10px 0;
		}


/*** Sidebar ***/

	#sidebar {
		width: 200px;
		position: relative;
		padding: 0;
		margin: 0;
		text-align: left;
		float: left;
		}

	#sidebar p { 
		font-size: 70%
		}
	
/*** Search ***/
		
	#search {
		background-image: url(sidebar_middle.gif);
		width: 200px;
		height: 74px;
		float: left;
		}
		
	#search fieldset {
		border: none;
		padding: 0;
		}

	#search-form {
		background: url(bg_search_box.gif) no-repeat;
		width: 179px;
		height: 24px;
		padding: 0 0 6px 0;
		margin: 0 0 0 10px;
		}
 
	#search-form #s {
		background: none;
		float: left;
		padding: 0;
		margin: 2px 0 0 1px;
		border: none;
		width: 145px;
 		font-size: 98%; 
		}
 
	#search-form #go {
		float: right;
		margin: 0; 
		width: 26px;
		height: 24px; 
		}
		
		
/*** Categories ***/


	#subcategories {
		background: url(categories_bullet-sm.gif) no-repeat center left;
		padding-left: 14px;
		margin: 2px 0 0 40px;
		font-size: 85%;
		}

        #subcategories a {
		color: #000;
		text-decoration: none;
		}
		
	#subcategories a:hover {
		text-decoration: underline;
		}

	#categories {
		background-image: url(sidebar_middle.gif);
		width: 200px;
		padding: 0;
		margin: 10px 0 0 0;
		font-family: Arial, Helvetica, sans-serif;
		float: left;
		}
		
	#categories h3, #search h3 {
		background: url(sidebar_top.gif) no-repeat;
		width: 200px;
		height: 37px;
		padding: 8px 0 0 10px;
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		text-transform: uppercase;
		
		width: auto;
		}
		
	#categories ul {
		margin: 0;
		padding: 0 0 5px 0;
		}
	
	#categories li {
		background:url(categories_bullet.gif) no-repeat center left;
		padding-left: 17px;
		margin: 1px 0 1px 18px;
		}	
	#categories li.subcategories { 
  		background: url(categories_bullet-sm.gif) no-repeat center left; padding-left: 14px; margin: 2px 0 0 40px; 
		} 	

	#categories li.active {
		background: url(categories_downbullet.gif) no-repeat 0 3px;
		}
		

	#categories a {
		color: #000;
		text-decoration: none;
		}
		
	#categories a:hover {
		text-decoration: underline;
		}
		
	#categories-bottom, #search-bottom {
		background-image: url(sidebar_bottom.gif);
		float: left;
		width: 200px;
		height: 7px;
		}


/*** Content ***/
	
	#contentLayout {
		max-width: 850px;
		margin-left: 220px;
		padding: 0;
		text-align: left;
		background: #FFF url(content_border_left.gif) repeat-y;
		
		max-width: none; width:740px; float: right; margin: 0;
		}

	#content-inner { background: url(content_border_right.gif) right top repeat-y;}
	
	#contentLayout #content-top {
		width: 100%;
		background: url(content_top_middle.gif) repeat-x;
		float: left;
		
		}
	
	#contentLayout #content-top #content-title { background: url(content_top_left.gif) no-repeat; }
		
	#contentLayout #content-top #content-title h3 {
		height: 36px;
		margin: 0;
		padding: 8px 0 0 10px;
		font-family: Arial, Helvetica, sans-serif;
		background: url(content_top_right.gif) no-repeat right top;
		text-align: left;
		text-transform: uppercase;
		
		padding: 0; padding-left: 10px; line-height:34px; 
		}

		
	#contentLayout h2 { 
		font-size: 105%;
		font-weight: bold;
		padding: 2px 30px 0 20px;
		margin-bottom: -8px;
		}
		
	#contentLayout p  {
		margin: 0;
		font-size: 90%;
		padding: 10px 30px 0 30px;
		}
		
	h3 {
		font-size: 95%;
		color: #FFF;
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 10px;
		}
		
	#contentLayout p.end {
		padding: 15px 0 0;	
		font-size: 80%;
		text-align: center;
		clear: both;
		}
		
	#content-bottom-wrap {
		background: url(content_bottom_middle.gif) repeat-x bottom;
		clear: both;
		}
	
	#content-bottom-inner { background: url(content_bottom_left.gif) no-repeat left bottom; }
	#content-bottom { background: url(content_bottom_right.gif) no-repeat right bottom; }


/*** Footer ***/
		
	#footer {
		height: 40px;
		background: url(footer_background.gif) repeat-x;
		clear: both;
		}
		
	#footer-content {
		position: relative;
		left: 50%;
		margin: 0 0 0 -30px;
		float: left;
		text-align: left;
		}

	#footer-content p {
		color: #8a929d;
		font-size: 70%;
		}
	
	
/*** Clearing ***/	
	
	.clearing {
		clear: both;
		}