/* Normalization rules */
body, div, img, ul, li, h1, h2, h3, h4, h5 { border-width: 0px; margin: 0px; padding: 0px; }

/* Colors
	background (page) : #800000
	background (top caddie) : #FF9900
	background (top dark) : #400000
	background (caddie) : #7F4C00
	background (left menu) : #FFE08D
	light borders & text : #FF9900
	banded dark : #FFEBCC
	banded light : #FFF5E6
*/

/* Baseline rules */
body { background-color: #800000; font: 0.8em Verdana,Tahoma,Arial,sans-serif; }
a { color: #000000; text-decoration: none;}
a:link { color: #000000; }
a:visited { color: #800000; }
a:hover { color: #FF0000; }

/* Page top banner */
#page-top-margin { width: 1001px; height: 17px; margin-left: auto; margin-right: auto; border-right-style: solid; border-right-width: 1px; border-right-color: #FFFFFF; border-left-style: solid; border-left-width: 1px; border-left-color: #FFFFFF; }
#page-top-margin-left { float: left; width: 200px; height: 17px; border-right-style: solid; border-right-width: 1px; border-right-color: #FFFFFF; background-color: #FF9900; }
#page-top-margin-content { float:right; width: 200px; height: 17px; padding-right: 5px; text-align: right; }
#page-top-background { clear:both; border-top-style: solid; border-top-width: 1px; border-top-color: #FFFFFF; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #FFFFFF; background-color: #400000; }
#page-top { width: 1001px; height: 170px; margin-left: auto; margin-right: auto; border-right-style: solid; border-right-width: 1px; border-right-color: #FFFFFF; border-left-style: solid; border-left-width: 1px; border-left-color: #FFFFFF; }
#page-top-left { float: left; height: 170px; width: 200px; border-right: solid 1px #FFFFFF; background-color: #7F4C00; text-align: center; /*font-size:8px;*/ }
#page-top-left a { color: white; text-transform: uppercase; font-weight: bold; font-size: small; }
#page-top-left a:hover { text-decoration: underline; }
#page-top-left a span { color: white; text-transform: none; font-weight: normal; font-style: italic; }
#page-top-content { float:right; width: 800px; height: 170px; background: url(gfx/page-top.jpg); }
#page-top-content-logo {width:800px; height: 94px; }
#page-top-content-logo img:hover { margin-left: 2px; }
#page-top-content-menu {width:800px; height:24px; }

/* Menu Bar */
div.menu { float:left; text-align: center; border-style: none solid none none; border-width: 1px; border-color: #FFFFFF; position: relative; top: 52px; float: left; width: 130px; background-color: Transparent; height: 24px; line-height: 24px; }
div.menu a {font-size: 8pt; color: #FFFFFF; text-transform: uppercase; font-weight: bold; }
div.menu a:hover {color: #DDDDDD; }
div.menu-hover { border-style: solid none none none; border-width: 1px; border-color: #FFFFFF; border-collapse: collapse; background-color: #C0C0C0; height: 20px; padding-left: 5px; padding-right: 5px; line-height: 20px; z-index: 50; width: 252px; } 
div.menu-hover-sub { background-color: #666666;  color: #FFFFFF; font-weight:bold;} 
div.menu-hover a { color: #000000; }
div.menu-hover a:hover { color: #DDDDDD; }

/* Page middle content */
#page { width: 1001px; margin-left: auto; margin-right: auto; border-right-style: solid; border-right-width: 1px; border-right-color: white; border-left-style: solid; border-left-width: 1px; border-left-color: white; background: white url(gfx/page.gif);}
#page-left { float: left; width: 200px; border-right-style: solid; border-right-width: 1px; border-right-color: white; background-color: #FFE08D; }
#page-content { width: 790px; min-height: 800px; margin-left: 201px; padding: 5px; height: auto; }
#page-content-clear { clear: both; }

/* Left Infos */
.info ul { margin: 0px; padding: 0px; list-style: none; }
.info li { font-size: x-small; padding: 4px 2px 4px 4px; vertical-align: middle; font-size: xx-small; }
.info li img { float: left; padding: 4px 4px 4px 0px; }
.info li a { font-variant: small-caps; font-size: small; font-weight: bold; color: #000000;}
div.info-orange-title { width: 200px; height: 20px; background-image: url(gfx/orange-title.png); cursor: pointer; line-height: 20px;}
span.info-orange-title { position: absolute; width: 148px; font-size: 8pt; color: #FFFFFF; text-transform: uppercase; font-weight: bold; margin-top: auto; margin-bottom: auto; padding-left: 30px; line-height: 20px; }
div.info-orange-content { padding-left: 3px; padding-right: 3px; padding-bottom: 1px; background-color: #FFE08D; }
input.search-input { border-style: dotted; border-width: 1px; color: #800000; margin-top: 12px; margin-bottom: 6px; height: 16px; width: 155px; }

/* Page bottom banner (bottom navigation bar) */
#page-bottom-background { width: 100%; height: 40px; border-top-style: solid; border-top-width: 1px; border-top-color: white; border-bottom-style: solid; border-bottom-width: 1px; border-color: #FFFFFF; background-color: #400000; }
#page-bottom { width: 1001px; height: 40px; margin-left: auto; margin-right: auto; border-right-style: solid; border-right-width: 1px; border-right-color: white; border-left-style: solid; border-left-width: 1px; border-left-color: #FFFFFF; }
#page-bottom-left { float: left; height: 40px; width: 200px; border-right-style: solid; border-right-width: 1px; border-right-color: #FFFFFF; background-color: #7F4C00; }
#page-bottom-content { float:right; width: 800px; height: 40px; background-color: #400000; text-align: center; }
#page-bottom-content a { display: inline-block; color: #FFFFFF; font-weight: bold; padding-left: 8px; padding-right: 8px; padding-top: 3px; }
#page-bottom-content a:hover { text-decoration: underline; }
#page-bottom-content p { color: #C0C0C0; font-size: xx-small; margin-top: 5px; }

/* Page bottom margin (bottom partners) */
#page-bottom-margin-background { float: left; width: 100%; }
#page-bottom-margin { width: 1001px; height: 80px; margin-left: auto; margin-right: auto; border-right: solid 1px white; border-left: solid 1px white; }
#page-bottom-margin-left { float: left; width: 200px; height: 80px; border-right: solid 1px white; background-color: #FF9900; vertical-align: middle; text-align: center; line-height: 80px;}
#page-bottom-margin-content { width: 790px; height: 80px; margin-left: 201px; line-height: 80px; vertical-align: middle; text-align: center; }
#page-bottom-margin-content a { margin-left: 20px; margin-right: 20px; }
#page-bottom-margin-content a img { line-height: 80px; vertical-align: middle; margin: auto; }

/* Buttons */
.button230 { display: inline-block; height: 24px; width: 230px; background-image: url(../../img/gfx/bt24x230.gif); text-align: center; margin: 10px 4px 12px 2px;}
.button115 { display: inline-block; height: 24px; width: 115px; background-image: url(../../img/gfx/bt24x115.gif); text-align: center; margin: 10px 4px 12px 2px;}
.button230 a, .button115 a { line-height: 24px; text-transform: uppercase; font-weight: bold; color: #FFFFFF; }
.button230:hover, .button115:hover { margin: 12px 2px 10px 4px; }

/* Icon Bar */
div.iconbar-icon { font-size: 10px; font-variant: small-caps; border: 1px dotted #800000; padding: 0px; margin: 0px; width: 80px; height: 100px; float: left; color:#800000;text-align:center;font-weight:bold;}
div.iconbar-spacer { float: left; width: 40px; height: 40px; border-bottom: 1px dotted #800000; }
div.iconbar-icon img {padding-top:4px;}

/* Text Rules */
.center { text-align: center; margin: auto;}
.left { text-align: left; margin-right:auto;}
.right { text-align: right; margin-left:auto;}
.hidden { display: none; visibility: hidden; }
.warning { color: Gray; font-style: italic; font-size: smaller; }
.error { margin: 20px 15%; line-height: 3em; text-align: center; }
.smallgray, .smallgray a, .smallgray a:visited { font-size: 8pt; color: #808080; }
.smallgray a:hover { color: #FF0000; }
.caps, .caps a { text-transform: capitalize; }
.red { color: #FF0000; }
.border { border: 1px dotted #FF9900; padding: 3px; }
p { margin: 6px; line-height: 1.5em; }
p a:link { text-decoration: underline; }
h1, h2 { padding: 3px 0px 3px 0px; margin: 10px 0px 5px 0px; color: #FF9900; font-size: 10pt; text-transform: uppercase; font-weight: bold; }
h3 { color: #800000; font-size: small; }
h4 { font-size: small; font-weight: normal; }

/* Sections */
div.page-section { width: 790px; margin: 0px; margin-bottom: 20px;}
div.full-section { padding: 3px; float: left; width: 784px; margin-bottom: 8px; }
div.full-section-border { border: 1px dotted #FF9900; padding: 3px; float: left; width: 782px; margin-bottom: 8px; }
div.half-section { padding: 3px; float: left; width: 385px; margin-bottom: 8px; }
div.half-section-container { padding: 0px; float: left; width: 391px; margin: 0px; }
div.half-section-border { border: 1px dotted #FF9900; padding: 3px; float: left; width: 383px; height: 130px; margin-bottom: 8px; }
div.half-section-border-maincat { border: 1px dotted #FF9900; padding: 3px; float: left; width: 383px; height: 180px; margin: 0px 0px 8px 0px;}
div.half-section-spacer { float: left; padding: 0px; width: 8px; height: 130px; }
div.half-section-border-link { border: 1px dotted #FF9900; padding: 3px; float: left; width: 383px; height: 60px; margin: 0px 0px 8px 0px;}
div.half-section-spacer-link { float: left; padding: 0px; width: 8px; height: 35px; }


/* Main page product description */
div.marketing-product-left { float: left; width: 134px; height: 130px; vertical-align: middle; }
div.marketing-product-left span a img { position: relative; top: -20px; left: 5px; z-index: 0; border: none; }
div.marketing-product-left div img { position: relative; left:-10px; z-index: 100; }
div.marketing-product-topright { float: left; width: 246px; height: 90px; vertical-align: top; }
div.marketing-product-bottomright { float: left; width: 246px; height: 40px; text-align: right; vertical-align: bottom; font-style: italic; }

div.marketing-promo { float: left; vertical-align: middle; width: 197px; text-align: center;}
div.marketing-promo span a img { position: relative; top: -20px; left: 5px; z-index: 10; border: none; right:auto;}
div.marketing-promo div img { position: relative; z-index: 20; left:-50px;}

.marketing-info { font-size: 8pt; }
a.marketing-info { font-size: 8pt; color: #808080; }
a.marketing-info em { margin: 10px 0px 0px 0px; color: #800000; font-size: small; font-weight: bold; font-style: normal; display: inline-block; }
a.marketing-brandname { font-variant: small-caps; line-height: 25px; font-weight: bold; }

div.nav-cat { float: left; margin-bottom: 15px; width: 200px; margin-left: 23px; margin-right: 23px; height: 170px; text-align: center; background: url(gfx/nav-cat.jpg); }
div.nav-cat:hover { background: url(gfx/nav-cat-over.jpg); }
div.nav-cat img { border: none; margin: 0px 1px 1px 0px; }
div.nav-cat a { margin: 0px; padding: 0px; font-size: small; text-transform: uppercase; color: #000000; font-weight: bolder; letter-spacing: 0.3em; }

/* Tables */
div.banded-table { border-top-style: dotted; border-width: 1px; border-color: #FF9900; padding-top:1px; }
table.banded-table { width: 100%; border-collapse: separate;}
td.banded-table, th.banded-table { border-style: none; border-width: 1px 1px 0px 0px; border-color: #FFFFFF; background-color: #FFEBCC; padding: 2px 5px 2px 5px; }
td.banded-table-alt, th.banded-table-alt { background-color: #FFF5E6; border: 1px solid #FFFFFF; padding: 2px 5px 2px 5px;}
table.banded-table thead td { padding-left:5px; border-bottom: dotted 1px #FF9900; border-spacing: 1px; color:#7F4C00; font-weight:bold;}
.form-table th { text-align: right; padding: 5px; color: #FF9900;}
.form-table td { text-align: left; padding: 5px; }

/* Main Univers Categories */
.cat-list img { margin: 5px; }
.cat-list ul { margin-left: 5px; margin-top: 0px; }
.cat-list li { display: block; list-style-type: none; }
.cat-list-item { white-space: nowrap; overflow: hidden; display: block; text-decoration: none; padding: 4px 2px 4px 13px; margin: 0px; width: 360px; background: URL(gfx/bullet.gif) 2px 8px no-repeat; font-weight: bold; }
.cat-list-item-light { white-space: nowrap; overflow: hidden; display: block; text-decoration: none; padding: 2px 1px 2px 13px; margin: 0px; width: 360px; background: URL(gfx/bullet.gif) 2px 8px no-repeat;}
.cat-list-item:visited { color: black; }
.cat-list-item:hover { color: #800000; background-color: #FFEBCC; }
.cat-list-item-light:hover {background-color: #FFEBCC; }

/* Search results */
.arcane-price { color: #FF9900; font-variant: small-caps; font-weight: bold; font-size: 12px; line-height:18px; }
.arcane-price-gray { border-width: 1px; border-color: #808080; color: #000000; font-variant: small-caps; font-weight: bold; font-size: 12px; line-height: 28px; border-bottom-style: dotted; padding-left: 25px; padding-right: 25px; padding-bottom: 3px; }
.arcane-price-red { color: red; font-variant: small-caps; font-weight: bold; font-size: 14px; }
.thumbs-info img { margin-left: 10px; margin-right: 4px; margin-top: 2px; margin-bottom: 2px; border: 0; vertical-align: text-top; }
.thumbs img { border: #000000 1px solid; margin-bottom:4px;}
.thumbs em { color: #800000; font-size: small; font-weight: bold; font-style: normal; }
div.button-buy { width: 113px; height: 22px; background-image: url(gfx/acheter2.gif); text-align: right; background-repeat: no-repeat; }
div.button-buy a {display:inline-block; width:106px; margin-right:25px; line-height:22px; color:#cc3300; font-size:14px; font-weight:bold; }
td.thumbs { vertical-align:top; }
div.thumbs { margin-top: 8px; margin-bottom: 4px; }
ul.page-number { float:left; display: inline; list-style-type: none; }
ul.page-number li { float:right; width: 28px; height: 24px; display: inline; border: solid 1px #FF9900; margin: 3px; line-height: 24px; text-align: center;}
ul.page-number li:hover { background-color: #FFEBCC; } 
li.page-number-current { background-color: #FFEBCC; }
ul.page-number li a, ul.page-number li a:hover { color: #800000; }

/* Product page */
span.navig-rail { text-transform: uppercase; font-size: 10px; margin:5px; line-height:16px;}
td.product-price { width: 180px; border-left-style: dotted; border-left-width: 1px; border-left-color: #FF9900; text-align: center; vertical-align: top; margin: auto;}
.product-title { width: 595px; height:20px; font-size: 20px; font-variant: small-caps; color:#7F4C00; font-weight:bold; line-height:20px; vertical-align:top;}
div.characteristics-table { border-top-style: dotted; border-width: 1px; border-color: #FF9900; padding-top:1px; }
table.characteristics-table { width: 100%; border-collapse: collapse; }
table.characteristics-table th { background-color: #ffebcc; border: 1px solid #FFFFFF; font-weight:normal;text-align:left; padding: 2px 10px 2px 10px;}
table.characteristics-table td { background-color: #fff5e6; border: 1px solid #FFFFFF; padding: 2px 10px 2px 10px;}
ul.prd { margin: 3px 3px 12px 3px; font-weight: bold; }
ul.prd li { font-weight: normal; list-style-position: inside; margin-left: 20px; margin-top: 3px; list-style-type: square; }
.photosdetails img { margin: auto; padding: 20px; }
.social { padding: 5px 20px 5px 20px; text-align: center; }
.social li {margin-top: 5px; display: inline; }

/* Brands page */
div.brand-bizcard { border-right: silver 2px solid; border-top: silver 1px solid; border-left: silver 1px solid; border-bottom: silver 2px solid; width: 242px; height: 160px; float: left; padding: 5px; margin: 4px; }
.brand-bizcard div { width: 100%; }
.brand-bizcard div a, .brand-bizcard div a:visited { text-decoration: none; color: #808080; font-style: italic; }