/* CSS Document */
/*
dark grey	#101010
mid grey	#666666
yellow		#fff100
*/

body		{margin:0px; padding:0px;
	 	 color:#ffffff; background-color:#101010;
	 	 font-size:11px; font-weight:normal; font-family:Arial,Verdana,sans-serif;}

#container	{width:960px; margin:0px auto; padding:0px;}

#header		{width:960px; height:101px; margin:0px auto; padding:0px;
		 color:#ffffff; background-color:#101010;
		 background-image:url('../graphics/header2.gif');
		 font-size:13px; font-weight:bold; text-align:center;
		 overflow:hidden;}

#gradient	{width:960px; height:19px; margin:0px; padding:0px;
		 background-image:url('../graphics/gradient1.gif');}

#pageNav	{width:182px; margin:10px 8px 10px 0px; padding:0px;
		 color:#fff100; background-color:#101010;
		 float:left;}

#toplinks	{width:960px; height:21px;
		 margin:0px; padding:0px;
		 color:#101010; background-color:#fff100;}
#toplinks div	{width:460px; height:21px; margin:0px 10px; padding:0px;
		 font-size:11px; font-weight:normal; line-height:21px;
		 float:left;}

#container a:link	{color: #fff100; text-decoration: none;} 
#container a:visited	{color: #fff100; text-decoration: none;} 
#container a:hover	{color: #666666; text-decoration: none;} 
#container a:active	{color: #666666; text-decoration: none;}
	
	/************ sectionLinks styles **************/

#sectionLinks	{width:182px; margin:10px 0px; padding:0px;
		 list-style-type:none;}
#sectionlinks li{width:165px; margin:0px; display:block;}
#sectionlinks a	{margin:0px; padding:2px 2px 2px 13px;
		 display:block; text-decoration:none;}

#sectionLinks a:link,
#sectionLinks a:visited
		{margin:0px; padding:2px 2px 2px 13px;
		 color:#fff100; background-color:#101010; border:1px solid #101010;
		 font-size:12px; font-weight:normal; text-decoration:none; display:block;}

#sectionLinks a:hover,
#sectionLinks a:active
		{margin:0px; padding:2px 2px 2px 13px;
		 color:#ffffff; background-color:#666666; border:1px solid #fff100;
		 font-size:12px; font-weight:normal; text-decoration:none; display:block;}


#contentbox	{width:770px;
		 margin:10px auto; padding:0px;
		 float:left;}

#toplinks a:link	{color:#101010; font-weight:bold; text-decoration:none;} 
#toplinks a:visited	{color:#101010; font-weight:bold; text-decoration:none;} 
#toplinks a:hover	{color:#666666; font-weight:bold; text-decoration:none;} 
#toplinks a:active	{color:#666666; font-weight:bold; text-decoration:none;}

