/*
THEME NAME: Tess Yarns
THEME URI: http://www.tessyarns.com
DESCRIPTION: E-Commerce Theme Developed for Tess Yarns.
VERSION: 1.0
AUTHOR: <a href="http://twenty3x.com/">TWENTY3X</a> Art &amp; Design
AUTHOR URI: http://www.twenty3x.com
TAGS:
*/
/***************Site Wide**************/
.entry-title,.entry-meta {
clear:both;
}
.alignright,img.alignright{
float:right;
}
.alignleft,img.alignleft{
float:left;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

html,
body {
    margin:auto;
    padding:0px;
    font-family:Verdana, Arial, Helvetica, Sans-Serif; }
body{ background:#fff url('imgs/bg-body.png') repeat-x top; }

a img{ border:0px; }
a { text-decoration:none; }
.clear {
    clear: both;
    margin: -1px 0px 0px 0px;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
    width: 100%; }
    
.ahem, .screen-reader-text {  /* Like display: none, but screenreader-friendly */
position: absolute;
overflow: hidden;
height: 0px;
width: 0px;
left: -1000px;
top: -1000px;
}
.fl{
float:left;
}
.fr{
float:right;
}

input, textarea, select{
	border:1px solid #d1d1ef;
	color:#8b8b8b;
}
label{
	margin:0;
	padding:0;
}

ul li{
	list-style:none;
}
/***********/

#wrapper{
	width:1090px;
	margin:auto; }
	
#container {
    float:right;
    width:758px;
    margin:auto;
    padding:0 40px 80px 0;
    position:relative; }

#content {
    width:648px;
    margin:0;
    padding:0; }

    #content h2{
        color:#483d89;
        font-size:18px;
        font-family:Times, Serif;
        margin:0; }
    #content p{
        line-height:24px;
        color:#333;
        font-size:12px;
        margin:0 0 15px 0; }

.sidebar {
    float:left;
    /*overflow:hidden;*/
    width:228px;
	position: relative;
    padding:10px 0 40px 30px; }


#secondary { clear:left; }

#footer {
    border-top:2px dashed #808080;	
    padding:10px 0 0 0;
    width:100%; }

#header, #wrapper{ margin:auto; }

/* (Updated by Joe@iBecCreative 02/25/10) */
#header { position:relative; height: 190px;z-index:1000; }
    #header #logo { position:absolute; left:400px; top:10px;}

/* -- Navigation -- */
/* (Updated by Joe@iBecCreative 02/25/10) */
#menu{
    position:absolute;
    top:80px;
    left:100px;
    z-index:1000;}
    #menu ul {
        display:block;
        position:relative;
        margin:0;
        padding:0;
        z-index:1000;}
        #menu ul li {
            position:absolute;
            top:0;
            padding:0;
            z-index:1000;}
        #menu ul li.hover,
        #menu ul li:hover { z-index:1000; }
        #menu ul a {
            display:block;
            font-size:18px;
            height:23px;
            text-indent:-5000px;
            z-index:1000;}
        /*#menu ul a {
            display:block;
            font-size:18px;
            height:23px;
            color:#fff;
            text-transform:uppercase;
            text-decoration:none;
            padding:4px 12px 5px 12px;
            line-height:18px;
            font-family:'Times New Roman',Georgia,serif;
            text-align:center;
            z-index:1000;}*/
        #menu li.page-item-11 { left:-40px; }
            #menu li.page-item-11 a {
                background:transparent url('imgs/nav-home.png') no-repeat 0 0;
                width:54px; }
		#menu li.page-item-71 { left:40px; }
            #menu li.page-item-71 a {
                background:transparent url('imgs/nav-online-store.png') no-repeat 0 0;
                width:124px; }
        #menu li.page-item-181 { left:190px; }
            #menu li.page-item-181 a {
                background:transparent url('imgs/nav-retail-store.png') no-repeat 0 0;
                width:119px; }
        #menu li.page-item-19 { left:570px; }
            #menu li.page-item-19 a {
                background:transparent url('imgs/nav-shows.png') no-repeat 0 0;
                width:65px;}
        #menu li.page-item-2 { left:650px; }
            #menu li.page-item-2 a {
                background:transparent url('imgs/nav-about.png') no-repeat 0 0;
                width:63px; }
        #menu li.page-item-16 { left:724px; }
            #menu li.page-item-16 a {
                background:transparent url('imgs/nav-contact.png') no-repeat 0 0;
                width:82px; }
            
        #menu ul a:hover,
        #menu ul a:active,
        #menu ul li:hover a,
        #menu ul li.hover a,
        #menu ul li.current_page_item a{ /*background:#d1d1ef; color:#6967a6;*/ background-position:0 -23px; }
        
            /* -- Subnavigation -- */
            #menu ul li ul {
                position: absolute;
                top: -999em;
                left: -999em;
                width:160px;
                z-index:1000;
                margin:0;
                padding:5px 8px 5px 10px;
                background:#d1d1ef;}
                #menu ul li ul li { 
                    display:block;
                    padding:0;
                    z-index:1000;}
            #menu ul li.hover ul,
            #menu ul li:hover ul{
                margin:0;
                padding:8px 15px 8px 15px;
                top: auto; 
                left: auto;
                z-index:1000;
                background:#d1d1ef;}
                #menu ul li.hover ul li,
                #menu ul li:hover ul li {
                    z-index:1000;
                    padding:0;
                    display:block;
                    width:160px;
                    position:relative;}
                    #menu ul li.hover ul li a,
                    #menu ul li:hover ul li a{ 
                        display:block;
                        margin:0;
                        width:auto;
                        height:auto;
                        background:#d1d1ef;
                        background-image:none;
                        padding:3px 0;
                        text-indent:0;
                        z-index:1000;
                        color:#fff;
                        text-align:left;
                        text-transform:none;
                        font-size:14px;
                        z-index:1000;}
                    #menu ul li ul li a:hover,
                    #menu ul li ul li a:active { color:#6967a6; }
                    
