/* Designcollectors Homepage stylesheet
------------------------------------------------------------------*/

/* @group orbit slider */

#featured { 
     width:563px;
     height:237px;
     background: #000 url(graphics/loading.gif) no-repeat center center;
     overflow: hidden;
     }
#featured img,  
#featured div { display: none; }
#featured-box {
	width:872px;
	margin:24px 0 0 24px;
	padding:24px 0 24px 24px;
	position:relative;
	background:#34363e url(graphics/featured-box-star.gif) no-repeat 800px top;
	}
#featured-box.show-cart { 
     width:587px;
     float:left;
     } 		
.featured-content {
	color:#fff;
	position:absolute;
	left:617px;
	top:20px;
	margin:0 20px 0 0;
	}
.featured-content h2 {color:#fff;}
.featured-content h2 span {font-weight:normal;}		
#featured-box h3 {
	margin-top:30px;
	line-height:110%;
	margin-bottom:.75em;
	color:#bec0c7;
	}	
#featured-box p {color:#aaacb0;}
#featured-box p strong {color:#d6dadf;}				
#featured-box a:link,
#featured-box a:visited {
	text-decoration:none;
	color:#bec0c7;
	}
#featured-box a:hover,
#featured-box a:focus {
	color:#fff;
	}
#featured-box p a.next {
	text-indent:0;
	width:auto;
	background-position:right center;
	padding:0 40px 0 0;
	font:bold 1.1em/34px "Century Gothic",Helvetica,Arial,sans-serif;
	}
	
/* CSS for jQuery Orbit Plugin 1.2.1
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php


/* CONTAINER
   ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.orbit img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.orbit a img {
    border: none }

.orbit div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }


/* TIMER
   ================================================== */

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; }

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(graphics/rotator-black.png) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: url(graphics/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(graphics/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(graphics/pause-black.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.5);
    z-index: 1000;
    color: #fff;
	text-align: center;
	padding: 7px 10px;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
    width:40px;
    height:40px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top:60%;
    margin-top: -50px;
    cursor: pointer; }

div.slider-nav span.right {
    background:url(graphics/bttn-arrow-next.png) no-repeat;
    right:0; }
div.slider-nav span.right:hover {
    background:url(graphics/bttn-arrow-next.png) no-repeat 0 -40px;}
div.slider-nav span.left {
    background:url(graphics/bttn-arrow-prev.png) no-repeat;
    left:0; }
div.slider-nav span.left:hover {
    background:url(graphics/bttn-arrow-prev.png) no-repeat 0 -40px;}    

/* BULLET NAV
   ================================================== */

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: -40px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(graphics/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }
    
.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }

/* @end */

/* @group nav shop */

#by-category,
#by-designer {
	width:944px;
	display:block;
	margin:0;
	clear:both;
	}
#by-designer {
	background:url(graphics/bg-shop-by-des.gif) no-repeat;
	}
#by-category {
	background:url(graphics/bg-shop-by-cat.gif) no-repeat;
	}
ul.shop-nav	{
	padding:30px 0 0 0;
	margin-left:101px;
	}
ul.shop-nav li {
	width:250px;
	float:left;
	margin:0 34px 45px 0;
	}
ul.shop-nav li span {
	display:block;
	padding-left:10px;
	}		
ul.shop-nav li img {
	margin-bottom:10px;
	}	
ul.shop-nav li.last {
	margin-right:0;
	}
ul.shop-nav li a {
	display:block;
	padding:0 0 15px 0;
	background:#fff;
	}	
ul.shop-nav li a,
ul.shop-nav li a:link,
ul.shop-nav li a:visited {
	text-decoration:none;
	color:#34363e;
	}
ul.shop-nav li a:hover,
ul.shop-nav li a:focus {
	background-color:#e22f2d;
	color:#fff;
	}	

/* @end */

/* @group shop by tabs */

#shop {
	position:relative;
	}
#shop h2 {
	color:#34363e;
	width:4em;
	float:left;
	margin:23px 0 0 0;
	}
#shopby {
	background:url(graphics/bg-shopby.gif) repeat-x left bottom;
	height:56px;
	margin:0 25px;
	}
ul.tabNavigation {
	display:block;
	float:left;
	height:45px;
	padding-top:10px;
	}
ul.tabNavigation li {
	float:left;
	font:bold 1.1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	}
ul.tabNavigation li a {
	display:block;
	padding:0 12px 8px 12px;
	line-height:45px;
	margin-right:15px;
	}	
ul.tabNavigation li a:link,
ul.tabNavigation li a:visited {
	text-decoration:none;
	color:#807f77;
	}
