/* css for artisans page */

div#shead {
  font-size: 100%;
  font-weight: normal;
  color: black;
  margin: 0px 0px 6px 0px;
  text-align: left;
}
div#shead h1 {
  font-weight: bold;
  color: #552B00;
  margin: 0px 0px 6px 0px;
}
div#shead p {
  margin: 0;
}
a.atitle,a.atitle:link,a.atitle:active,a.atitle:visited,a.atitle:hover {
  font-size: 105%;
  font-weight: bold;
  color: #552B00;
  text-decoration: none;
  background-color: transparent;
}

a.links,a.links:link,a.links:active,a.links:visited,a.links:hover {
  font-size: 110%;
  background-color: transparent;
  color: #CC4D31;
  text-decoration: underline;
}
div.l-row {
  color: black;
  margin: 12px 0px 12px 0;
  vertical-align: top;
  text-align: left;
  padding: 6px;
  border: 1px solid #444;
  clear: both;
}
div.l-row h1 {
  margin: 0 0px 6px 0px;
  font-weight: bold;
  font-size: 120%;
  text-align: left;
}
div.l-row-summary {
  font-size: 110%;
  margin: 0;
  vertical-align: top;
  clear: both;
}
div.l-row-summary p {
  vertical-align: top; 
  text-align: left;
  font-size: 90%;
}
div.l-row-summary img {
  padding: 0 6px 0 0;
  float: left;
}
div.l-row-summary A {
  font-weight: normal;
  font-size: 85%;
  text-decoration: underline;
  color: #222;
}
div.l-row-summary A:hover {
  font-weight: normal;
  font-size: 85%;
  text-decoration: underline;
  color: #000;
}

 
  
  
/* artisan display */
div.topnav {
  border: 1px solid black;
  padding: 0.25em;
  margin-bottom: 1em;
  vertical-align: bottom;
  width: 98%;
}
div.topnav-left {
  float: left;
  color: black;
  font-size: 120%;
  font-weight: bold;
}
div.topnav-right {
  float: right;
  text-align: right;
  color: #CCCCCC;
}
div#image-newline {
  text-align: center;
  margin: 0px 0px 6px 0px;
}
div#r-wrapper {
  background-color: white;
  color: black;
  margin: 0px 0px 0px 0px;
}
div#r-wrapper h1 {
  font-size: 150%;
  font-weight: bold;
  color: #552B00;
  margin: 0px 0px 6px 0px;
}
div#r-wrapper h2, div.asection h2 {
  font-size: 120%;
  font-weight: bold;
  margin: 0 0px 6px 0px;
  clear: both;
}
div.asection p.break, p.pbreak {
  margin: 0 0px 6px 0px;
  clear: both;
}
div#r-wrapper p.summary {
  font-size: 110%;
  font-weight: bold;
  text-align: left;
  margin: 6px 0px 6px 0px;
}
div#r-wrapper p.description {
  font-size: 90%;
  margin: 12px 0px 6px 0px;
}

div.asection {
  clear: both;
  margin-top: 18px;
}
div.asection:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.asection div.swrap {
  clear: both;
  border: 1px solid white;
}
div.asection h2 {
  font-style: italic;
}
div.asection p.section-content {
  margin: 0px 0px 6px 0px;
  clear: both;
}
div#content div#secondary img.section {
  margin: 3px 12px 0px 0px;
  background-color: white;
  float: left;
}
div#content div#secondary img.section-right {
  margin: 3px 0px 0px 12px;
  background-color: white;
  float: right;
}
div#content div#secondary img.section-center {
  margin: 3px auto 0px auto;
  background-color: white;
}
p.icenter {
	text-align: center;
	margin: 0 auto 0 auto;
	border: 1px solid green;
}
div.icenter {
	clear: both;
	margin: 0 auto 0 auto;
}
div.icenter table {
	margin: 0 auto 0 auto;
}
div.icenter td {
	text-align: center;
}
br.clearit {
  clear: both;
}

div.goback {
  color: #CCCCCC;
  margin: 12px 0px 0px 0px;
}
a.goback,a.goback:link,a.goback:active,a.goback:visited,a.goback:hover {
  font-size: 110%;
  background-color: transparent;
  color: #666666;
  text-decoration: none;
  margin-top: 6px;
}
a.goback:hover {
  color: black;
}

/* artisan/product list in left col bottom */
div.aplist {
  margin-bottom: 6px;
}
div.aplist-head {
  color: black;
  font-size: 110%;
  font-weight: bold;
  text-align:center;
  margin-top: 12px;
  padding: 3px 3px 3px 3px;
}
div.aplist-item {
  margin: 0;
  padding: 2px 2px 3px 2px;
}
.aplist1 {
  background-color: #eeeeee;
}
.aplist2 {
  background-color: #dddddd;
}
a.aplist,a.aplist:link,a.aplist:active,a.aplist:visited,a.aplist:hover {
  font-size: 120%;
  font-weight: bold;
  color: #CC4D31;
  text-decoration: underline;
  background-color: transparent;
}
/* for left (text)/right (img) item view:   */
div.aplist-item-left {
  float: left;
  display: inline;
  padding: 2px 2px 3px 2px;
  border: 1px solid blue;
}
div.aplist-item-right {
  float: right;
  display: inline;
  margin: 0;
  padding: 2px 2px 3px 2px;
  border: 1px solid green;
}

table.aplist-item-img {
  margin: 0;
  padding: 2px 2px 3px 2px;
}
td.aplist-item-img-left {
  padding: 2px 2px 3px 2px;
  width: 130px;
  font-size: 90%;
}
td.aplist-item-img-right {
  padding: 2px 2px 3px 2px;
  font-size: 90%;
}