/* CSS by MRW */
#container {
	min-width: 800px;
	max-width: 1200px;
	padding: 0;
	background-color: rgb(145, 120, 83);
}
#left-sidebar {
	border: thin none #76664F;
	margin: 0;
	padding: 1px 2px 5px 3px;
	float: left;
	width: 150px;
}
#right-sidebar {
	border: 1px none rgb(255, 255, 255);
	float: right;
	font-family: Arial,Helvetica,sans-serif;
	color: rgb(118, 102, 79);
	width: 155px;
	background-color: rgb(225, 225, 180);
	margin: 3px 3px 0 3px;
	padding: 5px 2px 5px 3px;
}
#content {
	padding: 5px 8px 6px 10px;
	margin-left: 160px;
	margin-right: 165px;
	width: auto;
	background-color: rgb(225, 225, 180);
	color: rgb(118, 102, 79);
	font-family: Tahoma, serif;
	border: 5px solid #76664F;
	font-size: 12px;
}

#contentwide {
	padding: 5px;
	margin-left: 150px;
	background-color: rgb(225, 225, 180);
	color: rgb(118, 102, 79);
	font-family: Tahoma;
	border: 5px solid #76664F;
	font-size: 12px;
}

/* start by getting rid of that annoying default image border! */
img {
	border-style: none;
}
#banner {
	margin-bottom: 5px;
	height: auto;
	width: auto;
}
#banner img {
	width: 1193px;
	height: 110px;
	border: medium solid rgb(118, 102, 79);
	margin: 0;
	padding: 0;
}
#banner h1 {
	margin: 0px;
	padding: 5px 0px 0px;
	text-align: center;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 3em;
}

#shopperGreeting {
  	padding: 5px;
	margin-left: 150px;
	width: 550px;
	background-color: rgb(225, 225, 180);
	color: rgb(118, 102, 79);
	font-family: Tahoma;
	border: 5px solid #76664F;
	border-bottom: 0px;
	font-size: 8px;
  }
  /* this is intended to support categoryListNoTable.php  */
  #content ul.catcontent {
    list-style-type: none;
	padding: 3px;
  }
  #content ul.catcontent li {
    display: inline;
	float: left;
  }
  #content ul.catcontent a {
    text-decoration: none;
  }
  /* this is intended to support categoryListNoTable.php  */

  #content a {
	line-height: 125%;
	font-weight: bold;
    }
  #content a:link {
	color: #76664F;
    }
  #content a:visited {
	color: #9B8768;
    }
  #content a:hover {
	color: #584D3A;
    }
  #content a:active {
	color: #E0DAD1;
    }
	
  #content-photos { padding: 5px;
    background-color: rgb(255, 255, 255);
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 170px;
    }

   #container #content #attSelectTbl .error {
	font-size: small;
	font-style: oblique;
	font-weight: bold;
	color: #FF0000;
	display: block;
}
  #footer {
	padding: 5px;
	clear: both;
	margin-top: 5px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.7em;
	text-align: center;
	color: #FF7FD4;
    }
  #footer H4 {
	font-size: xx-small;    
  }

/* ------------------------------------ scheduled for removal ------------------------------------
  #navcontainer {
	border-color: rgb(186, 186, 186);
	width: auto;
	background-color: #917853;
	border-left: 10px;
	border-top: 5px;
	border-bottom: 5px;
	padding-bottom: 0px;
    }

  #navcontainer ul { margin-left: 0pt;
    padding-left: 0pt;
    list-style-type: none;
    font-family: Arial,Helvetica,sans-serif;
    margin-top: 0px;
    padding-top: 0px;
    background-color: rgb(243, 180, 201);
    color: rgb(186, 186, 186);
    }

  #navcontainer a {
	border-bottom: 1px solid rgb(186, 186, 186);
	font-weight: bold;
	width: 154px;
    }

  #navcontainer a:link {
	text-decoration: none;
	color: #917853;
    }

  #navlist a:visited {
	color: #FF99CC;
	text-decoration: none;
    }

  #navcontainer a:hover {
	background-color: #FF66FF;
	color: rgb(255, 255, 255);
    }
----------------------------------------------------------------------------------------------*/
/* left nav using img buttons */
/* TODO check update for IE-flicker issue at http://wellstyled.com/css-nopreload-rollovers.html */
  ul.sbnav {
	list-style: none;
	padding-left: .2em;
	margin-left: 0;
	float: left;
	width: 100%;
  }
  ul.sbnav li {
  	float: left;
	padding-top: .1em;
  }
  ul.sbnav img {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: none;
	float: left;
  }
  ul.sbnav a {
	text-decoration: none;
	display: block;
	padding: 0;
	width: 144px;
	height: 60px;
	margin: 0 5px 0 0;
	background-color: inherit;
	text-decoration: none;
	color: #333;
	text-align: center;
  }
