﻿/* 
=== Colors ===
Green: #5E7800
Brown: #4F0000
Red: #E31B23
*/

html 
{
    margin:0;
    padding:0;
    background:#4F0000;
    background-image: url("/Images/fond-02.jpg");
    color:#4F0000;
    font-family: Verdana;
    font-size: 10pt;
}

a.CustomLink:link { color: #4F0000 }
a.CustomLink:visited { color: #4F0000 }
a.CustomLink { text-decoration: underline }


a:link { color: #4F0000 }
a:visited { color: #4F0000 }
a:hover { text-decoration: underline; }

a, .MailTo, .MenuImg
{
	text-decoration: none;
}

img
{
	border-style: none;
}

/* Used for Category Summary */
h2
{
	color: #4F0000;
	margin: 0px;
	font-size: 14pt;
}

.ImageContainer
{
	text-align: center;
}

/*h3 a
{
	color: #E31B23;
}*/

a.FootnoteRef
{
	font-weight: bold;
}

.InfoMessage
{
	font-style: italic;
	font-weight: bold;
	color: #4F0000;
}

.MailTo
{
	color: Black;
	font-style: italic;
}

.MenuImgHeader
{
	border: none;
	padding-top: 5px;
	padding-bottom: 2px;
	color: #4F0000;
	font-family: Verdana;
	font-size: 11pt;
	line-height: 1.5em;
}

.MenuImgItem
{
	color: #E31B23;
	text-indent: 5px;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
}

/* Buttons */
div#CartButtons
{
	text-align: center;
}

div#CartButtons ul
{
	list-style-type: none;
	padding: 0;
	margin: 5px;
}

div#CartButtons ul li
{
	display: inline;
	padding: 0px 5px 0px 5px;
}

input.button
{
color: #4F0000;
font-weight: bold;
}


div.ProductDetailsBlock
{
	margin-left: 135px;
}

dl.ProductDescriptionBlock
{
	margin-top: 0px;
}

dl.ProductDescriptionBlock dt
{
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

dl.ProductDescriptionBlock dd
{
	margin: auto auto 5px 0px;
}

img.ImageWithTextOnRight
{
	margin-top: 3px;
	margin-right: 5px;
	display:inline;
	float:left;
}

.AddSoapButton
{
	margin-left: 10px;
	vertical-align: middle;
}

div.SoapVariantContainer
{
	margin-top: 10px;
}

div.SoapProduct
{
	clear:left;
	margin-top: 20px;
}

ul.SoapVariantList
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float:left;
}

ul.SoapVariantList li
{
	padding-bottom: 5px;
}

/* Splash Ad Image on welcome screen */
div#SplashAdContainer
{
	text-align: center;
	color: #4F0000;
	padding: 0px;
	margin: 0px;
	/*border: solid 1px Aqua;*/
}

div.SplashAd
{
		padding: 0px;
	margin: 0px;
	/*border: solid 1px Black;*/
	/*width: 532px;*/
}

div.SplashAd a
{
	color: #E31B23;
}

div.SplashAd h2
{
	font-size: medium;
	margin-top: 1.2em;
}

div.SplashAd h2, div.SplashAd p
{
	color: #4F0000;
	text-align: left;
	margin-left: 35px;
	margin-right: 35px;
}

div.SplashAd p
{
	font-size: 10pt;
	font-weight: bold;
}

div.SplashAd img
{
	padding: 0px;
	margin: 0px;
}

/* Breadcrumb */
#Breadcrumb
{
	color: #4F0000;
	margin-left: 5px;
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 10px;
}

/* Content Managed */
div#CategoryContentText
{
	color: #4F0000;
}

div#CategoryContentText a
{
	font-weight: bold;
	color: #E31B23;
}

div#CategoryContentText dt
{
	font-weight: bold;
}

div#CategoryContentText dd
{
	text-indent: 0px;
	margin: 0px;
	padding-bottom: 2em;
}

div#CategoryContentText dd.Last
{
	padding-bottom: 1em;
}

div#CategoryContentText h3
{
	margin-bottom: 0px;
}

div#CategoryContentText p
{
	margin-top: 0px;
}

div#CategoryContentText table
{
	width: 300px;
	border-collapse: collapse;
}

div#CategoryContentText table th, div#CategoryContentText table td
{
	border: solid 1px #4F0000;
	text-align: center;
	vertical-align: top;
	border-collapse: collapse;
}

dt.FAQ-Section
{
	font-size: larger;
	font-variant:small-caps;
	padding-bottom: 10px;	
}

span.Bookmark
{
	color: #4F0000;
}

/* Product List */
.ProductList
{
	text-align: left;
	/*border: solid 1px black;*/
}

.ProductList td
{
	width: 150px;
	vertical-align: top;
	text-align: center;
	/*border: solid 1px red;*/
}

.ProductListed
{
	text-align: center;
	color: #4F0000;
	padding-right: 0px;
	padding-bottom: 5px;
	/*border: solid 1px black;*/
	margin-top: 5px;
}

.OrigPriceOnSale
{
	text-decoration: line-through;
}

.SellingPriceOnSale
{
	color: #E31B23;
	display: block;
}

/* Product Details */

.ProductPrice
{
	font-size: larger;
	color: #4F0000;
	font-weight: bold;
}

.ProductName
{
	font-size: larger;
	text-decoration: underline;
	color: #4F0000;
	font-weight: bold;
}



.ProductDetailsImage
{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.ProductDetailsText
{
	margin-left: 215px;
}

#BuyButton
{
	text-align: right;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* Shopping Cart */
#ShoppingCart
{
	color: #4F0000;
}

.CartTable
{
	border-collapse: collapse;
	width: 100%;
}

td.Grid, th.Grid, td.GridNoWrap
{
	border: solid 1px #4F0000;
	padding-left: 5px;
	padding-right: 5px;
}

td.GridNoWrap
{
	white-space: nowrap;
}

.CartTotal
{
	font-weight: bold;
}

.CartSummaryLineFirst, .CartSummaryLine, .CartSummaryLineLast
{
	text-align: right;
	padding-right: 5px;
}

.CartSummaryLineFirst
{
	border-bottom-style: none;
	border-right: solid 1px Black;
}

td.CartSummaryLine, td.CartSummaryLineLast
{
	border-style: none;
	border-bottom: solid 0px Black;
}

.CartActionLink
{
	font-style: italic;
}

/* Checkout */
div.CheckoutButtonsPanel
{
	text-align: center;
	padding: 0.5em 0 0.5em 0;
}

/* PayPal */
div#PayPalOptions
{
	/*text-align: center;*/
}

div#PayPalOptions fieldset
{
	margin: 10px;
	width: 40%;
}

div#PayPalOptions fieldset legend
{
	font-weight: bold;
	color: #4F0000;
}

/* New Design */
body
{
	margin: 0px;
	padding: 0px;
	text-align:center;	
}

div#Top
{
	height: 30px;
	background-image: url("/Images/CoinsRondsHaut.gif");
}

div#Middle
{
	float: left;
	padding-top: 155px;
	background-color: White;
}

div#Footer
{
	background-color: White;
	color: Black;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
	clear: both;
}

div.Footer ul li a:link, div.Footer ul li a:visited
{
	color: Black;
}

div#Footer a:link, div#Footer a:visited
{
	color: Black;
}

div#Bottom
{
	margin-top: 0px;
	padding: 0px;
	height: 30px;
	background-image: url("/Images/coinsrondsbas.gif");
}

div#Container
{
	text-align: left;
	width: 800px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

div#ProductCategories
{
	float: left;
	margin-left: 5px;
	width: 195px;
}

div#ProductCategories a:hover
{
	color: #E31B23;
}

div#MainContent
{
	float: left;
	width: 600px;
}

div#MainContent h3 a
{
	color: #E31B23;
}

div#MainContent h3
{
	font-size: 10pt;
}

div#Toolbar
{
	text-align: right;
	position: relative;
	margin-top: -142px;
	margin-right: 0px;
}

div#Logo img
{
	position: relative;
	top: 30px;
	left: 5px;
}

div#Banner img
{
	position: absolute;
	margin-top: 50px;
}



