/* 405f91 body color blue
2f466b dark blue
474747 darker blue /grey
98b6d0 light blue

b8b251 lightest green/brown
918040 light green/brown
6b5e2f dark green/brown
8b8b8b grey
eeeeee light grey background
*/

body
{ 
	background-color: #918040;
	font-family: Georgia, arial, Verdana, sans-serif;
	font-size: 12px; 
	line-height: 14px; 
	color: #DDDDDD;
	margin-left: 0px; 
	margin-top: 0px;
   	text-align: center;
   	min-width: 770px;
	align: center;
	text-align: center;

} 


table{
   	min-width: 770px;
	align: center;
	width: 770px;
	background-color: #405f91;


}


div {
  text-align: -moz-center;
	align: center;
background-color: #918040; 
}

.buttons{ 
	border: 3px;
	
}
.inside {display: inline; width: 1px;} /* for nested elements eg tables*/
.mainlinks{
	background-image: url(images/menuslice38px.jpg);
	height: 37px;
	width: 100%;
	white-space: nowrap;
		/*style="text-align: left; width: 770px; height: 37px;" */
	padding: 0px;
		/*border="0" cellpadding="0" cellspacing="0"*/
	text-align: left;
}

.mainlinks_end{  /* change width to alter how links appear either left or right*/
	width: 100%;
}
a {color: white; text-decoration: underline; border: none; cursor: hand;}
a img {border: none;}
a:active {color: white; text-decoration: underline; border: none;}
li a:hover {color: white; text-decoration: underline; border: none; cursor: hand;}
a:visited  {color: #98b6d0; border: none;}
a.sublinks {
	border-width: 1px;
	color: #98b6d0;
	border-style: dashed;
	border-top: none; /*#2f466b; */
	border-left: none; 
	border-right: none; 
	border-bottom: none; 
	text-decoration: none;
}
a.sublinks:hover{color: white; text-decoration: underline;}
a.a_sublinks{ /* active sublink */
	border-width: 1px;
	color: #FFFFFF;
	border-top: none; /*-color: #2f466b; */
	border-left: none; 
	border-right: none; 
	text-decoration: underline;
}

img.spacer_top{
	height: 20px;
	width: 20px;
	vertical-align: text-top;
}

img.spacer_side{
	height: 1px;
	width: 10px;
}
img.spacer_right{
	height: 1px;
	width: 1px;

}
._top {
	background-color: #FFFFFF;
	/*text-align: right;*/
	nowrap: nowrap;
	height: 77px;
	/*background-image: url(./images/boy.jpg);*/
}

._body{
	/*background-color: #405f91;*/
	background-color: #918040;
}


td.tn_img_default img:hover	{border: 3px solid white;}
img.tn_img_default {
	border: 3px solid white;
	cursor: hand;
	width: 75px; 
	height: 75px;
	/*vertical-align: top;*/
}
img.tn_img {
	 border: 3px solid #405f91 ;
	cursor: hand;
	width: 75px; 
	height: 75px;
	/*vertical-align: top;*/
	vertical-align: text-top;
}


img.lg_img {
	 border: 2px solid #2f466b;
	background-color: #405f91;
	width: 250px; 
	height: 250px;
	vertical-align: text-top;
}

.img_headers {
	color: white; /* #DDDDDD;*/
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	padding-top: 20px;
	background-color: #405f91;
}

.prod_desc{
	color: #DDDDDD;
	text-align: left;
	BORDER-LEFT: solid #405f91 6px ;
	vertical-align: top;
	width: 80%;
	background-color: #405f91;
}
img.tn_img_multiple {	/*for multiple products page*/
	/*border: 3px solid #405f91 ;*/
	width: 75px; 
	height: 75px;
	vertical-align: top;
}
td.detail{
	color: #DDDDDD;
	text-align: top;
	/*BORDER-left: solid #405f91 10px ;*/
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	width:34%;
	background-color: #405f91;

}

.price{
	color: #eeeeee;
	font-family: arial, sans-serif;
	font-style: normal;
	font-variant:  normal;
	font-weight: 200;
	font-size: medium;
	text-align: left;
	height: 1px;
	align: left;
	text-indent: 0ex;
	 BORDER-LEFT: solid #405f91 20px solid;
	vertical-align: bottom;
	background-color: #405f91;
}

.pagebottom{
	background-color: #918040;
	height: 17px; 
	background-image: url(./images/bot_slice_1x17px.jpg)
}

.copyright{
	text-align: right;
	background-color: #918040;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: 3000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
/*top: 0;*/
left: 60px; /*position where enlarged image should offset horizontally */
bottom: 0;
}