* {
margin:0;
padding:0;
}
html {
border:medium none;
}
body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
img {
border:medium none;
}
table, form, td, tr, th {
border-collapse:collapse;
border-spacing:0;
border-style:none;
border-width:0;
}
a:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}
a:link, a:visited, a:active, a:focus {
color:#0192B5;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.clear:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
width:0;
}
* html .clear {
height:1%;
}
.clear {
min-height:1%;
}
button.fakelink {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
color:#0192B5;
cursor:pointer;
display:inline;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:0;
padding:0;
text-align:left;
text-decoration:none;
vertical-align:bottom;
}
button.fakelink:hover {
text-decoration:underline;
}
.buttons button {
background-color:#F9F9F7;
border:0 none;
color:#0192B5;
cursor:pointer;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
padding:0;
text-align:left;
text-decoration:none;
vertical-align:bottom;
width:100%;
}
#header, #content, #footer {
margin-left:auto;
margin-right:auto;
width:760px;
}
#header {
position:relative;
}
#header ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#etsy {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/logo.gif) no-repeat scroll 0 0;
height:80px;
position:absolute;
top:44px;
width:154px;
}
#etsy a {
display:block;
height:100%;
overflow:hidden;
text-indent:-9999em;
width:100%;
}
#tagline {
display:none;
}
.home #tagline {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/banner_tagline_short.gif) no-repeat scroll 0 0;
display:block;
height:50px;
overflow:hidden;
position:absolute;
text-indent:-9999em;
top:124px;
width:100%;
}
#meta-group {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F5F5F1 url(/images/top_roundedCorner2.gif) no-repeat scroll right top;
font-weight:bold;
height:34px;
}
#meta-group ul {
display:inline;
}
#meta-group li {
float:left;
}
#cart-nav {
float:left;
margin:10px 0 0 13px;
}
#cart-nav li {
margin:-1px 0 0 2px;
}
#cart-nav a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/icon_headerCart.jpg) no-repeat scroll 0 0;
display:inline;
float:left;
height:20px;
padding-left:26px;
padding-top:1px;
}
#cart-nav a em {
color:#D35701;
font-style:normal;
text-decoration:none;
}
#cart-nav li.last {
border-left:1px solid #CCCCCC;
height:15px;
margin-left:8px;
}
#cart-nav li.last a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
height:10px;
padding:1px 8px 0;
}
#user-nav {
display:inline;
float:right;
margin:10px 13px 0 0;
}
#user-nav li {
border-right:1px solid #CCCCCC;
padding:0 8px;
}
#user-nav li.last {
border:medium none;
padding-right:3px;
}
#user-nav li.your-shop {
border:medium none;
height:20px;
margin-top:-3px;
padding:0 1px 0 12px;
width:20px;
}
#user-nav li.your-shop a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/icon_shop_setup.gif) no-repeat scroll 0 0;
display:block;
height:20px;
overflow:hidden;
text-indent:-9999em;
width:20px;
}
#user-nav li a strong {
color:#666666;
}
#user-nav li a strong.new {
color:#D35701;
}
#user-nav li span {
font-weight:normal;
padding-right:4px;
}
#navigation-group {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/layout_logonav_bg.gif) repeat-x scroll 0 0;
border-left:1px solid white;
margin:10px 0 1px 154px;
}
#main-nav {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/layout_logonav_corner_grad.gif) no-repeat scroll right top;
height:30px;
}
#main-nav li {
border-right:1px solid #FFFFFF;
float:left;
font-size:13px;
font-weight:bold;
padding:8px 15px 7px;
}
#main-nav li.last {
border:medium none;
}
#main-nav a:link, #main-nav a:visited {
color:#FFFFFF;
}
#search-bar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#98968A none repeat scroll 0 0;
border-left:1px solid white;
height:49px;
margin:0 0 0 154px;
padding-left:10px;
}
* html #search-bar {
height:48px;
}
#search-bar div {
display:inline;
float:left;
height:24px;
margin:14px 0 0 3px;
}
#search-bar select, #search-bar input {
display:inline;
float:none;
margin:0 0 0 0;
vertical-align:middle;
}
#search-bar select {
background-color:#FFFFFF;
color:#000000;
font-size:13px;
width:140px;
}
#search-bar input.text {
font-size:13px;
line-height:16px;
width:250px;
}
#search-bar .advanced-search {
display:inline;
float:left;
padding:20px 0 0 0;
text-align:center;
width:115px;
}
#search-bar .advanced-search a {
color:white;
}
* html #search-bar input.text {
height:18px;
}
#content {
}
#breadcrumbs {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/dotted.gif) repeat-x scroll center bottom;
color:#666666;
font-size:0.91em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:5px 0 6px 15px;
}
#breadcrumbs li {
float:left;
margin-right:3px;
}
#footer {
border-top:1px solid #EAEAEA;
font-size:11px;
margin:60px auto 0;
padding:5px 0 0;
}
#footer #trust {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../../images/truste_seal_eu.gif) no-repeat scroll 0 0;
float:left;
height:30px;
margin-top:3px;
text-indent:-99999em;
width:105px;
}
#footer #copy {
color:#666666;
float:right;
}
#footer ul {
float:left;
margin:3px 0 0 15px;
width:350px;
}
#footer ul li {
border-left:1px solid #666666;
float:left;
font-size:11px;
line-height:11px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:1px 0;
padding:0 4px;
}
#footer ul li.first {
border-left:medium none;
}
.notification {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FCF3ED url(/images/dotted.gif) repeat-x scroll center bottom;
color:#D35701;
font-weight:bold;
height:21px;
padding:8px 15px 0;
}
.global-notification {
background-color:#E4F1F9;
color:black;
}
#listing-header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F8F5 none repeat scroll 0 0;
height:15px;
margin:0 0 17px;
padding:7px 15px;
}
#listing-header .total, #listing-header .pager, #listing-header .pages, #listing-header .pages li, #listing-header .controls, #listing-header .view-type {
float:left;
}
#listing-header .total {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/grey_bullet.gif) no-repeat scroll right center;
color:#787A77;
line-height:16px;
padding-right:15px;
}
#listing-header .view-type {
float:right;
}
#listing-header .view-type a, #listing-header .view-type span {
color:#666666;
padding:0 1px;
text-decoration:underline;
}
#listing-header .view-type span {
color:#CB7319;
text-decoration:none;
}
#sorting {
display:block;
height:20px;
margin:-8px 0 8px;
width:530px;
}
#sorting.gallery {
margin:0 0 15px;
}
#sorting form {
float:right;
height:16px;
}
#sorting option {
padding-left:3px;
}
#sorting label {
color:#666666;
padding-right:7px;
text-transform:lowercase;
}
#sorting button {
display:none;
}
#sorting ul {
float:right;
}
.listed {
background-position:right center;
background-repeat:no-repeat;
display:inline;
float:left;
height:16px;
padding:0 10px;
}
.price {
background-position:right center;
background-repeat:no-repeat;
display:inline;
float:left;
height:16px;
margin:0 15px 0 0;
padding:0 10px 0 25px;
}
.price a, .listed a {
color:#000000;
text-decoration:underline;
}
.date_asc .listed {
background-image:url(/images/arrow_orange_up.gif);
}
.date_desc .listed {
background-image:url(/images/arrow_orange_down.gif);
}
.date_desc .listed a, .date_asc .listed a {
color:#D35701;
text-decoration:underline;
}
.price_asc .price {
background-image:url(/images/arrow_orange_up.gif);
}
.price_desc .price {
background-image:url(/images/arrow_orange_down.gif);
}
.price_desc .price a, .price_asc .price a {
color:#D35701;
text-decoration:underline;
}
.listings {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.listings li {
border:1px solid #EAEAEA;
display:inline;
float:left;
height:159px;
margin-bottom:14px;
margin-right:41px;
padding:6px;
width:155px;
}
.listings li.third {
margin-left:1px;
margin-right:0;
}
.listings .listing-thumb {
display:block;
height:125px;
width:155px;
}
.listings .listing-thumb img {
border:medium none;
display:block;
height:125px;
width:155px;
}
.listings .listing-title {
height:15px;
line-height:15px;
margin-top:5px;
overflow:hidden;
}
.listings .listing-title a {
color:#666666;
}
.listings .listing-maker {
line-height:14px;
}
.listings .listing-maker a {
color:#B2B2B2;
}
.listings .listing-price {
color:#78C042;
float:right;
line-height:14px;
margin-top:-14px;
}
.listings-listview {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.listings-listview li {
display:inline;
float:left;
min-height:75px;
padding:10px 0 10px 10px;
position:relative;
width:520px;
}
.listings-listview li.odd {
background-color:#F5F6F1;
}
.listings-listview .listing-thumb {
display:block;
float:left;
height:75px;
width:75px;
}
.listings-listview .listing-thumb img {
border:medium none;
display:block;
height:75px;
width:75px;
}
.listings-listview .listing-detail {
float:left;
min-height:75px;
overflow:hidden;
padding:0 7px;
width:240px;
}
.listings-listview .listing-date, .listings-listview .listing-views {
border-left:1px solid #CCCCCC;
color:#666666;
float:left;
height:29px;
line-height:14px;
margin-top:23px;
text-align:center;
width:55px;
}
.listings-listview .listing-date {
border-right:1px solid #CCCCCC;
}
.listings-listview .listing-year {
font-size:11px;
}
.listings-listview .listing-title a {
color:#0192B5;
font-size:13px;
margin-bottom:5px;
}
.listings-listview .listing-maker {
line-height:14px;
padding-top:5px;
}
.listings-listview .listing-maker a {
color:#0192B5;
font-size:12px;
}
.listings-listview .listing-price {
color:#78C042;
float:right;
font-weight:bold;
line-height:14px;
margin:30px 0;
text-align:center;
width:77px;
}
.pager-table {
text-align:center;
}
.pager-table form {
width:130px;
}
.pager {
clear:both;
color:#666666;
display:table;
height:80px;
padding:15px 15px 0;
}
.pager p, .pager .pages, .pager .pages li, .pager form {
float:left;
}
.pager p, .pager label {
font-size:0.9em;
line-height:1.8em;
}
.pager .pages {
font-size:1.2em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 8px;
}
.pages li {
margin:0 5px;
}
.pages li.active a, .pages a.active {
color:#CB7319;
font-weight:bold;
}
.pager form {
padding:0 8px;
}
.pager form input {
margin:0 0 0 5px;
width:3em;
}
.pager form input, .pager form button, .pager form label {
vertical-align:middle;
}
.pager-header {
clear:none;
float:left;
height:auto;
padding-left:10px;
}
.pager-header .pages {
font-size:1.2em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-right:4px;
}
.pager-header .pages li {
margin:0 4px;
}
.pager-header .controls a {
display:inline;
float:left;
height:16px;
margin:0 5px;
overflow:hidden;
text-indent:-999em;
width:10px;
}
.pager-header .controls a.previous {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/icon_large_arrow_left_blue.gif) no-repeat scroll 0 0;
}
.pager-header .controls a.previous-disabled {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/icon_large_arrow_left_grey.gif) no-repeat scroll 0 0;
}
.pager-header .controls a.next {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/icon_large_arrow_right_blue.gif) no-repeat scroll 0 0;
}
.pager-header .controls a.next-disabled {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/icon_large_arrow_right_grey.gif) no-repeat scroll 0 0;
}
.pager .controls {
clear:both;
display:block;
float:none;
margin:0 auto;
padding:10px 0 0;
width:88px;
}
.pager .controls a {
display:inline;
float:left;
height:41px;
margin:0.5px;
overflow:hidden;
text-indent:-999em;
width:40px;
}
.pager .controls a.previous {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/icon_page_arrow_left_on.gif) repeat scroll 0 0;
}
.pager .controls a.previous-disabled {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/icon_page_arrow_left_off.gif) repeat scroll 0 0;
}
.pager .controls a.next {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/icon_page_arrow_right_on.gif) repeat scroll 0 0;
}
.pager .controls a.next-disabled {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/icon_page_arrow_right_off.gif) repeat scroll 0 0;
}
.message {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#F6F8F5 none repeat scroll 0 0;
color:#333333;
height:auto !important;
margin:0.5em;
min-height:24px;
padding:12px 12px 12px 0;
position:relative;
}
.message h4 {
font-family:Helvetica,Arial,sans-serif;
font-size:1.2em;
margin:0.4em 0 0 59px;
}
.message p {
margin:0 0 0 59px;
}
.message .icon {
background-image:url(/images/sprites/icons-messaging-32x30.gif);
display:block;
height:30px;
left:12px;
position:absolute;
top:10px;
width:32px;
}
.message-error h4 {
color:#A80308;
}
.message-error .icon {
background-position:0 0;
}
.message-warning .icon {
background-position:-32px 0;
}
.message-success .icon {
background-position:-64px 0;
}
.message-notice .icon {
background-position:-96px 0;
}
.message-info .icon {
background-position:-128px 0;
}
.message-empty {
background-color:#FFFFFF;
border:1px solid #FFE6D5;
padding:12px;
}
.message-empty p {
margin:0;
}
.with-close p {
margin-top:1em;
}
.message-empty p:first-child {
margin:1.5em 0 0;
}
.with-close .close {
font-size:11px;
margin:0;
position:absolute;
right:5px;
top:5px;
}
.with-close .close a:link, .with-close .close a:visited {
color:#666666;
}
.with-close .close a:hover, .with-close .close a:active {
color:#222222;
}
* html .with-close .close, :first-child + html .with-close .close {
right:-38px;
top:3px;
}
* html .message-empty p {
margin-top:0;
padding-top:1em;
}
.message p {
margin-top:0.5em;
}
.ui-humanmessage {
height:75px;
width:400px;
}
.ui-humanmessage .ui-widget-shadow {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:black none repeat scroll 0 0;
}
.ui-humanmessage .ui-widget-content {
color:white;
font-size:2em;
padding:1em;
text-align:center;
}
.ui-widget-shadow {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
height:100%;
left:0;
opacity:0.5;
position:absolute;
top:0;
width:100%;
z-index:1;
}
.ui-widget-content {
position:relative;
z-index:5;
}
.ui-widget-content p {
margin:10px;
padding:7px;
position:relative;
}
.fb-widget {
left:-3px;
overflow:visible;
position:relative;
top:-10px;
width:48px;
z-index:500;
}
.fb-widget .ui-widget-shadow {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
background:#000000 none repeat scroll 0 0;
left:inherit;
right:-8px;
}
.fb-widget .ui-widget-content {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F8F5 none repeat scroll 0 0;
border-color:#DDDDDD;
border-style:solid;
border-width:1px 0 0 1px;
margin:0;
position:absolute;
right:-5px;
text-align:center;
}
.fb-widget .link-shadow {
height:18px;
left:8px;
top:2px;
}
.fb-widget .link-content {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F6F8F5 none repeat scroll 0 0;
border-bottom:medium hidden;
height:19px;
left:0;
margin:1px 0 1px 1px;
padding:2px 0 2px 3px;
top:-2px;
width:100%;
z-index:9999;
}
.fb-widget .content-wrapper {
position:absolute;
right:-5px;
top:20px;
width:320px;
}
.fb-widget .content-wrapper .ui-widget-content {
padding:15px;
position:relative;
right:0;
text-align:left;
}
.fb-widget .content-wrapper .ui-widget-shadow {
height:101%;
right:-1%;
width:100%;
}
.fb-widget .content-wrapper .ui-widget-border {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
padding:3px;
}
.fb-widget .content-wrapper .connect {
padding:20px 0 10px 20px;
}
.fb-widget .content-wrapper .disable-connect {
clear:none;
display:inline;
font-weight:normal;
padding-bottom:20px;
padding-left:0;
top:10px;
width:30%;
}
.fb-widget .content-wrapper .dont-show-again {
color:#C0C0C0;
display:inline;
font-family:"helvetica";
font-size:10px;
padding-left:0;
}
.fb-widget .content-wrapper p {
color:#000000;
font-weight:normal;
margin:0;
padding:5px 20px 10px;
text-decoration:none;
}
.fb-widget .content-wrapper .learn-more-link {
color:#000000;
float:left;
font-weight:normal;
margin:0 5px;
padding:0 5px 20px 15px;
width:50%;
}
.fb-widget .content-wrapper .learn-more-logged-in {
clear:left;
padding-bottom:20px;
}
.fb-widget .content-wrapper .bottom-spacer {
clear:left;
}
.fb-widget .content-wrapper .pic {
float:left;
padding:0 8px 15px 20px;
}
.fb-widget .content-wrapper .name {
padding-top:15px;
}
.fb-widget .content-wrapper b {
color:#000000;
margin:0;
padding-left:20px;
}
.fb-widget .content-wrapper .disconnect {
clear:left;
font-weight:normal;
}
.fb-widget .content-wrapper .logged-in-header {
display:block;
padding:20px 20px 15px;
}
.fb-widget .content-wrapper .disconnect {
padding:0 0 10px 20px;
}
.fb-widget .connect-image {
padding-right:4px;
}
.fb-widget .fb-link-log-out {
float:right;
padding:1px 2px 0 0;
}
.fb-widget .fb-pic {
float:left;
}
#fb-not-logged-in {
display:none;
}
#fb-logged-in {
display:none;
}