/* IE 6 hacks (not necessary when ul width specified) */
/*  ul.sbnav li { display: inline; }	/* avoid an ugly space between buttons */
/*  * html ul.sbnav a { height: 1px; }	/* make the whole button clickable - IE 6 only */

/* anchor psuedo classes */
  ul.sbnav a:link {
	background: url(/img/button-pixy-large.png) no-repeat left top;
}
  ul.sbnav a:hover {
	background: url(/img/button-pixy-large.png) no-repeat left -60px;
  }
  ul.sbnav a:active {
	background: url(/img/button-pixy-large.png) no-repeat left -120px;
  }
  ul.sbnav a:visited {
	background: url(/img/button-pixy-large.png) no-repeat left -180px;
  }
/* create current active page image  */
  #home ul.sbnav, #catalog ul.sbnav, #aboutus ul.sbnav, #contactus ul.sbnav, #wholesale ul.sbnav, #press ul.sbnav, #givingback ul.sbnav, #favorites ul.sbnav, #blog ul.sbnav {
	background: url(/img/button-pixy-large.png) no-repeat left -120px;
  }
/*-------------------------------------------------------------------------------*/
/* left nav using CSS buttons */	
  ul.sbnavcss {
    list-style-type: none;
	padding-left: 0;
	margin-left: 0;
  }
  ul.sbnavcss a {
    text-decoration: none;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
/*	width: 8em; */
  }
/* IE 6 hacks */
  ul.sbnavcss li { display: inline; }	/* avoid an ugly space between buttons */
  * html ul.sbnavcss a { height: 1px; }	/* make the whole button clickable - IE 6 only */
/* using banner color set  
  ul.sbnavcss a:link {
	color: #65543A;
	background-color: #D6DFE6;
	border-width: 4px;
	border-style: solid;
	border-top-color: #E6ECF0;
	border-right-color: #587892;
	border-bottom-color: #455E72;
	border-left-color: #E0E8ED;
  }
  ul.sbnavcss a:visited {
	color: #88714D;
	background: #B1B1B1;
	border-width: 4px;
	border-style: solid;
	border-bottom-color: #E6ECF0;
	border-left-color: #587892;
	border-top-color: #455E72;
	border-right-color: #E0E8ED;
  }
  ul.sbnavcss a:hover {
	background: #CCCCCC;
  }
  ul.sbnavcss a:active {
	color: #88714D;
	background: #B1B1B1;
	border-width: 4px;
	border-style: solid;
	border-color: #FFF;
  }
*/
/* using content color set  */
  ul.sbnavcss a:link {
	color: #65543A;
	background-color: #E1E1B4;
	border-width: 4px;
	border-style: solid;
	border-top-color: #76664F;
	border-right-color: #625642;
	border-bottom-color: #5A4F3D;
	border-left-color: #817056;
  }
  ul.sbnavcss a:visited {
	color: #88714D;
	background-color: #D0D08A;
	border-width: 4px;
	border-style: solid;
	border-bottom-color: #76664F;
	border-left-color: #625642;
	border-top-color: #5A4F3D;
	border-right-color: #817056;
  }
  ul.sbnavcss a:hover {
	background-color: #EDEDD3;
  }
  ul.sbnavcss a:active {
	color: #88714D;
	background-color: #A0A041;
	border-width: 4px;
	border-style: solid;
	border-color: #FFF;
  }
  ul.sbnavcss li.level0 a {
	font-weight: bold;
  }
  ul.sbnavcss li.level1 a {
	font-weight: normal;
  }
  ul.sbnavcss li.level2 a {
	font-weight: normal;
	padding-left: 2em;
/*	width: 6em; */
  }
  ul.sbnavcss em {
	font-style: italic;
  }

/*---------------------------- from SHOP.CSS -------------------------------*/
/*
#leftnav {
	width: 140px;
	font-size: 10px;
	vertical-align: top;
}

ul, ol {
	font-family: Tahoma, Georgia;
}

#leftnav a {
	padding: 3px; 
	display: block;
	border: 1px dotted #CCC;
	text-decoration: none;
	line-height: 1em;
	width: 140px
}

#leftnav a:link, #leftnav a:visited {
	color: #666;
}

#leftnav a:hover, #leftnav a:active {
	color: #FFFFFF;
	background-color: #6699CC;
	border: 1px solid #000;
}

#leftnav ul {
	padding: 0em;
	margin-left: 0em;
	margin-right: 0em;
	list-style-type: none; 
}

#leftnav li {
	margin: 0px 0px 6px 0px; 
}


#current a {
	color: #FFFFFF !important;
	border: 2px dotted #999 !important;
}
*/
#minicart {
	color: green;
	font-size: 8pt;
}
#minicart .header{
	font-size: 12pt;
	font-weight: bold;
}
#minicart table {
	width: 100px;
}
#minicart a {
	color: #76664f;
}
.entryTable {
	font-family: Tahoma;
	font-size: 12px;
	background-color: #C0C061;
	color: rgb(118, 102, 79);
}