/* --  Right Column  -- */
/* -- Only on the Homepage for now  -- */
/* (Added by Joe@iBecCreative 02/24/10) */
#rightColumn {
    position:absolute;
    top:0;
    right:0;
    width:200px;}
    #rightColumn h2 {
        font-size:14px;
        color:#5c5cae;
        letter-spacing:1px;
        margin-bottom:15px;
        text-transform:uppercase; }
    #rightColumn a { display:block;padding:5px 0 0px 0; }
        #rightColumn a img { border:0; }
    #rightColumn a:hover,
        #rightColumn a:hover img { border:0; background:#fff; text-decoration:none; }
    
        

/*#menu ul, #menu ul li{
line-height:1;
list-style:none;
margin:0;
padding:0;
}

#menu ul li a{
display:block;
color:#fff;
text-decoration:none;
padding:3px 10px 5px 10px;
}

#menu ul li a:hover{
background:#d1d1ef;
color:#6967a6;
}
.current_page_item a{
background:#d1d1ef;
color:#6967a6;
}

div#menu ul li ul {
display:none;
}*/



.entry-title,.entry-meta {
clear:both;
}
.alignright,img.alignright{
float:right;
}
.alignleft,img.alignleft{
float:left;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}



.wp-caption-text{
font-style:italic;
}
.sidebar li{
	list-style:none;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}


div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#header,div#footer {
text-align:center;
}


div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

.sidebar ul .frame { padding-bottom:15px; }

/*****Header*****/
.logo{
	width:291px;
	height:162px;
}
.edit-link{
	display:none;
}
#searchform{
	margin:5px 0 20px 0;
}
#searchform input{
	border:1px solid #d1d1ef;
	float:left;
}
#s{
	width:145px;
   float:left;
}
.button{
	background:#d1d1ef;
	color:#483d89;
	text-transform:uppercase;
	margin:0;
	padding:0;
	 float:left;
}


.sidebar h3, .sidebar h3 a{
	font-weight:normal;
	font-family:times, serif;
	color:#4f4f4f;
	text-transform:uppercase;
	font-size:16px;
	margin:0;
}

.status a{
		color:#77a9b2;
}
.status{
	color:#77a9b2;
	font-size:12px;
	padding:2px 0 2px 40px;
	margin:0;
}

