@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; 
	padding: 0;
	text-align: center;
}
#wrapper {
	width: 787px; 
	background: #FFF;
	margin: 0 auto; 
	text-align: left;
}

#header {
	background: url(http://www.silverwolfacres.com/images/hdr_bg.jpg);
	padding: 0; 
	height: 203px;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#header h2 {
	color: #8395C2;
	padding-top: 80px;
	margin-left: 300px;
	margin-bottom: 0;
	font-size: 90%;
	}
	
#topnav {
	margin-left: 140px;
	margin-top: 20px;
	}	

#mainContent {
	width: 760px;
	padding: 0;
	margin: 0 0 0 27px;
	background: #fff url(http://www.silverwolfacres.com/images/content_leftbg.jpg) repeat-y left top;
}

#content_inner {
	background:transparent url(http://www.silverwolfacres.com/images/content_rightbg.jpg) 	   repeat-y right top;
	padding: 0 40px 40px 40px;
    font-size: small;
}

#content_middle {
	color: #2D67A2;
	font-size: small;
	padding: 0px 20px;
	}
	
	
#content_inner h3 {
font-size: 90%;
color: #8395C2;
margin: 5px 0;
}

#content_inner a {
	color: #2D67A2;
	}
	
.first {
margin-top: 0;
}
	
.imgpad {
margin: 0 20px 10px 0px;
}

.raiseit {
	margin-top: -20px;
	}
.pnk {
	width: 240px;
	background: url(../images/bg_pink.jpg) repeat-x left top;
	padding: 5px 11px;
	border: 2px solid #FCEEEE;
	font-size: small;
	color: #2D67A2;
	margin-left: 25px;
}

.outquoter {
	background: url(../images/bg_pink.jpg) repeat-x left top;
	padding: 5px;
	border: 2px solid #FCEEEE;
	font-size: small;
	color: #2D67A2;
	margin-left: 15px;
	text-align: center;
}

.outquotel {
	background: url(../images/bg_pink.jpg) repeat-x left top;
	padding: 5px;
	border: 2px solid #FCEEEE;
	font-size: small;
	color: #2D67A2;
	margin-right: 15px;
	text-align: center;
}

.outquote {
	background: url(../images/bg_pink.jpg) repeat-x left top;
	padding: 5px;
	border: 2px solid #FCEEEE;
	font-size: small;
	color: #2D67A2;
	text-align: left;
	width: 380px;
	margin: 0 auto;
}

.outquote a {
color: #8395C2;
text-decoration: underline;
}


.cartlinks{font-size: small;
float: right;
margin-top: -35px;
position: relative;
	
}

.cartlinks a {font-size: small;
}

.count {
margin: 0;
color: #066;
font-size: small;
}

#footer {
	width: 787px;
	height: 60px;
	margin: 0 auto;
	font-size: x-small;
	text-align: center;
	background: url(http://www.silverwolfacres.com/images/footer_bg.jpg) no-repeat right top;
}

#footer p {
margin: 0;
padding: 0;
}

/*Top Navigation*/
/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu {
padding:0; 
margin:0 auto; 
list-style-type: none; 
display:table;}

#pmenu ul {
padding:0; 
margin:0; 
list-style-type: none; 
display:block;
}

/* Hide the sub levels */
#pmenu li ul {
display:none;
}

/* Set up the link size, color and borders */
#pmenu li a, #pmenu li a:visited {
display:block;  
color:#8395C2;
font-size: .85em; 
line-height:26px; 
text-decoration:none;
padding-left:10px; 
padding-right: 20px;
text-align:left;
}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {
border-width:0 1px 1px 1px;
white-space: nowrap;
width: 150px;
}
#pmenu li a.enclose, #pmenu li a.enclose:visited {
border-width:1px;
}

