/* BASE CSS */

* {
	margin: 0px;
	padding: 0px;
}

html, body#body {
	background-position: top center;
	background-color: #4E4D4C;
	background-repeat: no-repeat;
	background-image: url(../images/background.jpg);
}

body, p, td, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #2A2A2A;
}

body.editor {
	background-color: #FFFFFF;
	background-image: none;
}

table {  
	border-collapse:collapse;
	border-spacing: 0px;
	border: 0px;
} 

table td {
	vertical-align: top;
}

p {
	margin-bottom: 10px;
}

a {text-decoration: none; color : #7770AE;}
a:hover {text-decoration: none; color : #000000}

img { border: none; }

/* LAYOUT CSS */

#wrapper {
	width: 760px;
	margin: 0px auto;
}

#border_left, #border_right {
	width: 15px;
	background-repeat: repeat-y;
}

.border_left {
	background-image: url(../images/border_left.png);
}

.border_right {
	background-image: url(../images/border_right.png);
}

#top_left {
	width: 228px;
	background-repeat: repeat-x;
	background-image: url(../images/topleft_bg.gif);
}

#mailinglist {
	margin-top: 8px;
	width: 166px;
	height: 20px;
	border: 1px solid #D4D4D4;
}

#mailinglist td {
	vertical-align: middle;
}

#emailform {
	border: 0px;
	background-color: #F3F3F2;
	height: 17px;
	width: 134px;
	float: left;
	color: #A6A6A6;
	padding: 3px 5px 0px 5px;
	text-align: right;
	font-size: 12px;
}

#nav {
	font-size: 12px;
	line-height: 19px;
	margin-top: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#nav a {
	width: 210px;
	padding-left: 18px;
	display: block;
	color: #2D2D2D;
}

#nav a:hover, #nav a.active {
	color: #CA236F;
}

#nav a.active {
	background-repeat: no-repeat;
	background-position: left center;
}

#header, #page {
	width: 730px;
	background-color: #E6E6E4;
}

#bottom_left {
	width: 212px;
	background-position: bottom left;
	background-repeat: no-repeat;
	font-size: 11px;
	padding-bottom: 140px;
}

#bottom_left h2, #bottom_left img {
	padding-left: 18px;
	color: #2A2A2A;
}

#subnav {
	font-size: 12px;
	line-height: 19px;
	font-weight: bold;
}

#subnav a {
	width: 210px;
	padding-left: 18px;
	display: block;
	color: #2D2D2D;
}

#subnav a:hover, #subnav a.active {
	color: #8F951A;
}

#subnav a.active {
	background-repeat: no-repeat;
	background-position: left center;
}

#subnav h2 {
}

#nav a.active, #subnav a.active {
	background-image: url(..//images/nav_on.gif);
}

.news, .cart-summary {
	padding-left: 18px;
}

.textbox {
	background-color: #FFF;
	border: 1px solid #4E4D4C;
	margin: 0px;
	line-height: 17px;
	height: 17px;
	text-align: right;
	padding: 0 3px;
	width: 85px;
	float: left;
}

.cart-summary .button {
	margin: 0px;
}

#stretch {
	width: 25px;
}

#content_box {
	width: 493px;
	margin-top: 10px;
	background-position: bottom left;
	background-repeat: no-repeat;
}

#content {
	width: 447px;
	padding: 8px 14px;
}

#stretch2 {
	width: 18px;
}

#footer {
	height: 42px;
	background-image: url(../images/footer_bg.jpg);
}

/* CONTENT CSS */

h1 {
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	color: #8F951A;
	margin-bottom: 8px;
}

h2 {
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
	color: #8F951A;
	margin-bottom: 8px;
}

.rule {
	height: 1px;
	border: 0px;
	padding: 0px;
	line-height: 1px;
	min-height: 1px;
	font-size: 1px;
	background-color: #9B9B9B;
	margin: 8px 0px 10px 0px;
}

div.hr {
	height: 1px;
	background-color: #9B9B9B;
	margin: 8px 0px 10px 0px;
}

div.hr hr {
	display: none;
}

input, select {
	margin: 2px 2px 0px 2px;
}

.submit, .button {
	background-color: #4E4D4C;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border: 0px;
	margin: 2px 2px 0px 2px;
	padding: 2px;
}

a.button {
	color: #CCCCCC;
}

.alert {
	color: #FF0000;
}

#product {
	width: 447px;
	margin-top: 4px;
}

#product-image {
	padding-right: 20px;
}

.product_photo {
	margin: 20px 0px 0px 0px;
	float: left;
	padding: 3px;
	background-color: #F3F3F2;
	border: 1px solid #000000;
}

#product h3 {
	font-size: 14px;
}

.product_grid td {
	padding-bottom: 15px;
	padding-right: 15px;
	line-height: 17px;
}

.product_grid img {
	background-color: #F3F3F2;
	border: 1px solid #000000;
	padding: 3px;
}

#trade, #gallery {
	margin-top: 10px;
	width: 447px;
}

#trade td {
	width: 149px;
	text-align: center;
	padding-bottom: 20px;
}

#trade img {
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #979696;
}
.photo {
	background-color:#FFFFFF;
	border:1px solid #000000;
	padding:3px;
}


/* GALLERY STYLES */

.gallery {
	padding: 0px;
	margin: 0px;
}

.gallery td {
	width: 167px;
	text-align: center;
	padding: 0px 7px 17px 0px;
}

.gallery table {
	background-color: #FAF8F6;
	border: 1px solid #000000;
	width: 138px;
	height: 138px;
}

.gallery td table td {
	padding: 2px;
	width: 137px;
	height: 137px;
	vertical-align: middle;
}

.gallery img {
	padding: 0px;
	margin: 0px;
}

/* ADMIN CSS */

#admin .button {
	margin: 0 3px 6px 0;
}

#admin .admin_table {
	width: 100%;
}

#admin .admin_table td {
	padding-right: 4px;
}

.admin-index-list img { 
	float: left; 
	padding: 2px 6px 2px 4px;
}

.admin-index-list, .admin-index-grid { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 100%;
}

.admin-index-list li { 
	padding: 3px;
	margin: 5px 0;
	line-height: 17px;
	background-color: #aaa; 
	background-image: url('../images/admin_bar_bg_light.png');
	background-position: center left;
	background-repeat: repeat-x;
	border: 1px solid #999; 
}

.admin-index-list li div {
	float: right;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#admin .admin-index-list .button { margin: 0px; width: 100%; }
.admin-index-list li div { margin-right: 5px; }
.admin-index-list li div.view { width: 36px; }
.admin-index-list li div.configure { width: 78px; }
.admin-index-list li div.edit { width: 33px; }
.admin-index-list li div.subpages { width: 90px; }
.admin-index-list li div.delete { width: 48px; }

.admin-index-grid li {
	width: 143px;
	height: 188px;
	padding: 8px 0 0 8px;
	float: left;
	background-color: #aaa; 
	border: 1px solid #999; 
	margin: 0 10px 10px 0;
}

/* CART CSS */
#cart {
	width: 100%;
}

#cart .right {
	text-align: right;
}

.orderform {
	width: 100%;
}

.orderform td {
	padding: 1px 3px 1px 0px;
}