/******************************************************************************
* gshpGenericShopCss.css
*******************************************************************************
CSS pour la boutique
*******************************************************************************
*                                                                             *
* Copyright 2006									                          *
*                                                                             *
******************************************************************************/

/* --------------------- Mains div  --------------------- */
.gshpProductPage,
.sdsSearchSection,
.gshpBasketPage,
.gshpReferToFriendPopup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.gshpProductPage,
.sdsSearchSection,
.gshpReferToFriendPopup {
	overflow: auto;
}

/* --------------------- Misc  --------------------- */
.gshpAdvColumns {
	overflow: auto;
}
.gshpAdvColumn {
	overflow: auto;
	float: left;
}

.gshpLeftInset {
	float: left;
	width: 100px;
	height: 200px;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 2px solid #C0C0C0;
}

.gshpRightInset {
	float: right;
	width: 150px;
	padding-left: 5px;
	margin-left: 5px;
	border-left: 2px solid #C0C0C0;
}

.clear {
	clear: both;
}

/* --------------------- Separators  --------------------- */
.gshpLayout1Separator, .gshpLayout2Separator {
	clear: both;
}

/* --------------------- Product navigation bar  --------------------- */
.gshpNavigationBarSeparator {
	margin-left: 5px;
	margin-right: 5px;
}

/* --------------------- Product ancestor bar  --------------------- */
.gshpAncestorBarSeparator {
	margin-left: 5px;
	margin-right: 5px;
}

/* --------------------- List (global of for category) of products --------------------- */
.gshpProductList {
	overflow: auto;
}
.gshpProductListItem {
	float: left;
	margin-right: 5px;
}

.productFloatingDiv {
	width: 100px;
	height: 130px;
	border: 2px solid #C0C0C0;
	float: left;
	text-align: center;
	margin: 5px;
	padding: 5px;
}

.productThumbnailDiv,
.productFloatingLabel,
.productFloatingPrice {
	width: 90px;
	margin-left: auto;
	margin-right: auto;
}

.productThumbnailDiv {
	height: 60px;
	text-align: center;
}

.productFloatingLabel {
	font-size: 9px;
	text-align: center;
	padding: 0px;
	word-wrap: break-word;
	word-line: normal;
	white-space: normal;
}

.productTitleEmph {
	font-style: italic;
}

.gshpCategoryProductListSeparator {
	clear: both;
}

/* --------------------- Product card --------------------- */
.gshpProductCard a img {
	border: 0px;
}

/* --------------------- Links to back-office --------------------- */
.gshpLinksToBackOffice {
	overflow: auto;
	display: block;
	float: right;
}
div.gshpLinkToBackOffice {
	float: right;
}
.gshpLinkToBackOfficeProduct{
	clear: both;
}
span.gshpLinkToBackOffice {
	display: block;
	float: right;
}

.gshpReferenceCode, 
.gshpReferencePublicCode, 
.gshpProductPrice {
	display: block;
}

/* --------------------- Price and Messages --------------------- */
.gshpProductPrice {
	font-size: 11px;
}
.gshpCounterValue {
	display: block;
	font-style: italic;
}
.gshpDashedPrice {
	color: red;
	text-decoration: line-through;
}

.gshpReferenceNewMsg,
.gshpReferencePromoMsg {
	display: block;
}

.gshpWarningBasketMsg,
.gshpWarningStockMsg {
	font-size: 11px; 
	font-weight: bold;
	color: red;
	text-decoration: none;
}
.gshpWarningBasketMsg {
	margin-bottom: 5px;
}

/* --------------------- Container for dimensions --------------------- */
.gshpProductReferencesContainer {
	margin-bottom: 5px;
}

.gshpProductPriceTableContainer table.productReferences {
}
.gshpProductPriceTableContainer table.productReferences td {
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 5px;
}

/* --------------------- Linked products --------------------- */
.gshpLinkedProductListItems {
	overflow: auto;
}
.gshpLinkedProductListItem {
	float: left;
	margin: 5px;
}

/* --------------------- Items separator to generate columns --------------------- */
.gshpItemsSeparator, .gshpLastItemsSeparator {
	clear: both;
}

/* --------------------- Typed documents --------------------- */
.gshpTypedDocumentListItems {
	overflow: auto;
}
.gshpTypedDocumentListItem {
	float: left;
	margin: 0px 5px 5px 0px;
}

/* --------------------- Basket --------------------- */
table.gshpBasketTable {
	font-size: 11px;
	border-collapse: collapse;
}

table.gshpBasketTable th {
	background-color: #BCBCBC;
	color: #FFFFFF;
	padding: 4px;
}

