/*Center Float Styles*/
body {
  padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
  text-align:center; /* Hack for IE5/Win */
  /*background-color:#B68A6C; yuk brown */
  /*background-color:#D6BFAD; ok sand*/
  /*background-color:#492828; maroon*/
  background-color:#988070;
  font-family:Arial;
  font-size:10pt;
  color:#000000;
}

A:link {text-decoration:none;color:#83341A;}
A:visited {text-decoration:none;color:#83341A;}
A:hover {text-decoration:underline;color:#2B0C0C;}
A:active {text-decoration:none;color:#83341A;}
/*734232*/
/*612C23*/
#WidthContent {
        max-width:809px;
        width:expression(document.body.clientWidth > 809? "809px": "auto" );
	    margin-left: auto; /* Right and left margin widths set to "auto" */
        margin-right: auto;
	    text-align:left; /* Counteract to IE5/Win Hack */
}
/*
#gradientborder1{border-top:1px;border-bottom:1px;border-left:1px;border-right:1px;}
#gradientborder1 {border-style:solid;border-color:#3BA19D;}
#gradientborder2 {border:1px solid #3A9D99}
#gradientborder3 {border:1px solid #379591}
#gradientborder4 {border:1px solid #338986}
#gradientborder5 {border:1px solid #2D7B78}
#gradientborder6 {border:1px solid #276B68}
#gradientborder7 {border:1px solid #205654}*/
#gradientborder8 {border:1px solid #000000}
/*End Center Float Styles*/


/************Content Pages****************/
.content {
padding-right:20px;
background-color:#ffffff;
}

.pageheader {
font-size:13pt;
font-weight:bold;
color:#000000;
}

/**Window Gallery Images**/
.gallery img {height:100px;}
/*Other*/
.morepictures img {padding:0 5px 5px 0;}
.cardingmachine img {width:125px;border:0;padding-bottom:5px;}
.category { 
font-size:10pt;
font-weight:bold;
}
hr { width:80%; }
.countdown { font-weight:bold; color:blue; }
.countdownpassed { font-weight:bold; font-style:italic; }
.required { color:red; }
.MultipageLinks { text-align:center; align:center; width:100%;}
.MultipageLinks a:link { color:blue; text-decoration:underline; }
.MultipageLinks a:visited { color:blue; text-decoration:underline; }
.MultipageLinks a:hover { color:#83341A; text-decoration:none; }
.MultipageLinks a:active { color:blue; text-decoration:underline; }
.infocell { padding-left:5px; padding-right:5px; }
/******Section headers******/
.subheader {font-weight:bold;color:#000000;font-size:12pt;}
/****Links have to be plain color because they are in table of contents***/

.subheader A:link {text-decoration:none;color:#000000;font-size:12pt;}
.subheader A:visited {text-decoration:none;color:#000000;font-size:12pt;}
.subheader A:hover {text-decoration:none;color:#000000;font-size:12pt;}
.subheader A:active {text-decoration:none;color:#000000;font-size:12pt;}


/********like a table of contents********/
.linklist {line-height:16pt;}
.linklist A:link {text-decoration:none;color:#5E200B;}
.linklist A:visited {text-decoration:none;color:#5E200B;}
.linklist A:hover {text-decoration:underline;color:#2B0C0C;}
.linklist A:active {text-decoration:none;color:#5E200B;}
.grouplist{padding-left:20px; padding-right:10px;padding-bottom:10px;padding-top:10px;}
/************************************************************************/

/************************MENUS*********************************/
/*****Left side block goes all the way down the page****/
.sidenav {
background-color:#ffffff;
padding-left:15px;
padding-right:15px;
padding-bottom:15px;
}

/****** Left side menu *********/
  
#menuitems A:link {text-decoration:none;color:#663333}
#menuitems A:visited {text-decoration:none;color:#663333}
#menuitems A:hover {text-decoration:none;color:#2B0C0C}
#menuitems  A:active {text-decoration:none;color:#663333}
#menuitems {
font-size:11pt;
font-weight:bold;
color:#663333;
line-height:20pt;
}

#menuitems A.current:link {text-decoration:underline;color:#663333}
#menuitems A.current:visited {text-decoration:underline;color:#663333}
#menuitems A.current:hover {text-decoration:underline;color:#663333}
#menuitems A.current:active {text-decoration:underline;color:#663333}
#menuitems A.current {
	color:#663333;
}

.submenuitems {
font-size:10pt;
/*font-weight:normal;*/
color:#663333;
line-height:14pt;
padding-left:20px;
}


#cartmenu A:link,#searchmenu A:link {text-decoration:underline;color:#663333;font-weight:normal;}
#cartmenu A:visited,#searchmenu A:visited {text-decoration:underline;color:#663333;font-weight:normal;}
#cartmenu A:hover,#searchmenu A:hover {text-decoration:none;color:#2B0C0C;font-weight:normal;}
#cartmenu A:active,#searchmenu A:active {text-decoration:underline;color:#663333;font-weight:normal;}


#cartmenu, #menuitems, #searchmenu {
font-weight:bold;
}

#cartmenu, #menuitems, #searchmenu, .footerblock {
background-color:#F8F4F1;
/*background-color:#EFE6DF;*/
}


/*****************footer, section at the bottom with copyright in it*******************/
.footer {
padding-top:10px;
background-color:#ffffff;
text-align:center;
width:100%;}

.copyright {
font-size:9pt;
color:#B4A093;
width:100%;
text-align:center;
}

.footerblock {
text-align:left;
padding:5px;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
color: black;
}

/*********************************************Image Shadows****************/
/***************Usage*****************/
/*
<div class="img-shadow">
   <img />
</div>
*/
/********************************/
.img-shadow {
  float:left;
  background: url(/images/NormalVersion/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/NormalVersion/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

/*for some reason, during checkout, the URL base changes so the shadow on the banner doesn't work anymore*/
.img-shadow-checkout {
  float:left;
  background: url(/birkelandwool/images/NormalVersion/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/birkelandwool/images/NormalVersion/shadow.gif) no-repeat bottom right;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #000000;
  margin: -6px 6px 6px -6px;
}

/***************Text Shadows**********/
/***************Usage*****************/
/*
<div class="text-shadow">
  <div>
    <div>
	<a>
	<ul>
	<p>
	<img>
	(pretty much whatever)
      </div>
   </div>
</div>

OR

<div class="text-shadow">
  <div>
     <p>
     </p>
   </div>
</div>
*/
/********************************/
.text-shadow {
  width: 100%;
  float:left;
  background: url(/images/NormalVersion/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/NormalVersion/shadow.gif) no-repeat bottom right;
}
  
.text-shadow p {
  color: #000000;
  background-color: #ffffff;
  font-size: 1em;
  border: 1px solid #000000;
}

.text-shadow div div {
  color: #000000;
  font-size: 1em;
  border: 1px solid #000000;  
  padding: 0px;
}

.text-shadow div div div {
padding:0px;
}

.text-shadow div div p {
  background-color: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}

.text-shadow img {
  border: 1px solid #000000;
}

.text-shadow div div form, .text-shadow div div table {
  width:100%
  padding-left:6px;
  border:0;
  margin:0;
}

/********************************/