ul.tabNavigation li a:hover,
ul.tabNavigation li a:focus {
	text-decoration:none;
	color:#e22f2d;
	}
ul.tabNavigation li a.selected {
	text-decoration:none;
	background:url(graphics/cat-arrow.gif) no-repeat center bottom;
	color:#fff;
	}
ul.tabNavigation li a.selected:link,
ul.tabNavigation li a.selected:visited {
	color:#fff;
	}						

/* @end */

/* @group blog */

#blog {
	width:872px;
	margin:24px 0 0 24px;
	background-color:#34363e;
	padding:24px 0 0 24px;
	position:relative;
	}
#blog h2 {
	color:#fff;
	position:absolute;
	left:617px;
	top:20px;
	margin:0;
	}
#blog h3 {
	margin-top:30px;
	line-height:110%;
	margin-bottom:.75em;
	color:#bec0c7;
	}	
#blog p {
	color:#aaacb0;
	}			
#blog h3 a:link,
#blog h3 a:visited {
	text-decoration:none;
	color:#bec0c7;
	}
#blog h3 a:hover,
#blog h3 a:focus {
	color:#fff;
	}
.nav-thumbs {
	width:155px;
	float:left;
	}
.nav-thumbs img {
	margin-bottom:19px;
	}		
.excerpt {
	width:700px;
	float:left;
	}
.cart .excerpt {
	width:408px;
	float:left;
	}		
.excerpt img {
	margin:0 25px 19px 0;
	}
.blurb {
	float:right;
	width:260px;
	display:block;
	}	
.cart #blog {
	width:588px;
	float:left;
	display:inline;
	}	
.cart #blog h2 {
	left:177px;
	top:23px;
	z-index:10;
	background-color:#34363e;
	width:410px;
	color:#fff;
	position:absolute;
	margin:0;
	}
.cart #blog h3 {
	position:absolute;
	margin:0;
	}
.cart .blurb {
	float:none;
	position:absolute;
	bottom:23px;
	left:179px;
	height:2.5em;
	width:388px;
	background-color:#34363e;
	padding:10px;
	opacity:.85;
	}					
	
/* @end */

/* @group blog heading */

#post2, #post3 {
	display:none;
	}
#post1-button {
	opacity: 1;
	}	
#post2-button, #post3-button {
	opacity:0.5;
	}
#post1-button a,
#post2-button a,
#post3-button a {
	border:none;
	outline:none;
	}

/* @end */

/* @group shop intro */

#shop-intro {
	padding:24px 24px 0 24px;
	background:url(graphics/label-free-shipping.gif) no-repeat 830px 55px;
	}
#directdel {
	width:587px;
	float:left;
	}
#scrollable {
	width:587px;
	height:153px;
	padding:18px 0 15px;
	background-color:#eae9e2;
	position:relative;
	}
#scrollable h2 {
	margin:0 0 10px 24px;
	}	
#scrollable a {
	width:99px;
	display:block;
	float:left;
	margin-right:4px;
	}
.items {
	height:79px;	
	margin-left:4px;
	float:left;
	width:535px !important;
	font-size:.95em;
}	
.items a {
	display:block;
	float:left;
	width:99px;
	height:79px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}
.items a.active {	
	cursor:default;
}
#scrollable img {
	display:block;
	}
#scrollable a.prev, #scrollable a.next {
	display:block;
	width:24px;
	height:79px;
	float:left;
	cursor:pointer;
	margin:0;
	background:#e22f2d url(graphics/arrows-slider.gif) no-repeat;
	}	
#scrollable a.prev {background-position:left center;}	
#scrollable a.next {background-position:right center;}
#directdel a span {
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
	}	
#directdel a:link,
#directdel a:visited {
	color:#dd0024;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	}
#directdel .link a {
	width:565px;
	padding:10px 21px 0 0;
	margin:0;
	text-align:right;
	}	
#directdel a:hover,
#directdel a:focus {
	color:#e22f2d;
	}
#directdel a:hover span,
#directdel a:focus span {
	text-decoration:underline;
	}					
#howtoshop {
	width:277px;
	padding:0 0 0 30px;
	float:left;
	height:186px;
	background:#f4f5ef url(graphics/bg-star.gif) no-repeat 200px bottom;
	}
#howtoshop h2 {
	margin:18px 0 10px;
	}		
#howtoshop ol li {
	padding:0 0 0 30px;
	line-height:24px;
	background:url(graphics/nrs-blue-small.png) no-repeat;
	margin-bottom:4px;
	}
#howtoshop ol li strong {
	color:#dd0024;
	font-size:95%;
	}
#howtoshop ol li em {
	color:#dd0024;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	position:relative;
	top:-8px;
	}	
