/* $Id: gallery.css 1404 2010-06-28 21:33:50Z sdalu $ */

/*
 * Copyright (c)  2001-2009  Stephane D'Alu
 * http://www.sdalu.com/
 */



/*== Thumbnail =========================================================*/

/*
 * Thumbnail
 */
.thumbnail {
    	position:		relative;
        border-width:           1px;
	border-style:		solid;
        margin:                 2px;
        padding:                4px;
        font-size:              small;
        float:			left;
	overflow: 		hidden;
} 
.thumbnail .frame {
	background-repeat:	no-repeat;
	display:		table;
	table-layout: 		fixed;
	border-collapse:	separate;
	border-spacing:		0;
}
.thumbnail .frame .inner {
	display: 		table-cell;
    	vertical-align: 	middle;
	text-align:		center;
}
.thumbnail .frame .inner a {
	text-decoration:	none;
}
.thumbnail .frame .inner img {
	vertical-align:		middle;
}
.thumbnail .frame a { 
	display:		block;
	width:			100%;
}
.thumbnail.loader .frame .inner img {
	background-image:	url(/images/common/anim/ajax-loader.gif);
	background-position:	center center;
	background-repeat:	no-repeat;
}
.thumbnail span[title] {
        cursor:			help;
	border-bottom:		1px dotted;
}
.thumbnail .caption {
	line-height: 		1.25;
}
.thumbnail .caption h3 {
	font-weight:		bold;
	margin:			0;
	text-align:		left;
}
.thumbnail .caption p:last-child {
	margin-bottom:		0;
}


/* Info */
.thumbnail .thumb-info-btn {
        margin		: 3px;
        position	: absolute;
        top		: 0;
        right		: 0;
        display		: none;
	background-image: url(/images/common/icon/16x16/gtk-info.png);
	background-position: center center;
	background-repeat: no-repeat;
	width		: 16px;
	height		: 16px;
	z-index		: 500;
}
.thumbnail:hover .thumb-info-btn {
	display		: block;
}
.thumbnail .thumb-info-btn span {
        visibility	: hidden;
}
.thumbnail .thumb-info {
	position	: absolute;
	text-align	: center;
	width		: 100%;
        background	: url(/images/common/transparency/w75.png);
	padding		: 5px;     /* <|Compensate left/right padding using */
	margin		: 0 -5px;  /* <|margin and ensure we have clipping  */
	left		: 0;       /*  |occuring in .thumbnail so that anim */
	top		: 0;       /*  |don't depend on .thumbnail border   */
	display		: none;
	font-weight	: bold;
	color		: black;
	border-bottom	: 1px solid gray;
}

/* Add */
.thumbnail .thumb-add-btn {
        margin		: 3px;
        position	: absolute;
        bottom		: 0;
        right		: 0;
        display		: none;
	background-image: url(/images/common/icon/16x16/gtk-add.png);
	background-position: center center;
	background-repeat: no-repeat;
	width		: 16px;
	height		: 16px;
	z-index		: 500;
}
.thumbnail:hover .thumb-add-btn {
	display		: block;
}
.thumbnail .thumb-add-btn span {
        visibility	: hidden;
}
.thumbnail .thumb-add-panel {
	position	: absolute;
	width		: 100%;
        background	: url(/images/common/transparency/w75.png);
	left		: 0;
	bottom		: 0;
	padding		: 0;
	font-weight	: bold;
	color		: black;
	border-top	: 1px solid gray;
	z-index		: 400;
	display		: none;
}
.thumbnail .thumb-add-panel h3 {
        border-bottom	: 1px solid black;
        margin		: 3px 3px 0 3px;
        font-weight	: bold;
}
.thumbnail .thumb-add-panel table.thumb-add-panel-content {
        border-collapse : collapse;       
        margin		: 0px;
	margin-right	: 16px;
	-moz-user-select: none;
	cursor		: default;
}
.thumbnail .thumb-add-panel table.thumb-add-panel-content th {
        padding-right	: 5px;
}
.thumbnail .thumb-add-panel table.thumb-add-panel-content td {
        vertical-align	: middle;
        padding		: 0;
}
.thumbnail .thumb-add-panel .action-inc,
.thumbnail .thumb-add-panel .action-dec {
        width		: 1em;
        text-align	: center;
}
.thumbnail .thumb-add-panel .action-inc:hover,
.thumbnail .thumb-add-panel .action-dec:hover {
        color		: #bd7629;
}
.thumbnail .thumb-add-panel .thumb-add-quantity {
        font-family	: monospace;
        text-align	: right;
	width		: 5ex;
        border-bottom	: 1px dotted grey;
}

