/**
 * Global styles
 */
* {
  margin: 0;
  padding: 0;  
}


body {
    width: 1000px; /* default to narrow */
    margin: 0 auto;
    font-family: "Arial","Helvetica",sans-serif;
    font-size: 12px;
}

table, form, td, tr, th {
    border-collapse: collapse;
    border-spacing: 0;
    border-style: none;
    border-width: 0;
}

a:link,
a:visited {
    color: #0192b5;
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: underline;
}

img {
    border: none;
}

/**
 * Utility Classes
 */

/**
 * Clearfix
 */
.clear:after {
    content: ".";
    display: block;
    width: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}
    
/* IE fixes */
* html .clear {
    height: 1%; /*IE 6*/
}
.clear {
    min-height: 1%;
}

.rounded {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
}
    .tl {
        top: 0;
        left: 0;
    }
    .tr {
        top: 0;
        right: 0;
    }
    .bl {
        bottom: 0;
        _bottom: -1px;
        left: 0;
    }
    .br {
        bottom: 0;
        _bottom: -1px;
        right: 0;
    }

/**
 * Header
 */
#header {
    position: relative;
    text-align: left;
    vertical-align: baseline;
    margin: 0 auto;
}
    #header ul,
    #header li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

   

    /* Meta Navigation Group */
    #meta-group {
        padding: 16px 0 12px 0;
    }
        #meta-group li {
            float: left;
        }
        ul#meta-nav {
            float: left;
            font-weight:bold;
        }
            #meta-nav li {
                padding: 1px 9px 0 9px;
                border-left: 1px solid #E6E6E6;
            }
            #meta-nav li.first {
                padding-left: 0;
                border: none;
            }
            #meta-nav li#meta-cart {
                background: url("header-s.png") no-repeat -127px 0;
            }
                #meta-nav li#meta-cart a {
                    padding-left: 28px;
                    display: block;
                    height: 18px;
                }
            #meta-nav li#meta-cart a em {
                color: #D35701;
                text-decoration: none;
                font-style: normal;
                padding-left: 3px;
                font-weight: bold;
            }

        ul#user-nav {
            float: right;
        }
            #user-nav li {
                padding: 1px 6px 0 6px;
                color: #666;
            }
            #user-nav li.last {
                border: none;
                padding-right: 3px;
            }
            #user-nav li.your-shop {
                border: none;
                padding: 0 1px 0 12px;
                width: 20px;
                height: 20px;
                margin-top: -3px;
            }
                #user-nav li.your-shop a {
                    display: block;
                    width: 20px;
                    height: 20px;
                    overflow: hidden;
                    background: url("header-s.png") no-repeat -130px -25px;
                    text-indent: -9999em;
                }

            #user-nav li a {
                font-weight: bold;
            }
            
            #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;
            }
            #user-nav li#user-your-etsy a em {
                color: #D35701;
                text-decoration: none;
                font-style: normal;
                font-weight: bold;
            }
  /* Logo */
    #digi {
        background: url("header-s.png") no-repeat 0px 0px;
        width: 200px;
        height: 61px;
        float:  left;
        left: 0;
        margin: 0;
        padding-left: 15px;
    }
        #digi a {
            display: block;
            width: 100%;
            height: 100%;
            text-indent: -9999em;
            overflow: hidden;
        }

    /* Main Navigation */
    #navigation-group {
        margin: 0 0 0 0px;
        position: relative;
    }

    #navigation-group .rounded {
        width: 3px;
        height: 3px;
        background: url("header-s.png") no-repeat;
    }
 
    #navigation-group ul {
        -moz-border-radius: 3px; 
        -webkit-border-radius: 3px;
        border-radius: 3px;
        margin-right: 15px;
        float: left;
        height: 61px;
        display: inline;
        position: relative;
    }
 
    #navigation-group form {
        -moz-border-radius: 3px; 
        -webkit-border-radius: 3px;
        border-radius: 3px;
        float: left;
        height: 61px;
        display: inline;
        position: relative;
    }

    #main-nav {
        background: url("header-s.png") repeat-x 0 -150px;
        height: 61px;
        width: 570px;
        float:  left;
        padding-left: 15px;
    }
        

        #main-nav li {
            float: left;
        }
        #main-nav li a {
            display: inline-block;
            padding: 22px 19px;
            background: url("header-s.png") no-repeat 100% -211px;
            height: 100%;
        }        
        #main-nav li.first a {
            padding-left: 24px;
        }
        #main-nav li.last a {
            background: none;
            padding-right: 0px;
        }
        #main-nav a:link, #main-nav a:visited {
            color: #FFF;
        }

    /* Search Bar */
    form#search-bar {
        background: url("header-s.png") no-repeat  0 -272px;
        width: 200px;
        height: 61px;
        float:  left;
                        
    }

    

        #search-bar .input-group {
            padding: 17px 16px 14px 17px;
        }
        
        #search-bar input.text {
            background: #F9F9F9;
            padding: 6px 6px 6px 24px;
            width: 105px;
            border: 1px solid #C2C2C1;
            border-right: 0;
            vertical-align: middle;
            font-size: 12px;
            color: #999;
            font-family: arial;
            white-space: nowrap;
            height: 14px;
        }
        #search-bar input.text:focus,
        #search-bar input.focus {
            color: #333;
            outline: none;
        }
        #search-bar button {
            text-align: center;
            background: #FFF url("header-s.png") no-repeat 0px -75px;
            vertical-align: middle;
            width: 28px;
            height: 28px;
            border: 0;
            cursor: pointer;
            outline: none;
            overflow: hidden;

        }
        #search-bar button:hover {
            background: #DFDFDF url("header-s.png") no-repeat -35px -75px;
        }
            #search-bar button span {
                display: none;
            }
       
        
        /* Cart */
        #navigation-group #cart-nav {
            background: #FCFEFF;
            width: 102px;
            height: 55px;
            margin: 0;
            border: 3px solid #DFF2FB;
            text-align: center;
        }
            #cart-nav li {
                background: url("header-s.png") no-repeat 20px 100%;
                font-size: 12px;
                padding: 19px 0 0 30px;
            }
            #cart-nav a {
                display: block;
            }
            #cart-nav a em {
                color: #D35701;
                text-decoration: none;
                font-style: normal;
                padding-left: 3px;
            }
            #cart-nav li.last {
                height: 15px;
                border-left: 1px solid #CCC;
                margin-left: 8px;
                height: 15px;
            }
            #cart-nav li.last a {
                height: 10px;
                padding: 1px 8px 0;
                background: none;
            }

        
