/*------------------------------------------------------

* Filename:             lists.css
* Description           SBV list styles
* Version               1.1.0 (21-10-2011)
* Author                Mr. Valtech

------------------------------------------------------*/

/* ============================================ */
/* Baseline lists / generated in baselinelist.ascx
/* ============================================ */

/* lists - general ------------------------*/
.newsticker                     { display: none; }

/* floating spot list */
.spotlist .listheader			{ position: relative; float: left; width: 279px; height: 253px; border: solid 1px #d6d6d6; border-width: 0 1px 1px 0; text-align: right; overflow: hidden; background-color: #f1f1f1; }
.spotlist .listheader h2		{ margin: 40px 20px 40px 10px; color: #000; font-family: Georgia; font-size: 15px; font-weight: normal; line-height: 22px; text-transform: uppercase; }
.spotlist .listheader h2 a		{ color: #000; text-decoration: none; }

.spotlist .filters				{ margin: 0 20px; }
.spotlist .filters li			{ padding: 4px 0; line-height: 1em; }
.spotlist .filters .selected	{ font-weight: bold; }
.spotlist .filters a			{ text-decoration: none; color: #000; }
.spotlist .filters a:hover		{ text-decoration: underline; }

.spotlist                       { overflow: hidden; padding-right: 1px; background: url(../img/grid.png) 0% 0% repeat; }
.spotlist ul                    { margin: 0; padding: 0; list-style: none; }
.spotlist li                    { margin: 0; padding: 0; }
.spotlist .basicspot            { position: relative; float: left; width: 279px; height: 253px; border: solid 1px #d6d6d6; border-width: 0 1px 1px 0; overflow: hidden; background:#000;}
.spotlist .basicspot:focus,
.spotlist .basicspot:hover		{ border: solid 1px #808080; margin: -1px 0 0 -1px; z-index: 10px; }
.spotlist .basicspot a          { text-decoration: none; height: 253px; }
.spotlist .basicspot .canvas	{ width: 279px; overflow: hidden; }

/* labels */
.outOfStock,
.CommingSoon,
.newItem,
.isComingSoonNew				{ position: absolute; top: 0; right: 0; width: 100px; height: 100px; background-position: 0 0; background-repeat: no-repeat; }
.outOfStock						{ background-image: url(../img/out-of-stock.png); }
.newItem						{ background-image: url(../img/new-item.png); }
.CommingSoon                    { background-image : url(../img/commingsoon-item.png); }
.isComingSoonNew                { background-image : url(../img/commingsoon.png); }

/* Product */
.spotlist .Product .header				{ position: absolute; bottom: 10px; right: 10px; color:#fff; font-size:28px; font-family:Verdana; font-weight:normal; text-align:right;}
.spotlist .Product .colour				{ position: absolute; bottom: 12px; left: 20px; color: #808080; font-size: 12px; }
.spotlist .Product .addToBag			{ display: none; position: absolute; top: 10px; left: 10px; }
.spotlist .Product .addToBag a			{ height: 20px; line-height: 20px; padding: 5px 10px; font-style: italic; white-space: nowrap; color: #fff; background: #000; }
.spotlist .Product .addToBag a:hover	{ color: #323232; background: #d6d6d6; }

.spotlist .price				{ position: absolute; bottom: 14px; right: 20px; color: #323232; font-size: 22px; }

/* Galleria */
.spotlist .Galleria .header		{ position: absolute; bottom: 0px; height: 60px; width: 100%; font-size: 18px; color: #323232; text-align: center; }

/* Families */
.spotlist .Families .header		{ position: absolute; bottom: 0px; height: 60px; width: 100%; font-size: 18px; color: #323232; text-align: center; }

/* Designer */
.spotlist .Designer .header		{ position: absolute; bottom: 0px; height: 60px; width: 100%; font-size: 18px; color: #323232; text-align: center; }

/* Buzz */
.spotlist .Buzz .header			{ font-size: 24px; line-height: 30px; padding: 25px 25px 10px; text-align: center; }
.spotlist .Buzz .teaser			{ font-size: 13px; line-height: 18px; padding: 10px 25px; text-align: center; }
.spotlist .Buzz .link			{ font-size: 13px; line-height: 18px; padding: 10px 25px; text-align: center; }

/* Black Template */
.black .spotlist .basicspot     { overflow:hidden !important; }
.black .spotlist .listheader	{ background: #000; }
.black .spotlist .listheader h2	{ color: #fff; }
.black .spotlist .header		{ /*position: relative; left: 0px; top: 0px;*/ display: block; padding: 10px 0 5px; font-size: 18px; color: #fff; text-align: center; width: 100%; }
.black .spotlist .teaser		{ /*position: relative;*/ display: block; font-size: 11px; line-height: 15px; color: #fff; text-align: center; width: 100%; }

/* White Template */
.white .spotlist .listheader	{ background: #fff;}
.white .spotlist .listheader h2	{ color: #000; }
.white .spotlist .header		{ display: block; padding: 10px 0 5px; font-size: 18px; color: #000; text-align: center; width: 100%; }
.white .spotlist .teaser		{ display: block; font-size: 11px; line-height: 15px; color: #000; text-align: center; width: 100%; }

.gridlayout .dmslist                    { border:0; padding:70px; margin:auto; text-align:center; }
.dmslist .spotlist	                    { background:none; padding:0; text-align:center; }
.dmslist .spotlist	> ul                { margin:auto; }
.dmslist .spotlist	.listheader         { background:none; border:0; float:none; height:122px; padding:0; text-align:center; width:100%; }
.dmslist .spotlist	.listheader h2      { font-family: 'Bauer Bodoni W01 Bold 795736', Georgia, Arial, Verdana, Sans-Serif; border-bottom: 1px solid #D6D6D6; color:#808080; display:inline-block; font-size: 52px; font-weight: normal; line-height:52px; margin:0; padding:0 0 20px; text-transform: uppercase; white-space:nowrap; }
.dmslist .spotlist	.basicspot          { border-color:#fff; }

.relatedItems .gridlayout .dmslist          { padding:0; width:500px !important; }
.relatedItems                               { padding:40px 0 0; width:500px;}
.relatedItems .spotlist	                    { background:none; padding:0;}
.relatedItems .spotlist	> ul                { width:500px;}
.relatedItems .spotlist	.listheader         { background:none; border:0; float:none; height:50px; padding:0; text-align:left; width:490px;}
.relatedItems .spotlist	.listheader h2      { border-bottom: 1px solid #D6D6D6; color:#404040; display:block; font-size: 15px; font-family: Georgia, Arial, Verdana, sans-serif; font-weight: normal; line-height:normal; margin:0; padding:0 0 10px; text-transform: uppercase; }
.relatedItems .spotlist	.basicspot          { border:0; height:225px; margin:0 0 10px; overflow:hidden; width:245px;}
.relatedItems .spotlist .basicspot .canvas  { width:245px;}
.relatedItems .spotlist	.basicspot img      { max-width:245px;}
.relatedItems .spotlist .odd .header        { left:0px;}
.relatedItems .spotlist .even .header       { left:20px;}
.relatedItems .spotlist .odd .colour        { left:0px;}
.relatedItems .spotlist .even .colour       { left:20px;}