/* Selected */
.thumbnail .thumb-selected-btn {
        margin		: 3px;
        position	: absolute;
        bottom		: 0;
        left		: 0;
	background-image: url(/images/common/icon/16x16/checked.png);
	background-position: center center;
	background-repeat: no-repeat;
	width		: 16px;
	height		: 16px;
	display:	none;
}
.thumbnail .thumb-selected-btn span {
        visibility	: hidden;
}
.thumbnail .thumb-selected-btn:hover {
	background-image: url(/images/common/icon/16x16/cancel.png);
}
.thumbnail .thumb-selected-btn.thumb-selected {
	display:	block;
}


/*                 +---------------------+
 * Full view       |       | title       |
 *                 | Thumb | ----------- |
 *                 |       | description |
 *                 +---------------------+
 */
.full-view .thumbnail, 
.full-view.thumbnail {
	width:			400px;
}
.full-view .thumbnail .caption,
.full-view.thumbnail .caption {
        margin:			17px;
  	margin-left:		163px;
}
.full-view .thumbnail .caption h3,
.full-view.thumbnail .caption h3 {    
        margin-top:		-6px;
	margin-bottom:		6px;
	border-bottom-width:	1px;
	border-bottom-style:	solid;
	font-size: 		larger;
}


/*                 +-------------+
 * Compact View    | title       |
 *                 +-------------+
 */
.compact-view .thumbnail,
.compact-view.thumbnail {
        width: 			159px;	
	border-radius:		0;
}
.compact-view .thumbnail .frame,
.compact-view.thumbnail .frame {
        display       : none;
}
.compact-view .thumbnail .caption,
.compact-view.thumbnail .caption {
        margin      : 0;
}
.compact-view .thumbnail .caption h3,
.compact-view.thumbnail .caption h3 {
	border      : none;
	font-size   : inherit;
}
.compact-view .thumbnail .caption h3 + *,
.compact-view.thumbnail .caption h3 + * {
        display       : none;
}


/*                 +-------+
 * Picture view    |       |
 *                 | Thumb |
 *                 |       |
 *                 +--------
 */
.picture-view .thumbnail .caption,
.picture-view.thumbnail .caption {
    display: none;
}




/*== Gallery ===========================================================*/


/*
 * Customize thumbnail for gallery view
 */
.gallery .thumbnail {
}
.gallery .thumbnail:hover {
        border-width    :	3px;
	border-style:		solid;
	padding         :       2px;
}
.gallery .thumbnail .frame {
/*	padding:		17px;
	background-image:	url(/images/common/frame/frame.png);  */
	background-position:	0 0;
	float:			left;
}
.gallery .thumbnail .frame .inner {
/*	width:			120px;
	height:			100px;
	line-height:		 98px;   */
}
.gallery .thumbnail .frame a:after {
	content:		'' !important;
}
.gallery .thumbnail .thumb-selected-btn {
	bottom:			2px;
	left:			2px;
}
.gallery .thumbnail:hover .thumb-selected-btn {
	bottom:			0px;
	left:			0px;
}



/*
 * Gallery vith custom view
 */


/* Display as list view
 */
.gallery-as-list .gallery-cell-caption,
.gallery-as-list .gallery-cell-img,
.gallery-as-list .gallery-cell-map {
        display: none;
}


/* Display as map view
 */
.gallery-as-map {
        margin-left:		auto;
        margin-right:		auto;
}
.gallery-as-map .gallery-cell-img {
        width: 			200px;
        height: 		180px;
        text-align: 		center;
        vertical-align: 	middle;
	padding: 		20px;
}
.gallery-as-map .gallery-cell-caption {
        width: 			200px;
        vertical-align: 	top;
	text-align:		left;
	padding: 		1ex;
        color:                  #444444;
}
.gallery-as-map .gallery-cell-caption h3 {
	border-bottom: 		1px solid gray;
	font-size: 		larger;
	margin-bottom: 		1ex;
}
.gallery-as-map.please-select .gallery-cell-img *, 
.gallery-as-map.please-select .gallery-cell-caption * {
        visibility:		hidden;
}