table.gshpBasketTable td.gshpBasketCell {
	background-color: #FFFFFF;
	font-size: 11px;
	background-image: url(../iso_icons/gshp_basket_row_background.gif);
	height: 59px;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	padding: 4px;
	background-position: bottom;
	background-repeat: repeat-x;

}
table.gshpBasketTable td.gshpBasketCell p {
	color: #838383;
	margin: 0px;
}
table.gshpBasketTable td.gshpBasketCell .gshpDashedPrice {
	display: block;
}
td.gshpBasketCell a:link, td.gshpBasketCell a:visited, td.gshpBasketCell a:hover {
	color: #000000;
	font-weight: bold;
}

th.gshpBasketHeading .gshpCommandCode {
	float: left;
}
th.gshpBasketHeading .gshpCommandDescription {
	float: right;
}

td.gshpBasket_fullDescription {
	color: #838383;
	margin: 0px;
}
td.gshpBasket_price, td.gshpBasket_vatPrice, td.gshpBasket_vat, td.gshpBasket_total, td.gshpBasket_vatTotal, td.gshpBasket_totalVatAmount,
td.gshpBasketCarrierPriceCell {
	font-weight: bold;
	text-align: right;
}
td.gshpBasketPreface {
	padding: 4px;
}
td.gshpBasketPreface p {
	color: #838383;
}
h3.gshpBasketTitle {
	font-size: 16px;
	margin-bottom: 3px;
}
td.gshpBasketCarrierDescriptionCell {
	width: 100%;
}
td.gshpBasketCarrierDescriptionCell .carrierLabel {
	font-size: 12px;
	font-weight: bold;
}
td.gshpBasketPaymentDescriptionCell {
	width: 100%;
}
td.gshpBasketPaymentDescriptionCell .paymentLabel {
	font-size: 12px;
	font-weight: bold;
}
td.gshpBasketIdentificationCell,
td.gshpBasketAddressesCell {
	font-size: 12px;
	font-weight: bold;
	height: 40px;
}

td.gshpBasketPropertyLabel {
	font-weight: bold;
}

td.gshpSummaryError,
td.gshpSummaryMsg {
	font-weight: bold;
	color: red; 
}

.paymentSummaryComplement {
	display: block;
}

/* - discount coupon */
td.gshpDiscountCouponCell {
	vertical-align: top;
	color: #6d6d6f;
	width: 237px;
}
td.gshpDiscountCouponCell form {
	margin: 0px;
	padding: 0px;
}
td.gshpDiscountCouponCell .gshpDiscountCoupon {
	overflow: auto;
	margin-top: 7px;
	margin-right: 14px;
	background-color: #FFFFFF;
}
td.gshpDiscountCouponCell .gshpDiscountCoupon .gshpDiscountCouponContent {
	overflow: auto;
	border: 1px solid #4e5257;
	padding: 0px 6px 10px;
	margin-bottom: 7px;
}
td.gshpDiscountCouponCell h4 {
	background-color: #4e5257;
	color: #FFFFFF;
	margin: 0px;
	text-align: center;
	padding: 5px;
	line-height: 1em;
}
td.gshpDiscountCouponCell th,
td.gshpDiscountCouponCell td {
	border-bottom: 1px solid #cacbcc;
	padding: 8px 0px;
}
td.gshpDiscountCouponCell th {
	background-color: #FFFFFF;
	color: #6d6d6f;
	font-weight: normal;
}
td.gshpDiscountCouponCell .gshpDiscountCoupon label{
	font-size: 10px;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
}
td.gshpDiscountCouponCell .gshpDiscountCoupon .gshpInput,
td.gshpDiscountCouponCell .gshpDiscountCoupon .gshpRecalculateButton {
	float: left;
}
td.gshpDiscountCouponCell .gshpDiscountCoupon input{
	border: 1px solid #7F9BB9;
	margin-right: 3px;
	vertical-align: middle;
	width: 120px;
}


/* - button OK */
.gshpBasketOkButton  span {
	display: none;
}
.gshpBasketOkButton  a{
	display: block;
	width: 18px;
	height: 18px;
	background-image: url(../iso_icons/gshp_ok.gif);
	cursor: hand;
}

/* --------------------- Forms */
p.loginError {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0px;
	color: red; 
}

form.gshpBasketForm div.sdsControl input {
	border: 1px solid #C0C0C0;
}

form.gshpBasketForm div.sdsControl select {
	border: 1px solid #C0C0C0;
}