/* Transitional Overrides */
.transitional-wide {
    width: 980px;
}
    .transitional-wide #search-bar .input-group input.text {
        width: 383px;
    }


/* language nav overrides*/
body.german #main-nav li a {
    padding: 22px 11px;
}   
    body.german #main-nav li.first a {
        padding-left: 16px;
    }
    body.german #main-nav li.last a {
        background: none;
        padding-right: 16px;
    }

body.french #main-nav li a {
    padding: 22px 11px;
}   
    body.french #main-nav li.first a {
        padding-left: 16px;
    }
    body.french #main-nav li.last a {
        background: none;
        padding-right: 16px;
    }

body.spanish #main-nav li a {
    padding: 22px 16px;
}   
    body.spanish #main-nav li.first a {
        padding-left: 21px;
    }
    body.spanish #main-nav li.last a {
        background: none;
        padding-right: 21px;
    }


/**
 * Base Content styles
 */    
#content {}
    #breadcrumbs {
        font-size: .91em;
        list-style: none;
        padding: 5px 0 6px 15px;
        background: url("dotted00.gif") repeat-x bottom;
        color: #666;
    }
        #breadcrumbs li {
            float: left;
            margin-right: 3px;
        }

        
/**
 * Footer 
 */
#footer {
    border-top : #EAEAEA solid 1px;
    margin: 60px auto 0 auto;
    padding: 5px 0 0;
    font-size: 11px;
}
    #footer #trust {
        background: url("truste_s.gif") no-repeat;
        text-indent: -99999em;
        height: 30px;
        width: 105px;
        float: left;
        margin-top: 3px;
    }
    #footer #copy {
        float: right;
        color: #666;
    }
    #footer ul {
        margin: 3px 0 0 15px;
        width: 350px;
        float: left;
    }
    #footer ul li {
        list-style: none;
        float: left;
        padding: 0 4px;
        border-left: 1px solid #666666;
        line-height: 11px;
        font-size: 11px;
        margin: 1px 0;
    }
    #footer ul li.first {
        border-left: none;
    }


/* 
    Common Styles
    Place general styles in here!
*/