#howtoshop ol li.one {background-position:0 0;}
#howtoshop ol li.two {background-position:0 -26px;}
#howtoshop ol li.three {background-position:0 -52px;
}

/* @end */

/* @group shop gift */

#gift {
	position:absolute;
	top:10px;
	right:18px;
	/*width:310px;*/
	width:auto;
	height:25px;
	padding:20px 0 0 42px;
	background:url(graphics/icon-gift.gif) no-repeat left top;
	text-align:right;
	}
#gift:hover {
	background:url(graphics/icon-gift.gif) no-repeat left bottom;
	}	
#gift li {
	display:inline;
	margin-right:11px;
	font:bold 1em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	}	
#gift li a:link, #gift li a:visited {
	color:#adac9c;
	text-decoration:none;
	}	
#gift li a:hover, #gift li a:focus {
	color:#e22f2d;
	text-decoration:none;
	}		

/* @end */



/* @group shopping cart */

#shop-cart {
	display:block;
	width:196px;
	height:319px;
	margin:24px 0 0 676px;
	padding:10px 0 0 46px;
	background:url(graphics/bg-shopping-cart.gif) no-repeat;
	position:relative;
	}
.cart #shop-cart {
	margin:24px 0 0 40px;
	float:left;
	}		
#shop-cart.empty {
	background:url(graphics/bg-shopping-cart-empty.gif) no-repeat;
	}	
#shop-cart h3 {
	color:#fff;
	font-size:20px;
	margin-bottom:25px;
	}
#shop-cart p {
	color:#fff;
	margin:0 0 1em 0px;
	width:180px;
	}	
#shop-cart li a {
	display:block;
	height:38px;
	width:180px;
	padding-top:3px;
	}
#shop-cart li {
	font:normal .94em Helvetica,Arial,Geneva,sans-serif;
	margin-bottom:10px;
	}			
#shop-cart img {
	float:left;
	margin:0 15px 4px 0;
	}
#shop-cart li a:link,
#shop-cart li a:visited {
	color:#a3a6b0;
	text-decoration:none;
	}
#shop-cart li a:hover {
	background-color:#46474d;
	color:#fff;
	}
.bttn-dark a {
	display:block;
	height:25px;
	line-height:25px;
	width:112px;
	padding:0 0 0 10px;
	margin:25px 0 0 50px;
	background:url(graphics/bttn-items-left.gif) no-repeat;
	}
.bttn-dark span {
	display:block;
	height:25px;
	padding:0 10px 0 0;
	background:url(graphics/bttn-items-right.gif) no-repeat right top;
	}		
.bttn-dark a:link,
.bttn-dark a:visited {
	text-decoration:none;
	color:#fff;
	}
.bttn-checkout a {
	display:block;
	height:25px;
	line-height:25px;
	width:94px;
	text-indent:-9999px;
	position:absolute;
	bottom:25px;
	right:25px;
	background:url(graphics/bttn-check-out.png) no-repeat;
	}	
		
/* @end */

/* @group promo/sale */

.sale-5, .sale-10, sale-15, .sale-20, .sale-25 {
	width:277px;
	height:186px;
	}
.sale-5 {background:url(graphics/label-promo-5.png) no-repeat 195px 0;}	
.sale-10 {background:url(graphics/label-promo-10.png) no-repeat 195px 0;}
.sale-15 {background:url(graphics/label-promo-15.png) no-repeat 195px 0;}
.sale-20 {background:url(graphics/label-promo-20.png) no-repeat 195px 0;}
.sale-25 {background:url(graphics/label-promo-25.png) no-repeat 195px 0;}	
#sale {
	width:277px;
	padding:0 0 0 30px;
	float:left;
	height:186px;
	background:#f4f5ef url(graphics/bg-star-bird.gif) no-repeat 100px bottom;
	}
#sale h2 {margin:14px 0 0;padding:0 0 10px;color:#e22f2d;font-size:3em;}
#sale sup {
	font:14px Georgia, "Times New Roman", Times, serif;
	display:inline-block;
	}		
#sale p.sale {
	font-weight:bold;
	color:#34363e;
	font:bold 1.7em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin-bottom:12px;
	}
#sale p em {color:#e22f2d;font-style:normal;}
p.footnote {
	color:#a4a59f;
	font:italic 12px Georgia, "Times New Roman", Times, serif;
	text-align:right;
	margin:0 25px;
	padding:5px 0;
	}		
.shop-now a {
	background:url(graphics/bttn-shop-now.png) no-repeat;
	display:block;
	width:128px;
	height:25px;
	margin-bottom:10px;
	text-indent:-9999px;
	overflow:hidden;
	}

/* @end */