.search		{width:165px; margin:10px 0px; padding:2px 2px 2px 13px;}
.search input	{color:#fff100; background-color:#101010; border:1px solid #fff100;}

h1		{color:#fff100; font-size:16px; font-weight:bold;}
h2		{color:#ffffff; font-size:14px; font-weight:bold;}
h3		{margin:2px; padding:1px; color:#ffffff; font-size:12px; font-weight:bold;}

p		{color:#ffffff; font-size:12px; font-weight:normal;}
img		{border:none;}

/* cats was a table of cells on index.html */
/*
#cats		{width:755px; margin:20px 10px; padding:0px;}
#cats td	{width:250px; height:150px; margin:10px; padding:5px;
		 border:1px solid #fff100;
		 text-align:center;}
#cats td a	{display:block; text-decoration:none;}
#cats td img	{border:none;}
*/

#cats		{width:770px; margin:20px 0px; padding:0px; font-size:10px; font-weight:normal;}
#cats div	{width:235px; width:175px; height:170px; margin:2px; padding:5px 3px;
		 border:1px solid #fff100;
		 text-align:center; overflow:hidden; float:left;}
#cats div a	{display:block; text-decoration:none;}
#cats div img	{border:none;}
	
#subs		{width:770px; margin:20px 0px; padding:0px;}
#subs div	{width:170px; height:170px; margin:2px; padding:5px;
		 border:1px solid #fff100;
		 text-align:center; overflow:hidden; float:left;}
#subs div a	{display:block; text-decoration:none;}
#subs div img	{border:none;}
	
#prods		{width:770px; margin:20px 0px; padding:0px;}
#prods div	{width:170px; height:190px; margin:2px; padding:5px;
		 border:1px solid #fff100;
		 text-align:center; overflow:hidden; float:left;}
#prods div a	{display:block; text-decoration:none;}
#prods div img	{border:none;}

#product	{width:770px; margin:20px 0px; padding:0px;}
#product img	{border:none;}
#prod_img	{width:450px; margin:0px auto; float:left;}
#prod_form	{width:290px; margin:10px 0px 10px 10px; padding:5px; border:1px solid #fff100; float:left;}
#prod_other	{margin:20px 0px;}

#basket		{width:755px; margin:20px 10px; padding:0px;}

#basketitems	{width:100%; margin:5px; border:1px solid #101010;}
#basketitems th	{margin:1px; padding:3px;
		 border:1px solid #fff100;
		 font-weight:bold; text-align:left;}
#basketitems td	{margin:1px; padding:3px;
		 border:1px solid #fff100;
		 text-align:left;}
.delete		{color:red; font-size:16px; font-weight:bold;}
#checkoutt	{width:100%; margin:5px; border:1px solid #fff100;}
#checkoutt td	{margin:1px; padding:3px;
		 border:none;
		 text-align:right;}
#cardholder	{width:100%; margin:5px; border:1px solid #fff100;}
#cardholder th	{margin:1px; padding:3px;
		 border:none;
		 font-weight:bold; text-align:left;}
#cardholder td	{margin:1px; padding:3px;
		 border:none;
		 text-align:right;}
#payment	{width:100%; margin:5px; border:1px solid #fff100;}
#payment th	{margin:1px; padding:3px;
		 border:none;
		 font-weight:bold; text-align:left;}
#transaction	{width:738px; margin:5px; padding:10px; border:1px solid #fff100; overflow:hidden;}


#searchlocs	{width:96%; margin:10px 5px; border:1px solid #fff100;}
#searchlocs p	{margin:5px; font-size:10px;}

#cust		{}
#cust li	{color:#fff100; font-size:12px; padding:10px;}

.wish		{width:80%; margin:5px; padding:3px; border:1px solid #fff100;}

#contact	{}
#contact input	{width:250px; height:20px; margin:2px; padding:2px;
		 color:#fff100; background-color:#666666; border:1px solid #fff100;
		 font-size:12px; font-weight:normal; font-family:Arial,Verdana,sans-serif;}
#contact .button{width:120px; height:20px; margin:2px; padding:2px;
		 font-size:12px; font-weight:bold;}
#contact textarea
		{width:250px; height:100px; margin:2px; padding:2px;
		 color:#fff100; background-color:#666666; border:1px solid #fff100;
		 font-size:12px; font-weight:normal; font-family:Arial,Verdana,sans-serif;}




#footer		{width:960px; height:20px;
	 	 margin:10px auto; padding:0px;
	 	 color:#101010; background-color:#fff100;
	 	 font-size:11px; line-height:20px; text-align:center; text-decoration: none;
		 clear:left;}
  #footer div	{height:20px; margin:0px 5px; padding:0px; float:left;}

#footer a:link		{color: #101010; text-decoration: none; font-weight:bold;} 
#footer a:visited	{color: #101010; text-decoration: none; font-weight:bold;} 
#footer a:hover		{color: #666666; text-decoration: none; font-weight:bold;} 
#footer a:active	{color: #666666; text-decoration: none; font-weight:bold;}