/* Insert flag before thumbnail caption  */
.gallery-as-map .thumbnail .caption h3 {
        padding-left: 20px;
}
.gallery-as-map span[title] {
        cursor:			help;
	border-bottom:		1px dotted;
}

.gallery-as-map .thumbnail[id^=gallery-country-] .caption h3 {
        background-position: 0 center;
	background-repeat  : no-repeat;
}
.gallery-as-map .thumbnail#gallery-country-be h3 {
        background-image: url(/images/common/flags/18x12/be.png); }
.gallery-as-map .thumbnail#gallery-country-fr h3 {
        background-image: url(/images/common/flags/18x12/fr.png); }
.gallery-as-map .thumbnail#gallery-country-us h3 {
        background-image: url(/images/common/flags/18x12/us.png); }
.gallery-as-map .thumbnail#gallery-country-gb h3 {
        background-image: url(/images/common/flags/18x12/gb.png); }
.gallery-as-map .thumbnail#gallery-country-ca h3 {
        background-image: url(/images/common/flags/18x12/ca.png); }
.gallery-as-map .thumbnail#gallery-country-jp h3 {
        background-image: url(/images/common/flags/18x12/jp.png); }
.gallery-as-map .thumbnail#gallery-country-nl h3 {
        background-image: url(/images/common/flags/18x12/nl.png); }
.gallery-as-map .thumbnail#gallery-country-de h3 {
        background-image: url(/images/common/flags/18x12/de.png); }
.gallery-as-map .thumbnail#gallery-country-es h3 {
        background-image: url(/images/common/flags/18x12/es.png); }
.gallery-as-map .thumbnail#gallery-country-ch h3 {
        background-image: url(/images/common/flags/18x12/ch.png); }
.gallery-as-map .thumbnail#gallery-country-mc h3 {
        background-image: url(/images/common/flags/18x12/mc.png); }




/*== Selection =========================================================*/

/*
 * View selection
 */
.gallery-view-as {
        position:		absolute !important;
	right:			1em;
	line-height:		16px;
	font-size:		12px;
	font-family:		tahoma,helvetica,arial,sans-serif;
	padding:		1ex;
	border:			1px solid grey;
}
#gallery-view-as-list, #gallery-view-as-map {
	background-repeat: 	no-repeat;
	background-position: 	2px center;
	cursor:			pointer;
	padding:		2px 2px 2px 22px;
}
#gallery-view-as-list {
	background-image: 	url(/images/common/icon/16x16/condensed-view.png);
}
#gallery-view-as-map {
	background-image: 	url(/images/common/icon/16x16/world.png);
}

#gallery-view-as-list.selected, #gallery-view-as-map.selected {
	border-bottom:		2px solid #8f3b1f; /* B-- */
}
#gallery-view-as-list:hover, #gallery-view-as-map:hover {
        border-bottom:		2px solid #728f1f; /* C-- */
}




/*== Shopping cart =====================================================*/

/*
 * Default choices
 */
.sc-default {
        width:			82ex;
}
.sc-default-choice {
	width: 			40ex;
        height: 		1.5em;
	float: 			left;
	margin: 		1em;
        padding: 		0;
        margin: 		2px;
}



/*
 * Checkout
 */
.sc-checkout[disabled] {
	color		: grey;
	-moz-opacity	: 0.5;
	opacity		: 0.5;
	filter		: alpha(opacity=50);
}
.sc-checkout-summary {
        border-collapse : collapse;
}
.sc-checkout-summary .sc-description {
	padding-right	: 1em;
	width		: 100%;
}
.sc-checkout-summary .sc-operator {
	padding-left	: 1ex;
	padding-right	: 1ex;
}
.sc-checkout-summary .sc-price {
	text-align	: right;
        font-family	: monospace;
	min-width	: 7em;
}
.sc-checkout-summary tr:last-child td.sc-operator,
.sc-checkout-summary tr:last-child td.sc-price {
	border-top	: 1px dotted grey;
}

/* Embedded in cart */
.sc-checkout-cart .sc-checkout-validate:hover {
        background: url(/images/common/cart/Shopcart-Apply_48.png) center no-repeat;
}

