@import url(contents.css);
/* ----------------------------------------------------- */
/* ------------------------- GENERAL ------------------- */
/* ----------------------------------------------------- */
body, html { 
   margin: 0; padding: 0; padding-top:0px;
	background: white;
}
body { 
   font: 11px Tahoma, Arial, Helvetica, sans-serif; 
   color: #000;
   
   background-color: #FFFFFF;
   background-image : url(images/rect.png);
   background-repeat:repeat-y;
   background-attachment:scroll;
   background-position: top center	
}
div {
   margin: 0; padding: 0;  
}
h1, h2, h3, h4, h5, h6, p {
   margin: 0; padding: 0;
   margin-bottom: 8px;
}
h1 {
	font-size: 15px;
	display:block;

	padding-left:30px;
	margin-left:25px;
				
	background: url(images/product-listing-h1-bullet.gif);
	background-position: left center;
	background-repeat: no-repeat;
			
	font-size: 24px;
	font-weight: bold;
	font-family: Tahoma, Arial, Verdana;
	line-height:26px;
	color: ##F25831; 
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 13px;
}
h4, h5, h6 {
	font-size: 12px;
}
ul,dl,dt,dd {
	padding:0;
	margin:0;
}
li {list-style:none;}
img {border:0;}
a {font-family: Tahoma, Arial, Helvetica, sans-serif;color: #F25831;text-decoration: none; }
a:hover {text-decoration: underline;}
fieldset p {display:block;}
p {display:block;}
form {display:block;margin:0;padding:0;}
input,select, textarea {font: 11px Tahoma, Arial, Helvetica, sans-serif; }
textarea {
	margin:0;
	padding:0;
}
fieldset {
	padding:0;
	margin:0;
	background:#EAECF0;
	border:1px #AAB4C5 solid;
	padding:10px;
	
	width:400px;
	padding-left:50px;
	padding-right:50px;
	margin-left:57px;
	margin-top:30px;
}
legend {padding:0;margin:0;color:#790102;font-weight:bold;font-size:10px;display:none;}
#messageStack {
	margin-bottom:7px;
	padding:10px;
	background:#315496;
	color:#FFF;
	border:1px #BEC9D5 solid;
	font-size:13px;
	position:absolute;
	left:255px;
	top:270px;
	
	width: 400px;
	height: 150px;
}
#messageStackCloseButton {
	display:block;
	width: 90px;
	height: 26px;
	background: url(images/message-close-bt.gif);
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
	position: absolute;
	right:0;
	bottom:0;
}
.messageStackWarning{
	
	
	
	/*display:none;*/
}
.messageStackError{
	
}

.labelLeftInputRight {width:100%;}
			.labelLeftInputRight label {display:block;float:left;}
			.labelLeftInputRight input, .labelLeftInputRight select {display:block;float:right;}
			.notIn label {display:inline;float:none;}
			.notIn input, .notIn select {display:inline;float:none;}
#noStyle {
	padding:0;
	margin:0;
}
/* ----------------------------------------------------- */
/* ------------------------- LAYOUT -------------------- */
/* ----------------------------------------------------- */

#page{
	position: relative;
	width : 970px;
	margin: 0 auto 0 auto;
	text-align: left;
	padding-top:0px;
}
#mainContent{

}
#bandeau-haut {
	
}
			#bandeau-haut #logo {
				float:left;
			}
			#bandeau-haut #logo-suite-container {
				float:left;
			}
			#bandeau-haut #logo-suite{
				background: url(images/distri-piscine-logo-suite.png);
				width: 678px;
				height: 80px;
			}
			#bandeau-haut #logo-boutons{
				background: url(images/distri-piscine-logo-boutons.gif);
				width: 678px;
				height: 35px;
			}

#pageContent{
	margin-bottom:15px;
	float: left;
	width:617px;
	padding-left:5px;
	padding-right:5px;
	padding-top:0;
	background:#fff;
}
#menu-gauche { 
	float: left;
	width: 160px; 
}
#menu-droite {
	float: right;
	width: 175px; 
 }
/* ----------------------------------------------------- */
/* ----------------------- MENU BOXES ------------------ */
/* ----------------------------------------------------- */

#menu-gauche .box, #menu-droite .box {
	font-size: 11px;
}

.topCornersBox {	
	padding:0;
	margin:0;
	font-size:0;
}
.bottomCornersBox {
	padding:0;
	margin:0;
	font-size:0;
}


#menu-gauche .box h4, #menu-droite .box h4{
	font-size:11px;
	font-weight:bold;
	font-variant:small-caps;
	margin:0;
	padding:0;
	margin-bottom:10px;
}