#fn{
	width:950px;
	margin:auto;
}
#fn p{

	font-size:12px;
	color:#666;
}
#foot-nav li{
	display:inline;
	font-size:12px;
	color:#999;
}
#foot-nav{
	margin:0;
	padding:0;
}
#foot-nav a{
	color:#999;
}
#foot-nav a:hover{
	background:#333;
	color:#fff;
}
.entry-content img{ border:5px solid #dcdcdc; }

.entry-content h1, .entry-title, .entry-title a{
	color:#706eb1;
	font-size:18px;
	font-family:Times, Serif;
	text-transform:uppercase;
	margin:0 0 10px 0;
}
.entry-date{
	font-style:italic;
	font-size:11px;
	color:#999;
}
.entry-content h2{
	color:#706eb1;
	font-size:16px;
	font-family:Times, Serif;
	font-weight:normal;
	margin:0 0 10px 0;
}
.entry-content a, .navigation a{
	color:#483d89;
}
.entry-content a:hover, .navigation a:hover{
	background:#483d89;
	color:#fff;
}
.entry-content p{
	color:#333;
	line-height:24px;
}
.entry-content{
padding:0 0 50px 0;
}



/******Shopp-styles********/
#shopp-cart{
	padding-top:50px;
}
#shopp-cart h3{
	background:url(imgs/basket-icon.gif) no-repeat 0 0;
	padding:0 0 0 40px;
	margin:0;
}
#shopp-categories h3, #text-467233601{
	background:url(imgs/categories-icon.gif) no-repeat 0 0;
	padding:0 0 0 40px;
	margin:15px 0 0 0;
}
#shopp-categories ul, .sidenav{
	color:#77a9b2;
	font-size:12px;
	padding:2px 0 2px 40px;
	margin:0;
}
#shopp-categories a, .sidenav a{
	color:#77a9b2;
}
#shopp-categories a:hover, #shopp-cart-ajax a:hover, .sidenav a:hover{
	background:#77a9b2;
	color:#fff;
}
#shopp label{
	color:#706eb1;
	font-size:16px;
	font-family:Times, Serif;
	font-weight:normal;
	margin:0 0 10px 0;
}
#shopp h3{
	color:#706eb1;
	font-size:18px;
	font-family:Times, Serif;
	text-transform:uppercase;
	margin:10px 0 0 0;
}
.breadcrumb{
	text-transform:uppercase;
	font-family:times, serif;
	color:#4f4f4f;
	font-size:16px;
	text-align:center;
	width:100%;
}
.breadcrumb li{
	display:inline;
	margin:0 2px 10px 0;
}
.breadcrumb a{
	color:#4f4f4f;
}
.breadcrumb a:hover{
	background:#483d89;
	color:#fff;
}
.gallery{
	margin:10px 0 10px 0;
}
.headline big{
	font-family:times, serif;
	color:#4f4f4f;
	font-weight:normal;
	font-size:18px;
}
.headline-speak, .details dt{
	color:#706eb1;
	font-size:16px;
	font-family:Times, Serif;
	font-weight:normal;
	margin:0;
}
.details dd{
	margin:0 0 10px 0;
	color:#8b8b8b;
	font-size:12px;
}
.descriptor{
	margin:50px 0 0 0;
	color:#8b8b8b;
}
.price{
	font-size:24px;
	color:#999;
	font-family:times, serif;
}
.sidebar .price { font-size:14px; margin:3px 0 0 0; }
.sidebar .listview p { font-size:12px; margin:5px 8px 5px 0; }
.sidebar .listview .addtocart { font-size:12px; margin:5px 0;}

.producto{
width:100%;
margin:300px 0 0 0;
}
.addtocart{
	margin:20px 0 0 0;
	padding:2px 0px 2px 30px;
	font-weight:bold; 
	color:#ad77c0; 
	font-size:18px; 
	font-family:Times, Serif;
	border:3px solid #d1d1ef;
	background:url(imgs/basket-icon.gif) no-repeat 5px 5px;
}

.variations{
	margin:0 0 0 0;
	padding:0;
}
.variations li{
	margin:0;
	padding:0;
}
.products{
	margin:0;
	padding:0;
}
.row ul{
	margin:0;
	padding:0;
}
.details h4{
	margin:0;
}
.frame{
	padding:0 15px 0 0;
}

.name a{
	margin:0;
	color:#196582;
	font-size:12px;
}
/*.frame img{
	width:120px;
	height:120px;
}*/

table{
	border:1px solid #fff;
	width:100%;
}
.topc{
	font-weight:bold; 
	color:#ad77c0; 
	font-size:18px; 
	font-family:Times, Serif;
	background:#e8fbfe;
}
.topc td{
	height:30px;
}
.table td{
	padding:2px 0 2px 0;
}
.prod-b{
	font-weight:normal;
	color:#999;
}
big{
	font-weight:bold; 
	color:#ad77c0; 
	font-size:18px; 
	font-family:Times, Serif;
}

.totals{
	color:#999;
}
.continueme{
	margin:50px 0 0 0;
}
.filler{
	height:30px;
}
.sale{
color:red;
}
.views{
	display:none;
}

select, option, input{
font-size:13px
}

.widget_links{
	background:url(imgs/link.png) no-repeat 0 0;
	padding:0 0 0 40px;
	margin:15px 0 0 0;
}
.widget_links ul{
	color:#77a9b2;
	font-size:12px;
	padding:2px 0 2px 40px;
	margin:0;
}
.widget_links a{
	color:#77a9b2;
}
.widget_links a:hover, #text-504221041 a:hover{
	background:#77a9b2;
	color:#fff;
}
#text-504221041{
margin:10px 0 5px 10px;
}
#text-504221041 ul li a{
font-size:12px;
color:#77a9b2;
}
#apple{
	position:relative;
}
#apples .active img{
	position:absolute;
	top:0;
	left:0;
}
/*#apples .thumbnails{
	position:absolute;
	top:50px;
	left:0; } */


.slideshow { height: 480px; width: 640px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }


#socialicons { height: 40px; width: 40px; position: absolute; top: -14px; }