/* berroco.com | yarn shop finder */

.main_content {
 margin-top: 16px;
 width: 760px;
 position: relative; /* for use with the popup windows */
}

.left_column {
 width: 110px; /* width of yarn shop finder logo */
 margin-right: 8px;
 float: left;
}

.help_btn img {
 margin-bottom: -2px;
}

.help_popup {
 border: 2px solid #6e80ff;
 background: white;
 width: 200px;
 position: absolute;
 z-index: 100;
 display: none;
}

.help_popup h1 {
 color: white;
 background: #c4c3ff;
 padding: 4px;
 padding-left: 8px;
 font-size: 1.16em;
 line-height: 21px;
}

.help_popup p {
 padding-left: 8px;
 padding-right: 6px;
}

.btn_close {
 float: right;
 width: 60px;
 height: 21px;
 margin-left: 16px;
 background-image: url('http://berroco.com/images/yarn_shop_finder/btn_close.png');
 background-repeat: no-repeat;
 background-position: 0 0;
}

.btn_close:link {
 background-position: 0 0;
}

.btn_close:visited {
 background-position: 0 -21px;
}

.btn_close:hover {
 background-position: 0 -42px;
}

.btn_close:active {
 background-position: 0 -63px;
}

.btn_close span {
 display: none; /* this span is included as a fallback if css fails and the */
 				/* btn graphic doesn't display */
}

#bookmark_btn {
 position: relative;
 top: 47px;
}

/* country_selection is used on page 1 */
.country_selection {
 float: left;
 font-weight: bold;
 text-transform: uppercase;
 color: #ff0000;
}

/* new_search is used on pages 2 & 3 */
.new_search {
 line-height: 21px;
 color: #0033cc;
}

.country_selection a,
.country_selection span {
 padding-right: 10px;
}

.new_search a:link,
.new_search a:visited,
.country_selection a:link,
.country_selection a:visited {
 color: #0033cc;
}

.new_search a:hover,
.country_selection a:hover {
 color: #ff0000;
}

.new_search a:active,
.country_selection a:active {
 color: #b56263;
}

.yarn_names {
 float: right;
 margin-right: -8px; /* compensates for last image margin defined below */
}

.yarn_names img {
 margin-right: 8px;
}

#kwform {
 clear: right;
 margin-left: 159px; /* width of left_column + right margin */
 position: relative; /* to establish layering with popups */
 z-index: 1;
}

#kwform div {
 background: #dbe0ff;
 height: 22px;
 padding: 7px 0 3px 0;
 margin-bottom: 3px;
}

#kwform .row_number {
 margin-top: -7px; /* compensates for top padding of li above */
 margin-right: 8px;
 float: left;
}

#kwform .select_label {
 display: block;
 float: left;
 width: 9em;
 line-height: 1.6em;
}

#kwform select {
 width: 200px;
}

#kwform .find_btn a {
 display: block;
 float: left;
 width: 76px;
 height: 21px;
 background-image: url('http://berroco.com/images/yarn_shop_finder/btn_find.png');
 background-repeat: no-repeat;
 background-position: 0 0;
}

#kwform .find_btn a:link {
 background-position: 0 0;
}

#kwform .find_btn a:visited {
 background-position: 0 -21px;
}

#kwform .find_btn a:hover {
 background-position: 0 -42px;
}

#kwform .find_btn a:active {
 background-position: 0 -63px;
}

#kwform .find_btn a span {
 display: none; /* this span is included as a fallback if css fails and the */
 				/* btn graphic doesn't display */
}

.header_right_column {
 padding-left: 118px;
}

.header_right_column p {
 float: left;
}

.separator_pipe {
 padding-left: 16px;
 padding-right: 16px;
 color: #999999;
}

.find_online_btn a {
 float: left;
 width: 129px;
 height: 21px;
 margin-left: 16px;
 background-image: url('http://berroco.com/images/yarn_shop_finder/btn_find_online.png');
 background-repeat: no-repeat;
 background-position: 0 0;
}

.find_online_btn a:link {
 background-position: 0 0;
}

.find_online_btn a:visited {
 background-position: 0 -21px;
}

.find_online_btn a:hover {
 background-position: 0 -42px;
}

.find_online_btn a:active {
 background-position: 0 -63px;
}

.find_online_btn span {
 display: none; /* this span is included as a fallback if css fails and the */
 				/* btn graphic doesn't display */
}

.search_criteria {
 background: #e6e6e6;
 padding: 6px;
 width: 630px; /* to force full width in ie 6 */
}

.special_note {
 color: #fb4343;
 font-style: italic;
}

.page_links span {
 color: #ff0000;
}

.kw_map {
 float: right;
}

.kw_map p {
 text-align: center;
 line-height: 1em;
 margin-top: 8px;
 margin-bottom: 4px;
}

.kw_map .country_selection {
 float: none;
}

.kw_static_map {
 position: relative;
}

.kw_static_map .help_btn {
 position: absolute;
 top: 0;
 right: 0px;
}

.store_info {
 border: 1px solid black;
 width: 42%;
 padding: 8px;
}

.kw_askdir_textbox {
 vertical-align: middle;
}

.kw_button {
 height: 21px;
 vertical-align: middle;
}

#global_nav {
 border-top: 1px solid #999999;
}