#traceBox {
	color:#bec9d5; 
}
			#traceBox, #traceBox a {  
			    color:#bec9d5; 
			    font-size:9px;
			    font-weight:bold;
			    text-decoration:none;
			}
			#traceBox a {  
			    padding-right:5px;
			    padding-left:5px;
			}
			#traceBox a:hover {  
			    color:#7B0100; 
			}


#navBox {}
			#navBox li {float:left;}
			#navBox ul {
				padding: 0px;
				margin: 0px;
			}
			#navBox .navText {
				display:none;
			}
			#navBox a {}
			#navBox a:hover {}
			#navBox h4 {display:none;}
			#navBox #menuHome {
				display: block;
				width:73px;
				height:32px;
				background: url(images/nav/distri-piscine-accueil.png);
				background-repeat: no-repeat;
			}
			#navBox #menuHome:hover {
				background: url(images/nav/distri-piscine-accueil-hv.png);
				background-repeat: no-repeat;
			}
			#navBox #menuNews {
				display: block;
				width:164px;
				height:32px;
				background: url(images/nav/distri-piscine-nouveau.png);
				background-repeat: no-repeat;
			}
			#navBox #menuNews:hover {
				background: url(images/nav/distri-piscine-nouveau-hv.png);
				background-repeat: no-repeat;
			}
			#navBox #menuAccount {
				display: block;
				width:124px;
				height:32px;
				background: url(images/nav/distri-piscine-compte.png);
				background-repeat: no-repeat;
			}
			#navBox #menuAccount:hover {
				background: url(images/nav/distri-piscine-compte-hv.png);
				background-repeat: no-repeat;
			}
			#navBox #shopping_cart {
				display: block;
				width:108px;
				height:32px;
				background: url(images/nav/distri-piscine-panier.png);
				background-repeat: no-repeat;
			}
			#navBox #shopping_cart:hover {
				background: url(images/nav/distri-piscine-panier-hv.png);
				background-repeat: no-repeat;
			}


#informationBox {background: url(images/distri-piscine-bandeau-bas.gif) no-repeat;height:39px;}
			#informationBox li {float:left;}
			#informationBox ul {margin: 0px;}
			#informationBox #menuConditions {
				display:block;
				background: url(images/nav-bas/conditions.gif);
				background-repeat: no-repeat;
				width:245px;
				height:39px;
				margin-left:150px;
			}
			#informationBox #menuConditions:hover {}
			#informationBox #menuContact {
				display:block;
				background:url(images/nav-bas/contact.gif);
				background-repeat: no-repeat;
				width:133px;
				height:39px;

			}
			#informationBox #menuContact:hover {}
			#informationBox #menuSitemap {
				display:block;
				background:url(images/nav-bas/plan.gif);
				background-repeat: no-repeat;
				width:106px;
				height:39px;
			}
			#informationBox #menuSitemap:hover {}
			#informationBox #menuPrivacy {
				display:block;
				background:url(images/nav-bas/mentions.gif);
				background-repeat: no-repeat;
				width:139px;
				height:39px;
			}
			#informationBox #menuPrivacy:hover {}
			#informationBox #menuLinks {
				display:block;
				background:url(images/nav-bas/liens.gif);
				background-repeat: no-repeat;
				width:49px;
				height:39px;
			}
			#informationBox #menuLinks:hover {}
			#informationBox h4 {display:none;}
			#informationBox .navText {
				display:none;
			}


#languagesBox {}
			#languagesBox ul {
				padding: 0px;
				padding-left: 10px;
				margin: 0px;
			}
			#languagesBox li {
				list-style-type: none;
				display:inline;
			}
			#languagesBox img{
				border:0;
				margin-right:5px;
}
#topGenericBox{
	background: url(images/menu-generic-top.gif);
	padding-left:6px;
	color:#fb0;
	font-size:12px;
	line-height:22px;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: top left;
	height:32px;
}
#topGenericBoxD{
	background: url(images/menu-generic-topD.gif);
	padding-left:6px;
	color:#fb0;
	font-size:12px;
	line-height:22px;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: top left;
	height:32px;
}
#topGenericBoxD2 {
	background: url(images/menu-generic-topD2.gif);
	padding-left:6px;
	color:#fb0;
	font-size:12px;
	line-height:22px;
	font-weight:bold;
	background-repeat: no-repeat;
	background-position: top left;
	height:32px;
}
#topCatBox{
	background: url(images/menu-categories-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height:32px;
}
#bottomCatBox{
	padding:0;
	margin:0;
	background: url(images/menu-categories-bottom.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height:28px;
}
#bottomCatBoxD{
	background: url(images/menu-generic-bottomD.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height:28px;
}
#bottomCatBoxD2{
	background: url(images/menu-generic-bottomD2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height:28px;
}

#categoriesBox {
	font-size:12px;
	line-height: 20px;
}

#distripEditable3 A {
	font-size:12px;
	line-height: 20px;
}

