p{text-indent:10px;}
strong, b, h1, h2, h3, h4, i, em{color:#009933;}
ul{padding-left:5px;}
ul li{padding-left:20px;list-style-type:none;background:url(images/puce.png) left center no-repeat;}
a img{border:0;}

/* Text styles */
.smallText {font-family: Verdana, Arial, sans-serif;font-size: 10px;}
.messageStackError, .messageStackWarning {font-family:Arial, sans-serif;font-size: 10px;background-color: #b3ffb5;}
TD.main, P.main {font-family: Verdana, Arial, sans-serif;font-size:10px;color: #000000;line-height: 1.5;}
textarea {width: 100%;font-family: Verdana, Arial, sans-serif;font-size: 11px;}

/* the body tag for the html template */
body, html {margin: 0;padding: 0;
text-align: center; /* needed for IE center bug */
/* background:url(images/bckao.gif); */
background:#eee;
}

/* no need to edit this - standard setting */
form {display: inline;}
td {vertical-align: top;}
td.productListing-data {vertical-align: middle;}

/* pageWrapper div for centering and fixing width settings! 2005/08/08 */
div#pageWrapper {position:absolute;left:50%;margin-left:-390px;margin-top:10px;margin-bottom:20px;width:780px;background:#fff;border:1px solid #333333;}

/* Mise en page */
table#mainLayoutLT {border-collapse:collapse;margin:0 auto;}

/* TD's colonnes */
td.columnLT {padding:0;margin:0;}
td#columnLeftLT{width:170px;padding-top:10px;}
td#columnRightLT{width:170px;padding-top:10px;}

/* total width of the info boxes */
table.infoBoxLT td.boxTextLT {width:160px;}
td.columnLeftLT table.infoBoxLT td.infoBoxHeadingLT, td.columnLeftLT div.infoBoxLT{width:155px;} 
td.columnRightLT table.infoBoxLT td.infoBoxHeadingLT{width:155px;}

/* relative width of the info box table and sub tables */
table.infoBoxLT td table {width:100%;}

/* class called infoboxContents in standard osCommerce */
td#contentLT {width:420px;}
td#contentLT2 {width:590px;}

/* just sets the margins for info boxes */
table.infoBoxLT {margin: 5px;}
div.infoBoxLT {margin-left:5px;width:165px;padding:0;}
#newsletterBoxLT{width:158px;}

/* sets the padding for class called infoboxContents in standard osCommerce */
td#contentLT {padding:10px;padding-top:15px;margin:0;}

td.boxTextLT {padding: 6px 5px;}

/* Pour le div newsletter */
#boxTextClic {
padding:5px;
display:none;
}

/* padding for the infoBox headings */
td.infoBoxHeadingLT, .infoBoxHeading, .infoBoxHeadingClic {
padding: 2px 4px;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}

div#imageNavLT{
margin: 12px 7px 0 0;
float: right;
}
.navRightLT {
float: right;
}
.boxTextLT select {
width: 90%;
}
/* begin topmenu */
#topmenu {
background:url(images/ddj_menu.png) center top no-repeat;
width:500px;
height:30px;
padding:0;
margin:0 140px;
}

#topmenu ul
{
padding:0;
margin:0;
color: white;
width: 100%;
font-family: arial, sans-serif;
}

#topmenu ul li { display: block;float:left;margin:0;padding:0; }
#topmenu ul li a.headerNavigation{
display:block;
width:100px;
height:14px;
padding:0;
padding-top:8px;
padding-bottom:8px;
margin:0;
}

#topmenu ul li a.headerNavigation:hover{background:url(images/ddj_menu_h.png) no-repeat;}
#topmenu ul li a#menu1:hover{background-position:0 0;}
#topmenu ul li a#menu2:hover{background-position:-100 0;}
#topmenu ul li a#menu3:hover{background-position:-200 0;}
#topmenu ul li a#menu4:hover{background-position:-300 0;}
#topmenu ul li a#menu5:hover{background-position:-400 0;}

/* end topmenu */
td#navBarTopLT{
margin:0;
padding:0;
}
td#navBarBottomLT{
height:60px;
background:url(images/ddj_foot.jpg) no-repeat;
color:#666666;
text-align:center;
vertical-align:middle;
}
#pageHeaderLT {
margin:0;
padding:0;
}
.logoLT {
background:url(images/ddj_head.jpg) no-repeat;
}
.logoLT a{display:block;height:124px;width:780px;}
.navLeftLT {

}

.footerLT {
text-align: center;
}
.footerLT div {
margin: 5px auto;
}
.infoBoxHeadingLT div {
float: left;
}
.infoBoxHeadingLT div a, .infoBoxHeadingLT div a:hover {
float: left;
color:white;
text-decoration:none;
}
#languagesBoxLT, #specialsBoxLT, #currenciesBoxLT, #whats_newBoxLT, #manufacturersBoxLT, #searchBoxLT, #tell_a_friendBoxLT {
text-align: center;
}
/* begin colors and borders (for link colors: see the link styles section below) */
/* controls colours of module borders and borders around button areas*/
table.infoBox, table.productListing {
border: #cdfecd solid 1px;
}
.productListing-heading {
background:#339900;
font-family: arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #ffffff;
}

tr.productListing-even td {
background-color: #dfdfdf;
}
tr.productListing-odd td.productListing-data {
background-color: #ffffff;
}
.errorText {
color: red;
}
/* .cBoxE higlighting for categories box enhancement contrib */
.cBoxE {
color: red;
}