.notification {
    height: 21px;
    padding: 8px 15px 0;
    font-weight: bold;
    color: #D35701;
    background: #FCF3ED url("dotted00.gif") repeat-x bottom;
    margin: 0;
}
.global-notification {
    color: black;
    background-color: #E4F1F9;
}

    /*
        Listing Header
    */
    #listing-header {
        background: #f6f8f5;
        margin: 0 0 17px;
        height: 15px;
        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 {
            color: #787a77;
            line-height: 16px;
            padding-right: 15px;
            background: url("grey_bul.gif") no-repeat right center;
        }
        #listing-header .view-type {
            float: right;
        }
            #listing-header .view-type a,
            #listing-header .view-type span {
                padding: 0 1px;
                color: #666666;
                text-decoration: underline;
            }
            #listing-header .view-type span {
                color: #cb7319;
                text-decoration: none;                
            }
            
    /*
        Sorting Styles
    */
    
    #sorting { 
    	display: block;
    	width: 530px; 
    	margin: -8px 0px 8px;
    	height: 20px;
    }   
    #sorting.gallery {
        margin: 0px 0px 15px;
    }
    #sorting form {
    	height: 16px;
    	float: right;
    }
    #sorting option {
    	padding-left: 3px;
    }
    #sorting label {
    	color: #666666;
    	padding-right: 7px;
    	text-transform: lowercase;
    }
    #sorting button {
        display: none;
    }
    #sorting ul {
        float: right;
    }
    .listed { 
    	float: left;
    	height: 16px;
    	display: inline;
    	padding: 0px 10px;
    	background-repeat: no-repeat;
    	background-position: right;
    }
    .price {	
    	float: left;
    	height: 16px;
    	display: inline;
    	padding: 0px 10px 0 25px;
    	margin: 0 15px 0 0;
    	background-repeat: no-repeat;
    	background-position: right;
    }
    	.price a,
    	.listed a {
    		color: #000000;
    		text-decoration: underline;
    	}
    	
    .date_asc .listed {
    	background-image: url('arrow_or.gif');
    }
    .date_desc .listed {
    	background-image: url('arrow_or.gif');
    }
    	.date_desc .listed a,
    	.date_asc .listed a {
    		text-decoration: underline;
    		color: #D35701;
    	}

    .price_asc .price {
    	background-image: url('arrow_or.gif');
    }
    .price_desc .price {
    	background-image: url('arrow_or.gif');
    }
    	.price_desc .price a,
    	.price_asc .price a {
    		text-decoration: underline;
    		color: #D35701;
    }
    
    
    /*
        Listings
    */
    .listings  {
        list-style: none;
    }
        .listings li {
            width: 155px;
            height: 159px;
            border: 1px solid #EAEAEA;
            padding: 6px;
            float: left;
/*            position: relative;*/
            margin-right: 7px;
            margin-bottom: 14px;
            display: inline;
        }
        .listings li.third {
            margin-right: 0;
            margin-left: 1px;
        }
        .listings .listing-thumb {
            display: block;
            width: 155px;
            height: 125px;
        }
            .listings .listing-thumb img {
                display: block;
                width: 155px;
                height: 125px;
                border: none;
                
            }
        .listings .listing-title {
            margin-top: 5px;
            height: 15px;
            line-height: 15px;
            overflow: hidden;
        }
        .listings .listing-title a {
            color: #666666;
        }
        .listings .listing-maker {
            line-height: 14px;
        }
        .listings .listing-maker a {
            color: #B2B2B2;
        }
        .listings .listing-price {
            float: right;
            line-height: 14px;
            margin-top: -14px;
            color: #78C042;
        }
        
    /* LIST VIEW */
    .listings-listview  {
        list-style: none;
    }
        .listings-listview li {
            width: 520px;
            min-height: 75px;
            _height: 75px;
            padding: 10px 0 10px 10px;
            float: left;
            position: relative;
            display: inline;
        }
        .listings-listview li.odd {
			background-color: #F5F6F1;
        }
        .listings-listview .listing-thumb {
            display: block;
            width: 75px;
            height: 75px;
			float: left;
        }
            .listings-listview .listing-thumb img {
                display: block;
                width: 75px;
                height: 75px;
                border: none;                
            }
        .listings-listview .listing-detail {
            padding: 0px 7px;
            min-height: 75px;
            _height: 75px;
            width: 240px;
            overflow: hidden;
            float: left;
        }

	.listings-listview .listing-date, .listings-listview .listing-views {
	    margin-top: 23px;
	    height: 29px;
	    width: 55px;
	    color: #666666;
	    float: left;
	    border-left: 1px solid #CCC;
	    text-align: center;
	    line-height: 14px;
	}
	.listings-listview .listing-date {
	    border-right: 1px solid #CCC;
	}	    
	.listings-listview .listing-year {
	    font-size: 11px;
	}
        .listings-listview .listing-title a {
            color: #0192B5;
			font-size: 13px;
			margin-bottom: 5px;
        }
        .listings-listview .listing-maker {
			padding-top: 5px;
            line-height: 14px;
        }
        .listings-listview .listing-maker a {
            color: #0192B5;
			font-size: 12px;
        }
        .listings-listview .listing-price {
			margin: 30px 0px;
            float: right;
            width: 77px;
            text-align: center;
            line-height: 14px;
            color: #78C042;
			font-weight: bold;
        }


    /*
        PAGER
    */
    /* IE Only */
    .pager-table {
        text-align: center;
    }
    .pager-table form {
       width: 130px; 
    }
    
    /* END IE */
    .pager {
        
        clear:none;
        display: -moz-inline-stack;
        display: table;
        color: #666666;
       
    }
    
        .pager p, .pager .pages, 
        .pager .pages li, .pager form {
            float: left;
        }
        .pager p, .pager label {
            line-height: 1.8em;
            font-size: .9em;
        }
        .pager .pages {
            font-size: 1.2em;
            padding: 0 8px;
            list-style: none;
        }
            .pages li {
                margin: 0 5px;
            }
            .pages li.active a,
            .pages a.active {
                font-weight: bold;
                color: #cb7319;
            }
        .pager form {
            padding: 0 8px;
        }
        .pager form input {
            width: 3em;
            margin: 0 0 0 5px;
        }
        .pager form input,
        .pager form button,
        .pager form label {
            vertical-align: middle;
        }

        /*
            Header pager 
        */
        .pager-header {
            clear: none;
            
            height: auto;
            padding-left: 10px;
        }
            .pager-header .pages {
                font-size: 1.2em;
                list-style: none;
                padding-right: 4px;
            }
            .pager-header .pages li {
                margin: 0 4px;
            }

        .pager-header .controls a {
            display: inline;
            float: left;
            width: 10px;
            height: 16px;
            text-indent: -999em;
            margin: 0 5px;
            overflow: hidden;
        }
            .pager-header .controls a.previous { background: url("icon_lar.gif") no-repeat;}
            .pager-header .controls a.previous-disabled { background: url("icon_lar.gif") no-repeat;}

            .pager-header .controls a.next { background: url("icon_las.gif") no-repeat; }
            .pager-header .controls a.next-disabled { background: url("icon_lat.gif") no-repeat; }

        /* Default pager controls */
        .pager .controls {
            display: block;
            clear: both;
            float: none;
            width: 88px;
            padding: 10px 0 0;
            margin: 0 auto;
        }
        .pager .controls a {
            display: inline;
            float: left;
            width: 40px;
            height: 41px;
            text-indent: -999em;
            margin: .5px;
            overflow: hidden;
        }
            .pager .controls a.previous { background: url("icon_pag.gif");}
            .pager .controls a.previous-disabled { background: url("icon_pag.gif");}

            .pager .controls a.next { background: url("icon_pah.gif"); }
            .pager .controls a.next-disabled { background: url("icon_pai.gif"); }