#distripEditable4 A {
	font-size:12px;
	line-height: 20px;
}

#distripEditable4 LI {
	padding-bottom:5px;
}

			#categoriesBox ul {
				padding: 0px;
				margin: 0px;
			}
			#categoriesBox ul ul {
				padding-left:15px;
			}
			#categoriesBox li {
				list-style-type: none;
			}
			#categoriesBox .h3 {
				font-size:12px;
				color: #335c9a;
				cursor: pointer;
				margin:0;
				padding:0;
				font-weight:normal;
			}
			#categoriesBox .h3-hover {
				font-size:12px;
				color: #172B46;
				cursor: pointer;
				margin:0;
				padding:0;
				font-weight:normal;
			}
			#categoriesBox ul a{
				font-size:12px;
				color: #335c9a;
				text-decoration: none;
			}
			#categoriesBox ul ul a{
				font-size:10px;
			}
			#categoriesBox a:hover {}
			#categoriesBox h4 {
				display: none;
			}
#hotlineBox{color:#888;margin-top:10px;margin-bottom:10px;}
			#hotlineBox h4 {display:none;}
			#hotlineBox p{font-size:9px;margin-top:4px;}
			#hotlineBox #hotlineImage {background:url(images/hotline.gif);background-repeat:no-repeat;width:160px;line-height:0;height:42px;}


#currenciesBox {}
			#currenciesBox form{padding-left: 10px;}

#topLogBox {
	background: url(images/menu-account-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width:174px;
	height:31px;
	margin-top:7px;
	display: block;
}
#bottomLogBox{
	background: url(images/menu-account-bottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width:174px;
	height:13px;
}
#loginBox {
	background: url(images/menu-account-bg.gif);
	background-repeat: repeat-y;
	padding-left:10px;
}
			#loginBox label {
				color:#fff;
			}
			#loginBox #submitLogin{
				margin-top:1px;
				margin-left:90px;
				width:64px;
				height:16px;
				background: url(images/button-valider.gif);
				background-repeat: no-repeat;
				border:0;
			}
			#loginBox a {
				font-size:12px;
				font-weight:bold;
				text-decoration: underline;
				color:#fff;
			}
			#loginBox #login fieldset {
				border:0;
			}
			#loginBox input {
				border: 1px #5591d3 solid;
				width:150px;
			}
			#loginBox h4 {
				display: none;
			}


#topCartBox {
	display:block;
	background: url(images/menu-cart-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width:174px;
	height:32px;
}
#bottomCartBox{
	background: url(images/menu-cart-bottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width:174px;
	height:15px;
}
#shoppingcartBox {
	background: url(images/menu-cart-bg.gif);
	background-repeat: repeat-y;
	padding-top:5px;
}
			#shoppingcartBox * {list-style:none;}
			#shoppingcartBox ul {
				width:174px;
				padding:0;
				margin:0;
			}
			#shoppingcartBox li{
				padding:0;
				margin:0;
				padding-left:7px;
				padding-right:6px;
				clear:left;
			}
			#shoppingcartBox h4 {
				display: none;
			}
			#shoppingcartBox .cartNamNew a, #shoppingcartBox .cartNam a{
				width: 140px;
			}
			#shoppingcartBox .cartQty, #shoppingcartBox .cartQtyNew{
			   display: block;
				float:left;
				color: #446cab;
			}
			#shoppingcartBox .cartX, #shoppingcartBox .cartXNew {
			   display: block;
				float:left;
				padding-left:2px;
				padding-right:7px;
				color: #446cab;
			}

			#shoppingcartBox .cartNam a {
			   display: block;
				float:left;
				color: #000;
				text-decoration: none;
				font-family : Tahoma, Arial, Helvetica, sans-serif;
				font-size:11px;
			}
			#shoppingcartBox .cartNam a:hover {
				color: #000;
				text-decoration: none;
			}
			#shoppingcartBox .cartNamNew a {
			   display: block;
				float:left;
				color: #e65b00;
				text-decoration: none;
				font-family : Tahoma, Arial, Helvetica, sans-serif;
				font-size:11px;
			}
			#shoppingcartBox .cartNamNew a:hover {
				color: #e65b00;
				text-decoration: none;
			}
			#shoppingcartBox .cartTot{
				display:block;
				padding:0;
				margin:0;
				clear:both;
				width:150px;
				margin-top:10px;
				margin-left:10px;
				border-top:1px #e65b00 solid;
				text-align:right;
				color:#e65b00;
				font-weight: bold;
			}