/* leave at zero or else it will conflict with
images used in infoBox headers and new products module */
td.infoBoxHeading {
border: 0px black solid;
background:#339900;
}
div#boxTextClic{border-top:1px solid #333333;}

/* controls colour of top and bottom navbar borders */
td#navBarTopLT{
/* border: 1px #181387 solid;
border-width: 1px 0; */
}
/* controls colour and style of webpage outer border */
table#mainLayoutLT {
/* border: 2px #181387 solid; */
}

/* controls border colour of info boxes only - safe to change */
.infoBoxLT td{
border: 1px #dddddd solid;
}
/* controls colour of page heading text */
#contentLT table td.pageHeading, h1 {
color: #009933;
}
/* this is a table border, so leave at zero */
.infoBoxLT td table td {
border-width: 0px;
}

/* controls colour of text used to greet user */
.inputRequirement, .greetUser {
color: #339933;
}
/* example how to assign styles to one individual small infobox (delete if you don't like) */
table#shopping_cartBoxLT {
font-weight: bold;
color: #009900;
}

/* displays a background image or colour plus style in headers for info boxes and product listings */

td.infoBoxHeadingLT, .infoBoxHeading, .productListing-heading {
}
#columnLeftLT td.infoBoxHeadingLT, #columnLeftLT td.infoBoxHeadingClic, #columnLeftLT div.infoBoxHeadingClic{
background: url(images/ddj_boxtitle.jpg);
}
#columnRightLT td.infoBoxHeadingLT{
background: url(images/ddj_boxtitle.jpg) no-repeat;
}

td#prodNew {
border:1px solid #333;
}
/* end colors and borders 
.infoBoxHeading img {
display: none;
}*/
/* begin fonts */
#copyRightLT {
font-size: 11px;
}
td.infoBoxHeading, div.infoBoxHeadingClic {
font-weight: bold;
font-family: arial, sans-serif;
 }
.infoBoxLT td, .infoboxLT td.boxTextLT form select {
font-size: 11px;
font-family: arial, sans-serif;
}
#navBarTopLT, #navBarBottomLT {
font-family: arial, sans-serif;
font-size: 10px;
vertical-align:middle;
text-transform:uppercase;
color: #ffffff;
}
/* font size for content in and outside tables */
#contentLT table td, #contentLT {
font-size: 11px;
font-family: arial, sans-serif;
}

/* controls font and size used in page headings */
#contentLT table td.pageHeading, h1 {
font-size: 16px;
font-weight: normal;
font-family: arial, sans-serif;
text-indent: 15px;
padding-top: 5px;
}
/* end fonts */
/* begin link styles */

table#languagesBoxLT tr td a{margin-left:4px;}

a#en {display:block;float:left;width:24px;height:15px;background:url(images/icon_en_bw.gif) no-repeat;}
a#en:hover {background:url(images/icon_en.gif) no-repeat;}

a#es {display:block;float:left;width:24px;height:15px;background:url(images/icon_es_bw.gif) no-repeat;}
a#es:hover {background:url(images/icon_es.gif) no-repeat;}

a#fr {display:block;float:left;width:24px;height:15px;background:url(images/icon_fr_bw.gif) no-repeat;}
a#fr:hover {background:url(images/icon_fr.gif) no-repeat;}

a#de {display:block;float:left;width:24px;height:15px;background:url(images/icon_de_bw.gif) no-repeat;}
a#de:hover {background:url(images/icon_de.gif) no-repeat;}

a#it {display:block;float:left;width:24px;height:15px;background:url(images/icon_it_bw.gif) no-repeat;}
a#it:hover {background:url(images/icon_it.gif) no-repeat;}

.infoBoxHeadingLT a {
float: right;
margin: 2px;
padding-right:2px;
}
.infoBoxHeadingLT a:hover {
float: right;
padding-left: 2px;
padding-right:0;
}
.infoBoxHeadingClic div a {
font-family: arial, sans-serif;
color:white;
float: none;
}
.infoBoxHeadingClic div a:hover {
color:white;	
}
a {
text-decoration: none;
color: #003300;
}
a:hover {
text-decoration: underline;
color:#999999;
}
td.newsL{text-align:right;}

a.headerNavigation{
font-size:12px;
font-weight:bold;
color:#ffffff;
text-align:center;
text-decoration: none;
}
a.headerNavigation:hover{
color:white;
text-decoration: none;
}
a#logoutButton{position:absolute;top:131px;right:30px;}
a#bookmarkButton{position:absolute;top:131px;right:10px;}

span.index_cat_link{
	font-size:14px;
	color:green;
	font-weight:bold;
	font-variant:small-caps;
}
/* end link styles */

.estimatedshippingBox {
background: #FF8E90;
}

TD.estimatedshippingBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #bbc3d3;
color: #ffffff;
}

.estimatedshippingBoxContents {
background: #f8f8f9;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

.ShowShipping {
background: #339900;
color: #fffffa;
font-family: Verdana, Arial, sans-serif;
font-size: 6px;
text-align: center;
}

div#panoviewer{
width:580px;
margin:20px auto 0 auto;
}

table#tbl_pano{
width:580px;
margin:10px auto 10px auto;
}

table#tbl_pano img{
border:1px solid white;
cursor:pointer;
margin:1px 4px 1px 4px;
}
table#tbl_pano img:hover{
border:1px solid black;
}

table#tbl_pano img#PPano1{
border:1px solid #009933;
}