/*  Unified Messaging styles
    Expects a structural markup like this:
    
    <div class="message message-<type>">
        <span class="icon"></span>
        <h4>Title of message</h4>
        <p>Content of message</p>
    </div>
 */
.message {
    margin: .5em;
    padding: 12px 12px 12px 0px;
    background: #f6f8f5;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #333333;

    /* Min Height */
    min-height: 24px;
    height: auto !important;
    height: 24px;
}
    .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 {
        width: 32px;
        height: 30px;
        display: block;
        position: absolute;
        top: 10px;
        left: 12px;
        background-image: url("icons-me.gif");
    }
    .message-error h4 { color: #a80308; }
    .message-error   .icon { background-position: 0px 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; }

/* Messages without icons */

.message-empty {
	padding: 12px;
	background-color: #FFF;
	border: 1px solid #FFE6D5;
}
	.message-empty p {
		margin: 0;
	}

/* Messages with "Close" buttons */

.with-close p {
    margin-top: 1em;
}
.message-empty p:first-child {
	margin: 1.5em 0 0;
}
.with-close .close {
	margin: 0;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 11px;
}
.with-close .close a:link,
.with-close .close a:visited {
	color: #666;
}
.with-close .close a:hover,
.with-close .close a:active {
	color: #222;
}

* html .with-close .close,
*:first-child+html .with-close .close {
    top: 3px;
    right: -38px;
}

* html .message-empty p {
    padding-top: 1em;
    margin-top: 0;
}

.message p {
    margin-top: .5em;
}


/*
    Human Message styles
*/

.ui-humanmessage {
    height: 75px;
    width: 400px;
}

    .ui-humanmessage .ui-widget-shadow {
        background: black;
    }
    .ui-humanmessage .ui-widget-content {
        color: white;
        font-size: 2em;
        padding: 1em;
        text-align: center;
    }

/* UI components */
.ui-widget-shadow {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 1;
    /* Alpha opacity */
    opacity: 0.5;
    /* for IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE <= 7 */
    filter: alpha(opacity=50);
}
.ui-widget-content {
    position: relative;
    z-index: 5;
    /* ZOMG IE */
    filter: alpha(opacity=100);
}
.ui-widget-content p {
    position: relative;
    margin: 10px;
    padding: 7px;
}

/**
 * Buttons that look like links
 */
button.fakelink {
    text-align: left;
    display: inline;
    background: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    color: #0192B5;
    text-decoration: none;
    cursor: pointer;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 12px;
    vertical-align: bottom;
}    
    button.fakelink:hover {
        text-decoration: underline;
    }
    
.buttons button {
    text-align: left;
    display: block;
    width: 100%;
    padding: 0;
    background-color: #F9F9F7;
    border: 0;
    color: #0192B5;
    text-decoration: none;
    cursor: pointer;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 12px;
    vertical-align: bottom;
}


/**
 * Glossed Buttons
 */

button.gloss {
   height: 36px;
   background: url(buttons-.png) right top no-repeat;
   border: 0;
   padding: 0 20px 0 0;
   margin: 0;
   text-decoration: none;
   position: relative;
   cursor: pointer;
   /* msie */
   width: auto;
   overflow: visible;
   white-space: nowrap;
   overflow-y: hidden; /* ie6 */
}

/* firefox */
button.gloss::-moz-focus-inner { 
   border: 0;
   padding: 0;
}

button.gloss span {
   display: block;
   height: 36px;
   padding: 0 0 0 20px;
   background: transparent url(buttons-.png) left top no-repeat;
   line-height: 2.4;
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   color: #fff;
}

/* Swirl */
button.gloss span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent url(buttons-.png) 50% -180px repeat-x;
}