/* Set up the list items */
#pmenu li {
float:left; background:#fff;
}
#pmenu li.tc {
display:table-cell;
}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {
position:relative;
z-index:200;
background: url(http://www.silverwolfacres.com/images/bg_menu.jpg) repeat-x top left;
color: #666;
}
/* Make the hovered list color persist */
#pmenu li:hover > a {
background: url(http://www.silverwolfacres.com/images/bg_menu.jpg) repeat-x top left;

}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {
display:block;
 position:absolute; 
top:-11px; 
left:80px; 
padding:10px 30px 30px 30px; 

}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table 
{position:absolute; 
border-collapse:collapse; 
top:0; 
left:0; 
z-index:100; 
font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {
position:relative; 
z-index:200;
line-height: 26px;
background:#fff; 
color:#43578b;
}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {
background: url(http://www.silverwolfacres.com/images/bg_menu.jpg) repeat-x top left;
color: #666;
}

/* Set up the pointers for the sub level indication */
#pmenu li.drop {
background: url(http://www.silverwolfacres.com/images/bg_menu.jpg) repeat-x top left;
color: #666;
}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}


/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}


a img {border: none;}

.alignrt {
text-align: right;
}

.alignctr {
	text-align: center;
	}
.alignlft {
text-align: left;
}	

/*Cart Styles*/

a:link {
	color: #8395C2;
}
a:visited {
	color: #002252;
}
a:hover {
	color: #8395C2;
	text-decoration:none;
}
a:active {
	color: #696969;
	text-decoration:none;
}

hr{
	color: #696969;
	height: 1px;
	width: 90%;
}

h1 {
	color: #8395C2;
	font-size: 90%;
	margin: 0px;
	border-bottom:3px double #F6C3C1;
}

h2 {
	color: #696969;
	font-size: 18px;
}

/*Form Elements*/
form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #002252;
	border: 1px inset #979797;
}

input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: #DCE9F5;
	border-bottom: 1px solid #8395C2;
	border-left: 1px inset #8395C2;
	border-right: 1px outset #8395C2;
	border-top: 1px inset #8395C2;
	color: #8395C2;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

table.tabularData {
	
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
table.tabularData td, table.tabularData th{
	padding: 10px;
	
	border-collapse: collapse;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #979797;
	color: #FFF;
}

/*Search Results*/

#tableSearchResults td {
font-size: small;
text-align: center;
}

#tableSearchResults h1 {color: #8395C2;
	font-size: 100%;
	margin: 0px;
	border-bottom:3px double #F6C3C1;
text-align: left;
}

/*Product Details*/

#tableProductDetails {

margin-left: auto;
margin-right: auto;
}

#tableProductDetails img {
padding-right: 30px;
}

#tableProductDetails th {
}

#tableProductDetails td {
font-size: small;
vertical-align: top;
}
#tableProductDetails h1 {color: #8395C2;
	font-size: 110%;
	margin: 0px;
	border-bottom:3px double #F6C3C1;
text-align: left;
}

/*Options*/
table.options  {
margin-left: auto;
margin-right: auto;
font-size: small;
border: 1px solid #8395C2;
border-collapse:collapse;
width: 90%;
}

.options th {
background-color:#fcebeb;
padding: 0 3px;
border: 1px solid #8395C2;
}

.options td {
background-color: #fff;
padding: 3px;
border: 1px solid #8395C2;
}



/*ShowCart*/
table.showCart  {
margin-left: auto;
margin-right: auto;
font-size: small;
border: 1px solid #8395C2;
border-collapse:collapse;
width: 90%;
}

.showCart th {
background-color:#fcebeb;
padding: 0 3px;
border: 1px solid #8395C2;
}

.showCart td {
background-color: #fff;
padding: 3px;
border: 1px solid #8395C2;
}

#custdata {
font-size: 85%;
}

.orderInfo th {
background-color: #fcebeb;
padding: 3px 3px 3px 7px;
}

.orderInfo td {
padding: 3px;}

#paypal {
margin-top: 10px;
text-align: center;
padding: 5px;
width: 235px;
margin-left: 25px;
border: 1px solid #8395C2;
}

#paypal p {
margin: 0;
padding: 0;
}

.comments {
}
table.comments {
margin-left: auto;
margin-right: auto;
font-size: small;
border: 1px solid #8395C2;
border-collapse:collapse;
width: 80%;
}

.comments td {
padding: 10px;
}


.altRowEven {
	background-color: #fff;
}
.altRowOdd{
	background-color: #fff;
}

.smallprint {
	font-size: x-small;
}

.pagingLinks {
	text-align: center;
	font-size: small;
}

.errorMessage {
	color: #C00;
	font-weight: bold;
}

table#tableSearchResults td {
	vertical-align:top;
}

.hilight {
background-color: #fcebeb;
padding: 5px 5px 2px 5px;
}

#ckout{
text-align: right;
margin-top: 20px;
margin-right: 35px;
}

.fltrt{
float: right;
}

.fltlft{
float: left;
}

div.hr {
  display: block;
  height: 19px;
  background: url(/images/hr_image.gif) no-repeat center center;
  margin: 1em 0 1em 0;
}
div.hr hr {
	display:none
	}

.note {
	text-indent: 5%;
	margin-top: -15px;
	font-size: x-small;
	color: #C00;
}
#botnav p {
margin: 0 0 15px 0;
color: #8395C2;}
#botnav a {
color: #8395C2;
}