.sc-checkout-cart .sc-checkout-empty {
    	background-repeat:	no-repeat;
	width: 			24px;
	height: 		24px;
	-moz-opacity: 		0.8;
	opacity: 		0.8;
	filter: 		alpha(opacity=80);
	background-image:	url(/images/common/icon/24x24/gtk-delete.png)
}
.sc-checkout-cart .sc-checkout-empty span {
	visibility:		hidden;
}
.sc-checkout-cart .sc-checkout-empty:hover {
	-moz-opacity: 		1;
	opacity: 		1;
	filter: 		alpha(opacity=100);
}

/* Standalone */
.sc-checkout-standalone {
	margin-top:			2ex;
	margin-bottom:			2ex;
	width:				auto;
}

.sc-checkout-standalone .sc-checkout-empty,
.sc-checkout-standalone .sc-checkout-validate {
    	background-repeat:	no-repeat;
	width: 			64px;
	height: 		64px;
	-moz-opacity: 		0.8;
	opacity: 		0.8;
	filter: 		alpha(opacity=80);
	margin-left: 		2em;
}
.sc-checkout-standalone .sc-checkout-empty:hover,
.sc-checkout-standalone .sc-checkout-validate:hover {
	-moz-opacity: 		1;
	opacity: 		1;
	filter: 		alpha(opacity=100);
}
.sc-checkout-standalone .sc-checkout-empty    span,
.sc-checkout-standalone .sc-checkout-validate span {
    visibility: hidden;
}
.sc-checkout-standalone .sc-checkout-validate {
    background-image: url(/images/common/cart/Shopcart-Apply_64.png);
}
.sc-checkout-standalone .sc-checkout-empty {
    background-image: url(/images/common/cart/Shopcart-Exclude_64.png);
}

.sc-checkout-standalone .sc-checkout {
        width: 			50ex;
}



/*
 * Cart item
 */
.sc-item {
	border-bottom	    : 2px solid grey;
	font-family	    : sans-serif;
	font-size	    : 12px;
	-moz-user-select    : none;
	cursor		    : default;
}
.sc-item > table {
	width		    : 100%;
	border-collapse     : collapse;
}
.sc-item td {
	padding		    : 0;
}
.sc-item .sc-panel {
	padding-left	    : 5px;
	width		    : 16px;
	vertical-align	    : middle;
}
.sc-item .sc-panel .m-button {
	min-width	    : 16px;
	min-height	    : 16px;
	height		    : 20px;
	background-repeat   : no-repeat;
	background-position : center center;
}
.sc-item .sc-panel .m-button span {
	visibility	    : hidden;
}
.sc-item .sc-panel .m-button.a-inc {
        background-image    : url(/images/common/icon/16x16/go-up.png);
}
.sc-item .sc-panel .m-button.a-dec {
        background-image    : url(/images/common/icon/16x16/go-down.png);
}
.sc-item .sc-panel .m-button.a-del {
        background-image    : url(/images/common/icon/16x16/gtk-delete.png);
}
.sc-item .sc-thumbnail {
	border-right	: 1px solid #333333;
	padding		: 5px;
	text-align	: center;
	min-width	: 54px;
	width		: 54px;
}
.sc-item .sc-thumbnail img {
	margin		: 0;
	border		: 1px solid grey;
	max-height	: 48px;
	max-width	: 48px;
}
.sc-item .sc-name {
	padding-left	: 1ex;
	padding-top	: 2px;
	font-weight	: bold;
}
.sc-item .sc-info {
	padding-left	: 1em;
	font-style	: italic;
}
.sc-item .sc-quantity {
	text-align	: right;
	font-family	: monospace;
	width		: 3em;
}
.sc-item .sc-operator {
	padding-left	: 1ex;
	padding-right	: 1ex;
}
.sc-item .sc-price {
	text-align	: right;
	font-family	: monospace;
}
.sc-item tr:last-child .sc-price {
	border-top	: 1px dotted grey;
 	padding-bottom	: 2px;
}



/*
 * Cart
 */
.sc-cart {
	border		    : 1px solid white;
	overflow-y	    : scroll;
}

.sc-cart-helper ul {
	list-style-position: 	outside;
	margin-left: 		1ex;
	margin-bottom:		0;
}
.sc-cart-helper ol {
	list-style-position: 	outside;
	margin-left: 		3.5ex;
	margin-bottom:		0;
}



/*
 * Checkout
 */
.cart-holder {
        width: 			290px;
        float: 			right;
}
.cart-holder .sc-cart {
        height:	 		550px;
}
.cart-holder .sc-checkout-cart {
        border: 		1px solid white;
	font-size:		12px;
}