/* Color themes */
button.light-green { background-position: right -36px; }
button.light-green span { background-position: left -36px; }
button.grey { background-position: right -72px; }
button.grey span { background-position: left -72px; }
button.orange { background-position: right -108px; }
button.orange span { background-position: left -108px; }
button.blue { background-position: right -144px; }
button.blue span { background-position: left -144px; }

#site-error {
    padding: 30px 0 0 30px;
    height: 400px;
    background: #f5f6f1 url(site-err.png) no-repeat 95% 70%;
}

    #site-error h2 {
        font-size: 26px;
        margin: 5px 0 20px;
    }
    
    #site-error p {
        width: 315px;
        font-size: 12px;
        line-height: 1.5;
        margin: 0 0 1em;
    }

.error #footer {
    margin-top: 0;
}


.indexItem
{
cursor:pointer;
width:100px;
height:100px;	

margin:3 3 3 3;
border:1px solid #EEEEEE;
background-repeat: no-repeat;
}

.indexItemOut
{
width:110px;
height:160px;
position:relative;
float:left;
text-align:center;
font-size:smaller;
color:#727272;
}

.indexItemC
{
cursor:pointer;
width:100px;
height:100px;	

margin:3 3 3 3;
border:1px solid #EEEEEE;
background-repeat: no-repeat;
}

.indexItemOutC
{
width:110px;
height:160px;
position:relative;
text-align:center;
font-size:smaller;
color:#727272;
}


.link_good
 {
font-family: Verdana, Arial, Helvetica, Sans serif;
font-size: 11px; 
color: #0063CE; 
font-style: normal; 
font-weight: 300;
text-decoration: underline;
}
.link_good:hover 
{
font-family: Verdana, Arial, Helvetica, Sans serif;
font-size: 11px; 
color: #0063CE; 
font-style: normal;
font-weight: 300; 
text-decoration: underline;
}

.goods td
{
padding: 0 15px 10px 0;	
}