.entryTableHeader {
	font-family: Tahoma;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #7F92A4;
	font-weight: bold;
	background-position: center;
}

.entryTable .label {
	background-color: #EFEFEF;
}

.entryTable .content {
	background-color: rgb(225, 225, 180);
}


.infoTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: rgb(225, 225, 180);
}

.infoTableHeader {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	color: #FFFFFF;
	background-color: #7F92A4;
	font-weight: bold;
	background-position: center;
}

.infoTable .label {
	background-color: #EFEFEF;
}

.infoTable .content {
	background-color: #E1E1B4;
}

.box {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #336699;
}
.greybox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #336699;
	background-color: #ECE9D8;
}
.smallprint {
	font-size: xx-small;
	color: #666666;
	float: left;
}
.notice {
	color: #996600;
	font-weight: bold;
}

.addToCartButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	font-weight:bold;
	border: 1px solid #336699;
	background-color:#FFCC00;
}

#errorMessage {
	color: #990000;
	font-weight: bold;
}

/*--------------------------------------------------------------------------*/


  #content2 { padding: 5px;
    margin-left: 165px;
    background-color: rgb(255, 255, 255);
    font-family: Arial,Helvetica,sans-serif;
    }

  .sidebarhead { background-color: rgb(255, 255, 204);
    display: block;
    font-weight: bold;
    line-height: 1.1em;
    text-decoration: none;
    padding-left: 5px;
    padding-top: 0px;
    margin-top: 0px;
    width: 184px;
    }

  .sidebarbody { margin: 0px;
    padding: 5px;
    background-color: rgb(204, 255, 204);
    display: block;
    font-size: 0.9em;
    }

  #sidebar-b_home {
	margin: 0pt 0pt 0pt 5px;
	padding: 5px;
	float: right;
	font-family: Arial,Helvetica,sans-serif;
    }

  .NoTopMargin { margin-top: 0px;
    }

  .NoBottomMargin { margin-bottom: 0px;
    }

  .bigimage { 
    clear: left;
    }

  .record { line-height: 2em;
    }

  .sidebar-a-head { width: 145px;
    }

  .body-content { font-family: Arial,Helvetica,sans-serif;
    font-size: 11pt;
    color: rgb(0, 0, 0);
    text-align: left;
    line-height: normal;
    }

  .sponsor-img-highlight { border: 2px groove purple;
    width: 183px;
    }

  .sponsor-img { border: 0px none ;
    width: 189px;
    }
.mailstyle {
	color: #33FF00;
}
body {
	color: rgb(117, 58, 0);
	background-image: url(/img/twist_bkgd-opacity50pct.gif);
	background-color: rgb(167, 202, 255);
}
.obfuscate {
	display: none;
}
.dummy {
}
.titleImage {
	top: 10px;
	position: relative;
}
/* 
* this section is need to prevent Firefox from shifting content outside the div
*/
#prodDetail {
	clear: none;
	float: left;
}
#prodDetailTail {
	clear: left;
	float: none;
}
.hiddenText {
	color: #E1E1B4;
}
/********************************/
#paypallogo {
	padding: 10px 0 0 0;
	text-align: center;
}
#siteseal {
	text-align: center;
}
/********************************/

#sidebar-b .social{
	margin: 10px 0px 0px 5px!important;
}
h2.social {
	color: rgb(118, 102, 79) !important;
	font-weight:bold; 
	font-size:14px; 
}
ul.social {
	list-style: none;
	line-height: 16px;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	text-decoration:none; 
	}

ul.social li {
	margin: 0px 0px 5px 0px;
	padding: 5px 0px;
	}

.spritesheet,
a.blog,
a.flickr,
a.fcbk,
a.twit li {
	background: url(/img/spritesheet.png);
	background-repeat:no-repeat;
	/* background-position:-682px -419px; */
}

a.spritesheet {
	color: rgb(118, 102, 79) !important;
	font-weight:bold; 
	font-size:12px; 
}
a.blog {
	position: relative;
	height: 25px;
	width: 200px;
	background-position: -1413px -23px;
	padding: 3px 0px 5px 32px!important;
	}
	
a.flickr {
	position: relative;
	height: 25px;
	width: 200px;
	background-position: -1413px -83px;
	padding: 3px 0px 5px 32px!important;
	}
	
a.fcbk {
	position: relative;
	height: 25px;
	width: 200px;
	background-position: -1413px -114px;
	padding: 3px 0px 5px 32px!important;
	}
	
a.twit {
	position: relative;
	height: 25px;
	width: 200px;
	background-position: -1413px -52px;
	padding: 3px 0px 5px 32px!important;
	}
/********************************/

object.callMeButton {
	float: right;
}