#searchBox {
	background: url(images/menu-rechercher.gif);
	background-repeat: no-repeat;
	padding-top:20px;
	height:55px;
	margin-bottom:10px;
}
			#searchBox h4 {
				display: none;
			}
			#searchBox * {list-style:none;}
			#searchBox ul {
				padding:0;
				margin:0;
			}
			#searchBox a {}
			#searchBox p {margin:0;padding:0;}
			#searchBox form{padding-left: 10px;}
			#searchBox input{float:left;width: 100px;}
			#searchBox .submitBt {width: auto;}
			#searchBox #submitSearch {
				float:left;
				margin-top:1px;
				margin-left:6px;
				width:28px;
				height:16px;
				background: url(images/button-ok.gif);
				background-repeat: no-repeat;
				border:0;
			}
			#searchBox #manufacturers_id {
				width:138px;
				margin-top:5px;
			}

#whatsNewBox {}
			#whatsNewBox a {}
			#whatsNewBox a:hover {}
			#whatsNewBox p {
				margin:0;
				padding:0;
				padding-left: 10px;
			}


#specialsBox {
	background: url(images/menu-specials.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top:35px;
	margin-top:7px;
	width:174px;
	height:160px;
}
			#specialsBox .productSpecialPrice {
				float:right;
				margin-right : 10px;
				font-size:13px;
				font-weight:bold;
				color: #9cfcff;
			}
			#specialsBox a {
				color: #fff;
				text-decoration: none;
			}
			#specialsBox a:hover {
				text-decoration: underline;
			}
			#specialsBox ul {
				padding:0;
				margin:0;
			}
			#specialsBox li{
				padding:0;
				margin:0;
				padding-left: 10px;
			}
			#specialsBox h4 {
				display: none;
			}


#bestsellersBox {}
			#bestsellersBox ol {
				margin:0;
				padding: 0;
				padding-left: 15px;
				margin-left: 5px;
			}
			#bestsellersBox li {
				margin:0;
				padding: 0;
				list-style: decimal;
			}
			#bestsellersBox a {}
			#bestsellersBox a:hover {}
/* Page spillers *************************************/

#splitPageTop, #splitPageBottom {
	clear:both;
	font-size:12px;
	margin-bottom:15px;
	
	text-align:right;
}
#splitPageBottom {
	margin:0;
	margin-top:15px;
}
			#splitPageTop .sP1, #splitPageBottom .sP1 {
				display: inline;
				color: #abb6c4;
			}
			#splitPageTop .sP2, #splitPageBottom .sP2 {
				display: inline;
				color:#36619e;
			}
			#splitPageTop  a, #splitPageBottom a{
				color:#36619e;
				margin-left:1px;
				margin-right:1px;
				text-decoration:none;
			}
			#splitPageTop  a:hover, #splitPageBottom a:hover{
				text-decoration:underline;
			}
			#splitPageTop .jump , #splitPageBottom .jump{
				color:#F25831;
				font-weight: bold;
			}

/* Footer ********************************************/
#footer{
	clear: both;
	height:16px;  
	font-size:10px;
	color:#555; 
	text-align:center;
	padding-top:5px;
}
			#footer  a{
			 padding-right:5px;
			 padding-left:5px;
			 color:#555; 
			 font-size:9px;
			 text-decoration:none;
			}
			#footer a:hover{
			 color:#ccc; 
			}

/* ------- forms --------- */
input#search {
  width:130px;
  border: 1px solid #16495C; 
  padding: 1px; 
  font-size: 0.9em;
}

/* ------- Buttons ------- */
.navBt, .submitButtons, .submitBt, .navBtOrder {
	background:#5A4E5C;
	background: url(images/navBt.gif);
	border:0;
	color:#335C9A;
	line-height:35px;
	height:35px;
	text-decoration:none;
	display:block;
	float:left;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:10px;
	text-align:center;
	width:150px;
	
}
.navBtOrder{
	background: url(images/navBt-commander.gif);
}
fieldset .submitBt, fieldset .navBt{
	background:#5A4E5C;
	background: url(images/navBt-login.gif);
	border:0;
	color:#335C9A;
	line-height:35px;
	height:35px;
	text-decoration:none;
	display:block;
	float:left;
	margin-top:5px;
	margin-right:10px;
	text-align:center;
	width:150px;
}
			.navBt a{
				color:#fff;
			}
/* ------- original --------- */
SPAN.newItemInCart {color: #ff0000; }
SPAN.greetUser { color: #FFF; font-weight: bold;}
SPAN.markProductOutOfStock { color: #c76170; font-weight: bold; }
SPAN.errorText { color: #ff0000;}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }


.sitemap_sscategories {
	margin:0;
	margin-left:10px;
}
.sitemap_products{
	margin:0;
	margin-left:20px;
}

.address {
	margin-left:25px;
	color: #5A4E5C;
}

#descCat, #descCatLong {
	width:100%;
	padding-bottom:10px;
	font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000;
	font-weight:normal;
}

#descCatLongProducts {
	padding-top:60px;
}