/* GLOBAL */
BODY, TD, P {font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
BODY#Background {background: url('../images/bg_body.png') #413e39; }

A {color: black; }
A:hover {}
IMG {border: 0; vertical-align: middle; }

.Clear {clear: both; }
.Column {float: left; overflow: hidden; display: inline; }

/* TITLING */
H1 {color: #686963; font-size: 24px; text-transform: uppercase; margin: 0px 0px 12px; padding: 0; letter-spacing: -1px; }
H1.BigUp {color: white; text-shadow:1px 1px 2px #B3B3AB; font-size: 36px; text-transform: uppercase; margin: 0; padding: 0; font-weight: normal; }
H2 {color: #7C8B88; text-transform: uppercase; font-size: 15px; letter-spacing: -0.5px; }
H2 A{color: #7C8B88; text-transform: uppercase; font-size: 15px; letter-spacing: -0.5px; }
H3 {}
H3 A {}
H4 {}
H5 {}
H6 {}

/* LAYOUT */
DIV#Page {width: 990px; margin: 0 auto; color: white; }
DIV#Page DIV#Main {background: #413e39; }
/*DIV#Page DIV#Main DIV#Top {margin-right: 17px; background: url('../images/bg_top.gif') transparent no-repeat; }*/
DIV#Page DIV#Main DIV#Body {margin: 0px 17px 0px 20px; padding: 13px 11px 0px; background: white; color: black; min-height: 480px; height: auto !important; height: 480px; }
DIV#Page DIV#Footer {text-align: right; margin-top: 8px; margin-right: 17px; font-size: 9px; color: #b3b3ab; }

/* TOP */
/*DIV.Pub{display:none;}*/
DIV#Top DIV#Header{margin-right: 17px; background: url('../images/bg_top.gif') transparent no-repeat; }
DIV#Top DIV#Bandeau {padding:0 20px;}
DIV#Header DIV#LogOut {text-align: right; height: 14px; }
DIV#Header DIV#MainLogo {height: 72px; }
DIV#Header DIV#AltMenu {padding-left: 180px; margin-left: 20px; line-height: 16px; }
DIV#Header DIV#MainMenu {padding-left: 180px; margin-left: 20px; margin-top: 16px; border-top: 1px solid #413E39; }

/* BODY */
DIV#Body DIV#Left {width: 158px; margin-right: 12px; overflow: hidden; display: inline; float: left; padding-bottom: 12px; }
DIV#Body DIV#Content {width: 760px; overflow: hidden; display: inline; float: left; }
DIV#Body DIV#WideContent {width: 929px; min-height: 448px; overflow: hidden; display: inline; float: left; }
DIV.WideLightGrayBox {background: #b3b3ab; background-image: url('{$ImagePath}dot_darkgray.png'); background-repeat: no-repeat; padding: 18px; min-height: 444px; }
DIV.WideLightGrayBox DIV.WhiteBox {width: 851px; text-align:	justify; min-height: 408px; background: white; padding: 20px; }
DIV.MidLightGrayBox {background: #b3b3ab; background-image: url('{$ImagePath}dot_darkgray.png'); background-repeat: no-repeat; padding: 18px; min-height: 444px; }
DIV.MidLightGrayBox DIV.WhiteBox {width: 714px; text-align:	justify; min-height: 433px; background: white; padding: 3px 5px 8px 5px; }

DIV#Body DIV#ColumnContent {padding: 12px 24px 15px 5px; }

/* CONTENT */
DIV#ColumnContent A , DIV#WideContent A {}
DIV#ColumnContent LI {list-style: url('../images/list_dot.png'); }
DIV#ColumnContent DIV.ContentBox {margin: 4px 0px 24px; }
DIV#ColumnContent DIV.ContentBox DIV.Body {
}
.Discret {color: #b3b3ab; }
.Small {font-size: 9px; }

/* LIST */
.List {margin: 8px 0px 16px; }
.ListHeader {font-weight: normal; font-size: 9px; color: #cbcb99; }
.ListThumb {margin: 6px; }
.ListTitle {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; margin-bottom: 3px; color: #aC8400; }
.ListShortText {color: #909090; }
.ListText {color: black; background: #b2b2aa; padding: 2px 4px; }
.ListShippingDelay {margin: 4px 0px 2px; color: #6c6955; font-weight: bold; font-size: 11px; }
.ListStockLevel {margin: 4px 0px 2px; color: #aaaa55; font-weight: bold; font-size: 11px; }
.ListProperties {display: inline; margin: 0px 5px; }
.ListEcoTax, .ListEcoTax A {color: #969696; font-size: 9px; }
.ListEcoTax A:hover {color: #54c005; }
.ListRating {margin: 5px 0px; font-size: 9px; color: #ada372; }
.ListSerials {margin-top: 4px; margin-bottom: 6px; font-size: 11px; }
.ListQuantity {margin-top: 4px; margin-bottom: 4px; text-align: right; }
.ListSep {margin-top: 8px; margin-bottom: 8px; border-top: 1px dashed #cccc99; }

/* LOG OUT */
DIV#LogOut A {padding-right: 14px; padding-left: 12px; color: white; font-size: 9px; text-decoration: none; background: url('../images/bg_logout.png') transparent no-repeat left center; }
DIV#LogOut A:hover {text-decoration: underline; }

/* MAIN LOGO */
DIV#MainLogo H1 {margin: 0; padding: 0; }
DIV#MainLogo H1 A {display: block; height: 72px; }
DIV#MainLogo H1 A SPAN {display: none; }


/* ALT MENU */
DIV#AltMenu{float: right; }
DIV#AltMenu UL {margin: 0; padding: 0; float: right; }
DIV#AltMenu UL LI {list-style: none; float: left; }
DIV#AltMenu UL LI A {border-right: 1px solid #b3b3ab; margin-right: 8px; padding-right: 8px; margin-top: 2px; display: block; text-transform: uppercase; color: white; font-size: 10px; font-weight: bold; line-height: 17px; text-decoration: none; }
DIV#AltMenu UL LI A.Last {border-right: 0px; }
/*DIV#AltMenu UL LI A.Contact {background: url('../images/bg_contact.png') transparent no-repeat right center; padding-right: 20px; }*/
DIV#AltMenu UL LI A.Cart {background: url('../images/bg_main_cart.png') transparent no-repeat right center; padding-right: 20px; }
DIV#AltMenu UL LI A:hover {color: white; }

/* MAIN CART */
/*DIV#AltMenu DIV#MainCart {float: right; }
DIV#MainCart A {display: block; background: url('../images/bg_main_cart.png') transparent no-repeat right center; padding-right: 20px; color: white; text-transform: uppercase; text-decoration: none; margin-top: 3px; margin-right: 8px; }
DIV#MainCart A:hover {text-decoration: underline; }*/

/* MENU */
/*DIV#MainMenu UL LI {list-style: none; float: left; margin-right: 3px; }
DIV#MainMenu UL LI A {background: url('../images/bg_menu_item.png') #edc604 repeat-y center top; display: block; padding: 0px 15px; color: black; text-transform: uppercase; font-size: 9px; font-weight: bold; line-height: 17px; text-decoration: none; }
DIV#MainMenu UL LI A:hover {background: white; }*/

DIV#MainMenu UL{margin:0; padding:0; /margin-bottom:1px; height:18px;}
LI.menu-item{list-style: none; float:left; margin-right:3px;  position:relative;}
.link-menu-item{display:block; background: url('../images/bg_menu_item.png') #edc604 repeat-y center top; padding: 0px 15px 0px; color: black; text-transform: uppercase; font-size: 9px; font-weight: bold; line-height: 18px; /line-height: 19px; text-decoration: none;}
.link-menu-item:hover{background: white;}
.link-menu-item:hover{background: white;}

.menu-item UL.submenu-items{display:none; position:absolute; left:0; top:18px; /top:19px; margin:0; padding:0; z-index:100; width:190px;}
.menu-item LI.submenu-item{margin:0; list-style: none; color:black; text-transform:uppercase; font-size: 9px; font-weight: bold; }
.menu-item LI.submenu-item a{display:block; background-color: white; text-decoration: none; padding:5px 15px; border-bottom:1px solid #B3B3AB;  }
.menu-item LI.submenu-item a:hover{ text-decoration: none; font-weight:bold; color:#EDC501; background-color:#B3B3AB;}

LI.menu-item:hover UL{display:block;}
LI.menu-item:hover a{background: white;}

/* FOOTER */
DIV#Footer A {color: #b3b3ab; text-decoration: none; }
DIV#Footer DIV.Spacer {border-right: 1px solid #b3b3ab; display: inline; margin: 0px 8px 0px 4px; }

/* ORANGE BOX PLAIN */
DIV.OrangeBoxPlain {background: #edc501; padding: 8px; }
DIV.OrangeBoxPlain H2 {font-size: 13px; font-weight: bold; text-transform: uppercase; color: white; margin: 0; padding: 0; }
DIV.OrangeBoxPlain DIV.Body {margin-top: 8px; }
DIV.AdvancedSearch {background: #b3b3ab; }
DIV.AdvancedSearch A {color: #717269; font-size: 12px; display: block; padding: 5px 12px; text-decoration: none; background: url('../images/arrow_right_gray.png') transparent no-repeat 130px center; }

/* BLUE-GRAY BOX */
DIV.BlueGrayBox {background: #7c8b88; }
DIV.BlueGrayBox DIV.Body {padding: 4px 12px 8px; }

/* DARK-GRAY BOX */
DIV.DarkGrayBox {background: #686963; }
DIV.DarkGrayBox DIV.Body {color: #b3b3ab; /*padding: 8px; */}

/* GREEN-GRAY BOX */
DIV.GreenGrayBox {background: #999c81; }
DIV.GreenGrayBox DIV.Body {color: white; /*padding: 8px; */}

/* VERY-DARK-GRAY BOX */
DIV.VeryDarkGrayBox {background: #413e39; }
DIV.VeryDarkGrayBox DIV.Body {color: white; padding: 4px 12px 8px; }

/* LIGHT-GRAY BOX */
DIV.LightGrayBox {background: #b3b3ab; }
DIV.LightGrayBox H3 {font-size: 12px; font-weight: bold; text-transform: uppercase; color: #474741; margin: 0; padding: 0; margin-bottom: 8px; }
DIV.LightGrayBox H3 A {font-size: 12px; font-weight: bold; text-transform: uppercase; color: #474741; margin: 0; padding: 0; margin-bottom: 8px; }

DIV.LightGrayBox DIV.Body {color: #686963; padding: 4px 12px 8px; }

DIV.ClassementItem {background: url('../images/bg_classement_item.png') #91918a repeat-y; border-top: 2px solid white; padding: 2px 4px; color: white; }
DIV.ClassementItem A.Title {color: white; text-decoration: none; display: block; font-weight: bold; margin-bottom:5px; }
DIV.ClassementItem A.Title:hover {text-decoration: underline; }

DIV.ClassementItem .Saving {display:none;}
DIV.ClassementItem .ListEcoTax {display:none;}
DIV.ClassementItem .ListPrice {display:none;}
DIV.ClassementItem .PromoPrice { color:#EDCE35; text-shadow:1px 1px 2px #413E39 ; margin:0px; padding:0; font-size:13px; font-weight:bold; text-align:center;}
DIV.ClassementItem .OriginalPrice, DIV.ClassementItem .Price { text-shadow:1px 1px 2px #413E39 ; margin:0px; padding:0; font-size:13px; font-weight:bold; text-align:center;}
DIV.ClassementItem .Discret {display:none;}

/* WHITE BOX */
DIV.WhiteBox {background: white; padding: 3px 8px 0px 8px; }
DIV.WhiteBox H2 {font-size: 13px; font-weight: bold; text-transform: uppercase; color: #717269; margin: 0; padding: 0; margin-bottom: 8px; }
DIV.WhiteBox DIV.Body {color: #717269; }

/* PRODUCT PAGE */
DIV.ProductTitle {color: white; padding: 1px 4px 0px; }
DIV.ProductTitle H3{color:white; font-weight: normal; text-transform: uppercase; margin: 0 0 8px; }
DIV.ProductTitle H3 A{color:white; font-weight: normal; text-transform: uppercase; margin: 0 0 8px; }
DIV.Manufacturer {color: white; padding: 1px 4px 0px; }
DIV.Manufacturer H4{color:white; font-weight: normal; }
DIV.ProductDetails {padding: 8px 0px 8px 8px; }

/* ARROWS */
DIV.OrangeArrow {background: url('../images/arrow_orange.png') transparent no-repeat left center; padding-left: 20px; }
DIV.GrayArrow {background: url('../images/arrow_right_gray.png') transparent no-repeat left center; padding-left: 20px; }
DIV.CartArrow {background: url('../images/arrow_cart.png') transparent no-repeat left center; padding-left: 20px; }
DIV.StockArrow {background: url('../images/arrow_stock.png') transparent no-repeat left center; padding-left: 20px; }
DIV.SendArrow {background: url('../images/arrow_send.png') transparent no-repeat left center; padding-left: 20px; }

/* BOX DOTS */
H2.OrangeDot {display: block; background: url('../images/dot_orange.png') transparent no-repeat left top; padding-left: 24px; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #edc500; line-height: 24px; margin: 0; }
H2.DarkGrayDot {display: block; background: url('../images/dot_darkgray.png') transparent no-repeat left top; padding-left: 24px; font-size: 13px; font-weight: bold; text-transform: uppercase; color: white; line-height: 24px; margin: 0; }
H2.DarkGrayDotLow {display: block; background: url('../images/dot_darkgray_low.png') transparent no-repeat left top; padding-left: 24px; font-size: 13px; font-weight: bold; text-transform: uppercase; color: white; line-height: 24px; margin: 0; }

H2.DarkGrayDotLow A{color: #686963; display: block; padding-left: 24px; font-weight: bold; text-transform: uppercase; line-height: 24px; margin: 0; }

/* PRODUCTS */
.PdtThumbnail {border: 1px solid #b3b3ab; background: white; text-align: center; /*margin-bottom: 3px;*/ }
.PdtTitle {height: 33px; background: #b3b3ab; overflow:hidden; color: white; }
.PdtTitle A {color: white; text-decoration: none; display: block; padding: 2px 5px; text-align: center; height: 11px; overflow:hidden;  }

.list-product .ListPrice, .list-product .Saving {display:none;}
.list-product .ListEcoTax {display:none;}
.list-product .PromoPrice {color:#EDCE35; text-shadow:1px 1px 3px #83847D; margin:0; padding:0; font-size:13px; font-weight:bold; text-align:center;}
.list-product .OriginalPrice, .list-product .Price { text-shadow:1px 1px 4px #6B6C66 ; margin:0; padding:0; font-size:13px; font-weight:bold; text-align:center;}
.list-product .Discret {display:none;}

/* FORMS */
FORM {display: inline;}

.Button, .Button A {background: #686963; color: white !important; font-size: 11px; border: 0px; margin: 4px 0px; padding: 2px 3px; text-decoration: none; cursor: pointer; white-space: nowrap; }
.OrangeButton {background: url('../images/bg_menu_item.png') #edc604 repeat-y center top; -moz-box-shadow: 1px 1px 3px #82837C; -webkit-box-shadow: 1px 1px 3px #82837C; color: #717269; font-size: 11px; border: 0px; margin: 2px 0px; padding: 2px 3px; text-decoration: none; white-space: nowrap; }
BUTTON.OrangeButton{cursor: pointer;}
.OrangeButton A { color: #717269; font-size: 11px; border: 0px; margin: 2px 0px; padding: 2px 3px; text-decoration: none; cursor: pointer; white-space: nowrap; }

.OrangeButtonNoLink {background: url('../images/bg_menu_item.png') #edc604 repeat-y center top; color: #717269; font-size: 11px; border: 0px; margin: 2px 0px; padding: 2px 3px; text-decoration: none; white-space: nowrap; }

.CalendarField {border: 1px solid #7f9db9; padding: 3px 3px; cursor: pointer; margin-right: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.CalendarField:hover {background-color: #FFFFD5; }

/* CHECKOUT */
.AddressBlock {margin: 8px 8px 8px 0px; float: left; width: 180px; padding: 8px; }
.Primary {background-color: #E6E6E6; }
.Address {/*margin-top: 8px; */}

/* TEXT SIZE */
.Big {font-size: 22px; }
.Medium {font-size: 14px; }
.Normal {font-size: 12px; }
.Small {font-size: 9px; }
.Currency {}

/* PAGINATION */
.Pagination {margin: 8px 0px; text-align: center; }
.Pagination A:visited {color: #0554c0; }
.PaginationCurrent {display: inline; font-weight: bold; color: #CC6600; border: 1px solid #CC6600; margin: 0px; padding: 2px 6px; }
.PaginationCurrent A {text-decoration: none; }
.PaginationPage {display: inline; background-color: #f6f6e5; border: 1px solid #cccc99; margin: 0px; padding: 2px 6px; font-size: 11px; cursor: pointer; }
.PaginationPage A {text-decoration: none; color: #ada372; }
.PaginationNext, .PaginationPrevious {display: inline; margin: 0px 12px; }
.PaginationNext A, .PaginationPrevious A {text-decoration: none; }

/* TIPS */
.Tip {margin: 8px 0px; padding: 3px 5px 3px 22px; background: url('../images/i_info.gif') #FFFDD9 no-repeat 5px 5px; background-color: #FFFFD5; border: 1px solid #cccc99; color: #996600; }
.Hand {background-image: url('../images/i_hand.gif'); background-position: 2px 4px; padding-left: 18px; }

.Alert {background: url('../images/i_alert.gif') #FFFDD9 no-repeat 5px 8px; border: 1px solid #cccc99; color: #CC0000; }

/* PLUGINS */
TD.TotalTitle, TD.TotalContent {font-weight: normal; padding-bottom: 3px; }
.ot_ecotaxes TD {color: #66AA00; font-weight: bold; }
.ot_ecotaxes TD.TotalTitle SPAN {background-image: url('../images/i_ecocontribution.gif'); background-repeat: no-repeat; padding-left: 16px; }
.ot_saving TD {color: #ff7607; }
.ot_voucher TD {color: #AA0000; font-weight: bold; }
.ot_taxedtotal TD {font-weight: bold; border-top: 1px dashed #cccc99; font-size: 16px; padding-top: 4px; padding-bottom: 8px; }
.ot_total TD {font-weight: bold; border-top: 1px dashed #cccc99; padding-top: 4px; padding-bottom: 8px; }
.ot_taxedtotal TD.TotalContent SPAN {background-image: url('../images/i_euro.gif'); background-repeat: no-repeat; background-position: left; padding-left: 5px; height: 20px; }

/* HOME */
DIV.HomeSubCategories {}
DIV.HomeSubCategories DIV {float: left; width: 31%; background: url('../images/list_dot.png') no-repeat left 3px; text-transform: uppercase; font-size: 9px; padding-left: 10px; }
DIV.HomeSubCategories DIV A {color: white; text-decoration: none; }
DIV.HomeSubCategories DIV A:hover {text-decoration: underline; }

H3.Follow {display: block; line-height: 16px; margin: 0px -12px; }
H3.Follow A {display: block; color: white; text-transform: uppercase; font-size: 11px; text-decoration: none; padding-left: 12px; }
H3.Follow A:hover {text-decoration: underline; }
H3.Follow SPAN.FGreen {display: block; padding-left: 6px; background: url('../images/h3_green_follow.png') transparent no-repeat; }
H3.Follow SPAN.FPurple {display: block; padding-left: 6px; background: url('../images/h3_purple_follow.png') transparent no-repeat; }
H3.Follow SPAN.FBlue {display: block; padding-left: 6px; background: url('../images/h3_blue_follow.png') transparent no-repeat; }
SPAN.GiftSubcat {display: block; line-height: 18px; margin: 0px 5px 3px 0px; color: white; padding: 2px 0 0 15px; background: url('../images/bg_gift_subcat.png') transparent no-repeat; text-transform: uppercase; }

SPAN.GiftSubcat A {color: white; text-decoration: none; }
SPAN.GiftSubcat A:hover {color: white; text-decoration: underline; }

/* LIST */
DIV.ListSubCategories {}
DIV.ListSubCategories DIV {float: left; width: 47%; background: url('../images/list_dot.png') no-repeat left 3px; text-transform: uppercase; font-size: 9px; padding-left: 10px; }
DIV.ListSubCategories DIV A {color: white; text-decoration: none; }
DIV.ListSubCategories DIV A:hover {text-decoration: underline; }

/* PRIX */
DIV.ProductPrice {color: white; padding: 1px 4px 0px; text-align: right; }
.OriginalPrice {text-decoration: line-through; }
.ListPrice {text-decoration: line-through; }
DIV.BrowseProduct {background: url('../images/list_gray_dot.png') no-repeat left 5px; text-transform: uppercase; font-size: 10px; padding: 1px 0 1px 10px; }
DIV.BrowseProductGray {background: url('../images/list_gray_dot.png') no-repeat left 5px; text-transform: uppercase; font-size: 10px; padding: 1px 0 1px 15px; color: #413e39; }
DIV.BrowseProduct A {color: white; text-decoration: none; }
DIV.BrowseProduct A:hover {text-decoration: underline; }