input.gshpBasketQuantity {
	font-size: 10px;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.gshpSubmitDiv {
	text-align: left;
	margin-top: 5px;
}

.gshpBasketStep2 .gshpBasketControlIdentificationEmail,
.gshpBasketStep2 .gshpBasketControlIdentificationPassword,
.gshpBasketStep2 .gshpBasketControlFirstName,
.gshpBasketStep2 .gshpBasketControlLastName,
.gshpBasketStep2 .gshpBasketControlEmail,
.gshpBasketStep2 .gshpBasketControlPassword,
.gshpBasketStep2 .gshpBasketControlAddress, 
.gshpBasketStep2 .gshpBasketControlCity,
.gshpBasketStep2 .gshpBasketControlCountry,
.gshpBasketStep2 .gshpBasketControlPhone,
.gshpBasketStep2 .gshpBasketControlPhone2,
.gshpBasketStep2 .gshpBasketControlMobile,
.gshpBasketStep2 .gshpBasketControlNumIntraCommunity,

.gshpBasketStep3 .gshpBasketControlInvoiceFirstName,
.gshpBasketStep3 .gshpBasketControlInvoiceLastName,
.gshpBasketStep3 .gshpBasketControlInvoiceAddress,
.gshpBasketStep3 .gshpBasketControlInvoiceCity,
.gshpBasketStep3 .gshpBasketControlInvoiceCountry,
.gshpBasketStep3 .gshpBasketControlShippingFirstName,
.gshpBasketStep3 .gshpBasketControlShippingLastName,
.gshpBasketStep3 .gshpBasketControlShippingAddress,
.gshpBasketStep3 .gshpBasketControlShippingCity,
.gshpBasketStep3 .gshpBasketControlShippingCountry {
	width: 200px;
}
.gshpBasketStep2 .gshpBasketControlCivility,
.gshpBasketStep3 .gshpBasketControlInvoiceCivility,
.gshpBasketStep3 .gshpBasketControlShippingCivility {
	width: 60px;
}
.gshpBasketStep2 .gshpBasketControlZip,
.gshpBasketStep3 .gshpBasketControlInvoiceZip,
.gshpBasketStep3 .gshpBasketControlShippingZip {
	width: 40px;
}
.gshpBasketStep2 .gshpBasketControlAddress {
	height: 55px;
}

/* --------------------- Command bar of basket */
.gshpCommandBar {
	margin: 0px;
	width: 750px;
	height: 105px;
	display: block;
    background-image: url(../iso_icons/gshp_command_bar.gif);
	background-repeat: no-repeat;
}
.gshpCommandBar ul {
	padding: 0px;
	margin: 0px;
	padding-TOP: 0px;
	list-style-type: none;
}
.gshpCommandBarText {
	width: 125px;
	vertical-align: bottom;
	text-align: center;
	margin-top: 55px;
}
.gshpCommandBar li {
	float: left;
	padding-left: 0px;
	width: 125px;
	height: 105px;
}

.gshpCommandBarSelected {
    background-image: url(../iso_icons/gshp_bar_state_on.gif);
	background-repeat: no-repeat;

}
.gshpCommandBarUnselected {
    background-image: url(../iso_icons/gshp_bar_state_off.gif);
	background-repeat: no-repeat;

}
.gshpCommandBarBar a:link, .gshpCommandBar a:visited, .gshpCommandBar a:hover, .gshpCommandBar a:active {
	text-decoration: none;
}
.gshpBasketStepTextSelected,
.gshpBasketStepTextSelected a:link, .gshpBasketStepTextSelected a:visited, .gshpBasketStepTextSelected a:hover, .gshpBasketStepTextSelected a:active {
	color: #10D301;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

.gshpBasketStepText,
.gshpBasketStepText a:link, .gshpBasketStepText a:visited, .gshpBasketStepText a:hover, .gshpBasketStepText a:active {
	color: #39A3FF;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}

img.gshpBasketThumbnail {
	float: left;
	margin-right: 5px;
	border-width: 0px;
}

/* --------------------- Buttons */
.gshpBasketStep1 .gshpBackToShopButton span,
.gshpBasketStep3 .gshpBackButton span,
.gshpBasketCommandSummary .gshpPrintButton span {
	float: left;
}

.gshpBasketStep1 .gshpOrderButton span,
.gshpBasketStep2 .gshpContinueButton span,
.gshpBasketStep3 .gshpContinueButton span,
.gshpBasketStep4 .gshpContinueButton span,
.gshpBasketStep5 .gshpContinueButton span,
.gshpBasketCommandSummary .gshpBackToShopButton span {
	float: right;
}

.gshpBasketQuantity {
	text-align: right;
}

.gshpPaymentModeImage {
	padding-right: 5px;
	float: left;
}

.gshpCarrierImage {
	padding-right: 5px;
	float: left;
}

p.gshpCarrierTitle {
	font-size: 12px;
	color: black;	
}

p.gshpBasketPaymentTitle {
	font-size: 12px;
	color: black;	
}

h4.gshpBasketSubTitle {
	font-size: 12px;
}

/* --------------------- Print  --------------------- */
@media print {
	.gshpPaymentModeImage {
		display: none;
	}

	.gshpCarrierImage {
		display: none;
	}

	table.gshpBasketTable {
		border-collapse: collapse;
	}
	td.gshpBasketCell {
		border: 1px solid black;
		height: 20px;	
	}
	table.gshpBasketTable th {
		border: 1px solid black;	
	}

}

/* --------------------- Sub categories list  --------------------- */
.gshpCategoryList {
	overflow: auto;
}

.gshpCategoryListItem  .gshpLinkToBackOffice {
	display: inline;
}

.gshpCategoryListItem .gshpCategoryListText h2 {
	margin: 0px;
}

/* --------------------- Sub categories toc (3x4)  --------------------- */
.gshpCategoryTocFrame {
	overflow: auto;
	width: 490px;
}

.gshpCategoryTocFrame h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	color: #000066;
	background-color: #cad5e0;
	margin: 0px 0px 1px 0px;
	padding-left: 3px;
	padding-right: 3px;
}

.gshpCategoryTocFrame p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 4px;
}

.gshpCategoryTocFrame a, 
.gshpCategoryTocFrame a:link, 
.gshpCategoryTocFrame a:hover, 
.gshpCategoryTocFrame a:visited  {
	text-decoration: none;
	color: #000066;
}

.gshpCategoryTocFrame a img {
	border: 0px;
}

.gshpTocFrame1x1 {
	width: 156px;
	margin: 0px 5px 0px 0px;
	float: left;
	height: 105px;
}
.gshpTocFrame1x2 {
	width: 156px;
	margin: 0px 5px 0px 0px;
	float: left;
	height: 210px;
}
.gshpTocFrame1x3 {
	width: 156px;
	margin: 0px 5px 0px 0px;
	float: left;
	height: 315px;
}

.gshpTocFrame1x4 {
	width: 156px;
	margin: 0px 5px 0px 0px;
	float: left;
	height: 420px;
}
.gshpTocFrame2x1 {
	width: 317px;
	margin: 0px 5px 0px 0px;
	float: left;
	height: 105px;
}
.gshpTocFrame2x2 {
	width: 317px;
	margin: 0px 5px 0px 0px;
	float: left;
	height: 210px;
}
.gshpTocFrame2x3 {
	width: 317px;
	margin: 0px 5px 0px 0px;
	float: left;
	height: 315px;
}
.gshpTocFrame2x4 {
	width: 317px;
	margin: 0px 5px 0px 0px;
	float: left;
	height: 420px;
}
.gshpTocFrame3x1 {
	width: 478px;
	margin: 0px 5px 0px 0px;
	float: left;
	height: 105px;
}
.gshpTocFrame3x2 {
	width: 478px;
	margin: 0px 5px 0px 0px;
	float: left;
	height: 210px;
}
.gshpTocFrame3x3 {
	width: 478px;
	margin: 0px 5px 0px 0px;
	float: left;
	height: 315px;
}
.gshpTocFrame3x4 {
	width: 478px;
	margin: 0px 5px 0px 0px;
	float: left;
	height: 420px;
}

/* --------------------- Popup (Refer To Friend)  --------------------- */
.gshpReferToFriendPopup .popupLabel {
	margin: 0px;
	padding-left: 5px;
}
.gshpReferToFriendPopup .gshpProductCard,
.gshpReferToFriendPopup .gshpSummary  {
	margin: 5px 0px;
}
.gshpReferToFriendPopup .gshpLayout1Separator {
	margin: 0px;
}
.gshpReferToFriendPopup .gshpForm {
	margin: 5px 0px;
}
.gshpReferToFriendPopup .gshpForm .gshpReferToFriendForm {
	margin: 0px;
}

.gshpReferToFriendPopup .gshpProductCard,
.gshpReferToFriendPopup .gshpForm,
.gshpReferToFriendPopup .gshpSummary {
	padding-left: 5px;
	padding-right: 5px;
}

.gshpReferToFriendPopup .gshpProductCard .imageCell {
	width: 150px;
	vertical-align: top;
	text-align: center;
}
.gshpReferToFriendPopup .gshpProductCard .textCell {
	vertical-align: top;
}
.gshpReferToFriendPopup .gshpProductCard .textCell h2, 
.gshpReferToFriendPopup .gshpProductCard .textCell h3, 
.gshpReferToFriendPopup .gshpProductCard .textCell p {
	margin-top: 0px;
	margin-bottom: 0px;
}

.gshpReferToFriendPopup .gshpForm .mainLabel {
	margin-left: 10px;
}
.gshpReferToFriendPopup .gshpForm p label {
	float: left;
	width: 195px;
	text-align: right;
}
.gshpReferToFriendPopup input, .gshpReferToFriendPopup textarea {
	margin-left: 5px;
}

.gshpReferToFriendPopup .gshpForm .gshpContinueButton span {
	float: right;
}
/* --------------------- styles ajoutes lors de la validation xhtml  --------------------- */
.gshpNoBorder {
	border-width:0px;
}