/* berroco.com */

.section_header h2 {
 margin-right: 56px;
}

.section_header_knitbits {
 border: 1px solid #888;
 vertical-align: middle;
 height: 57px;
}

.section_header_knitbits h2 {
 margin-right: 56px;
}

.section_header #jumpMenu_form {
 float: left;
 padding-top: 18px;
 margin-right: 24px;
}

.section_header_knitbits #jumpMenu_form {
 float: left;
 padding-top: 18px;
 margin-right: 24px;
}

.section_header #index_link {
 line-height: 57px;
}

.section_header_knitbits #index_link {
 line-height: 57px;
}

.section_header div {
 /* specifically the block containing the h2 & h3 */
 float: left;
}

.section_header_knitbits div {
 /* specifically the block containing the h2 & h3 */
 float: left;
}

.section_content {
 padding: 16px 8px 0 8px;
}

.sub_header {
 width: 150px;
 float: left;
}

.sub_header_knitbits {
 width: 75px;
 float: left;
}

.sub_header h3,
.sub_header h4,
.sub_header p {
 text-align: right;
}

.sub_header_knitbits h3,
.sub_header_knitbits h4,
.sub_header_knitbits p {
 text-align: right;
}

.sub_header h4 {
 margin-bottom: 16px;
}

.new {
 color: #ff8d0e;
}

.group_covers {
 margin-left: 150px; /* to clear width of sub_header */
 background: white; /* fixes IE problem where the borders do not render */
}

.group_covers_knitbits {
 margin-left: 75px; /* to clear width of sub_header */
 background: white; /* fixes IE problem where the borders do not render */
}

.group_covers_hop {
 margin-left: 0px; /* to clear width of sub_header */
 background: white; /* fixes IE problem where the borders do not render */
}

.group_covers p {
 width: 115px;
 font-size: .8242em;
 text-align: center;
 float: left;
 margin-left: 28px;
 margin-bottom: 12px;
}

.group_covers_knitbits p {
 width: 110px;
 font-size: .8242em;
 text-align: center;
 float: left;
 margin-left: 20px;
 margin-bottom: 12px;
}

.group_covers_hop p {
 width: 225px;
 font-size: 1.2em;
 text-align: center;
 float: left;
 margin-left: 15px;
 margin-bottom: 12px;
}


.group_covers a {
 display: block;
 font-size: 1.2em;
}

.group_covers_knitbits a {
 display: block;
 font-size: 1.2em;
}

.group_covers_hop a {
 display: block;
 font-size: 1em;
}

.group_covers a:hover {
 text-decoration: underline;
}

.group_covers_knitbits a:hover {
 text-decoration: underline;
}

.group_covers_hop a:hover {
 text-decoration: underline;
}

.group_covers img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 4px;
}

.group_covers_knitbits img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 4px;
}

.group_covers_hop img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 4px;
}

.knitbits_list {
 margin-left: 100px; /* to clear width of sub_header */
 background: white; /* fixes IE problem where the borders do not render */
}

body {
/*
 background-color: yellow;
*/
}

.section_content {
/*
 background-color: aqua;
*/
 border-width: 2px solid black;
}