/* AQUASCAPERS GENERAL STYLE */

body {
    background: #000;
    font-size: 14px;
    line-height: 18px;
    color: #BFBFBF;
    text-align: left;
}

::selection {
	background:#fff000;
	color:#000;
}

::-moz-selection {
	background:#fff000;
	color:#000;
}

::-webkit-selection {
	background:#fff000;
	color:#000;
}


.main {
    width: 940px;
    margin: 0 auto;
}

#cbMain {
    background: #0b2146 url(img/bg-repeat.png) 50% 0;
}

#cbMain .main { background: transparent url(img/halo.png) no-repeat 50% 0; }


body, input, textarea {
    font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}


.spacer { clear: both; }

.cbBullet { font-style: normal; }

.cbMore {
    padding-top: 10px;
}

/* =Links
-------------------------------------------------------------- */



a, a:link, a:visited {
	color: #4B7A8E;
        text-decoration: none;
}

a:active, a:hover, a:focus {
	color: #fff;
}

/* =Headings
-------------------------------------------------------------- */

.cbTitle1 {
    padding-bottom: 16px;
    background: transparent url(img/frise940trans.png) no-repeat 0 100%;
    font-size: 24px;
    line-height: 28px;
    color: #BFBFBF;
    margin-bottom: 15px;
}
#homeStaticContent h2.cbTitle1 { background-image: url(img/home-sep.gif); background-position: 0 10px;  margin-bottom: 11px; }

body.page-template-page-contact-php h1.cbTitle1 { background-image: url(img/frise940transContact.png); }

.cbTitle680 {
    padding-bottom: 16px;
    background: transparent url(img/frise680trans.png) no-repeat 0 100%;
    font-size: 24px;
    line-height: 28px;
    color: #BFBFBF;
    margin-bottom: 30px;
}

.cbTitle680single {
    padding-bottom: 16px;
    background: transparent url(img/frise680trans.png) no-repeat 0 100%;
    font-size: 24px;
    line-height: 28px;
    color: #BFBFBF;
    margin-bottom: 5px;
}

.noMargin { margin-bottom: 0; }

.cbTitle2 {
    color: #BFBFBF;
    font-size: 14px;
    line-height: 20px;
}

#cbProdList h2 {

    background: transparent url(img/frise940trans.png) no-repeat 0 13px;
    font-size: 24px;
    line-height: 28px;
    color: #BFBFBF;
}
#cbProdList h2 span { background: transparent url(img/bg-repeat.png); padding-right: 3px; }
#cbProdList h2 span.titleComment { font-size: 14px; font-style: italic; color: #BFBFBF; }


.rte h4, .mceContentBody h4 {
    
    color: #ccc;
}

/* =Header
-------------------------------------------------------------- */

#site-title {
	float: left;
        padding: 5px 0 0 0px;
	margin: 0 0 20px 0;
	width: 280px;
}
#site-title a {
	float: left;
        width: 278px;
        height: 147px;
        background: transparent url(img/logo-aquascapers.png) 0 0 no-repeat;
        text-indent: -10000px;
        outline: none;
}
#site-title a span {
	float: left;
        width: 278px;
        height: 147px;
        background: transparent url(img/logo-aquascapers.png) 0 -147px no-repeat;
        text-indent: -10000px;
        outline: none;
}

#headerRight {
    float: left;
    width: 600px;
    padding-left: 60px;
}

#headerRightTop {
    line-height: 37px;
}

.cbLanguages {
    float: right; 
}
#qtranslate-3-chooser {
    background: #454545 url(img/lang-sep.gif) no-repeat 50% 50%;
    padding: 0 0;
    float: right;
    font-size: 12px;
}
#qtranslate-3-chooser li { display: inline; float: left; }
#qtranslate-3-chooser li a { color: #BFBFBF; text-transform: uppercase; float: left; padding: 0 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }
#qtranslate-3-chooser li a:hover { color: #fff; }
#qtranslate-3-chooser li.active a { color: #4B7A8E;  }

#cbTopLinks { text-align: right; }
#cbTopLinks li { display: inline; margin-right: 25px; }
#cbTopLinks a { color: #828282; }
#cbTopLinks .cartLink a { color: #BABABA; }
#cbTopLinks a:hover { color: #fff; }


#mainNav {
    clear: both;
    float: right;
    padding-top: 61px;
}

#mainNav a {
    outline: none;
    float: left;
    width: 100px;
    color: #BFBFBF;
    font-size: 20px;
    line-height: 36px;
    border-bottom: 8px solid #454545;
}
#mainNav a:hover, #mainNav a:focus { color: #fff; border-bottom: 8px solid #fff600; }
#mainNav li.on a, body.category-gallery #mainNav li.galleryNav a { color: #fff; border-bottom: 8px solid #fff600; }
#mainNav li { float: left; width: 100px; margin-left: 20px; }


#storeCategories {
    background: #454545 url(img/bg-menu.png) no-repeat 0 0;
    
}


/* =Bottom
-------------------------------------------------------------- */

.toCompress { letter-spacing: -1px; }

#bottom {
    border-top: 1px solid #666;
    padding: 20px 0 25px;
    font-size: 12px;
    line-height: 16px;
    color: #666;
}

#bottomLeft { float: left; width: 300px; padding-top: 16px; }
#bottomRight { float: left; width: 300px; text-align: right; padding-top: 16px; }
#bottomCenter { float: left; width: 325px; padding-left: 13px; }
#bottomCenter a#site-footer-logo {
    text-indent: -10000px;
    float: left;
    width: 313px;
    height: 83px;
    background: transparent url(img/logo-footer.png) no-repeat 0 0;
    outline: none;
}

#rwLink a span { display: none; }
#rwLink a, #rwLink a:link, #rwLink a:visited {
    color: #3D3D3D;
    padding-right: 20px;
    background: transparent url(img/webdesignbyRW.png) no-repeat 100% 2px;
}

#rwLink a:hover, #rwLink a:focus {
    background-position: 100% -18px;
}

p.legalCredits { position: relative; top: -11px; }

p.legalCredits a img {
    position: relative;
    top: 7px;
}


/* =mainContent
-------------------------------------------------------------- */
#mainContent {
    padding: 15px 0;
    color: #808080;
    min-height: 350px;
}

body#index #mainContent { padding-bottom: 0; }

#mainContent .entry-content { font-style: italic; }
/*#mainContent #post-922 .entry-content { padding-bottom: 0; }*/ /* feedback page */




/* =footer
-------------------------------------------------------------- */
#footer {
    padding: 30px 0 10px;
}

#partners {
    background: transparent url(img/frise940black.png) no-repeat 0 100%;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
#partners h5 {
    background: transparent url(img/frise940black.png) no-repeat 0 50%;
    color: #545454;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}
#partners h5 span { background: #000; padding-right: 10px; }

.partnersContent {
    text-align: center;
    padding: 0 0 0px;
}

.partnersContent ul li {
    float: left;
    width: 235px;
}
.partnersContent ul li a {
    outline: none;
    float: left;
    text-align: left;
    text-indent: -10000px;
    width: 235px;
    height: 124px;
    background: transparent url(img/partners.png)no-repeat 0 0;
}

.partnersContent ul li.partner2 a { background-position: -235px 0; }
.partnersContent ul li.partner3 a { background-position: -470px 0; }
.partnersContent ul li.partner4 a { background-position: -705px 0; }

#footerSitemap {
    background: transparent url(img/footer-cols.png) no-repeat 227px 0;
    padding-bottom: 30px;
}

.footList {
    float: left;
    width: 180px;
    margin-right: 20px;
    padding-left: 40px;
}
#footerSitemap .last { margin-right: 0; }
#footerSitemap .footPayment {
    width: 220px;
    padding-left: 0;
    text-align: center;
}

.footListTitle {
    color: #ccc;
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 20px;
}
#footerSitemap .footPayment .footListTitle { padding-bottom: 10px; text-transform: uppercase; }

/* =menu categories horizontales
-------------------------------------------------------------- */

/* Block categories */
.top-menu {
        padding-left: 0px;
	width: 940px;
	display: block;
}
 
 
/* style du menu par defaut */
#menu{
  font-size: 16px;
  line-height: 48px;
  padding: 0 0 0 20px;

}
 
div#menu a { 
	 outline: none;
}
 
div#menu ul { padding: 0; margin:0px; }
 
/* style niveau principal */
div#menu ul.niveau1 > li, div#menu ul.niveau1 > li:hover {
	background: transparent; 
	border-bottom: none; 
	width: auto;
	/*line-height: auto;*/
}
 
div#menu ul.niveau1 > li > a {
	/* ICI LA MISE EN FORME DU MENU DE BASE */
        padding: 0 10px;
	color:#BFBFBF;
	width: auto;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}
div#menu ul.niveau1 > li > a span { color: #4B7A8E; }
 
div#menu ul.niveau1 > li.last > a {
	/* ICI LA MISE EN FORME DU DERNIER ELEMENT DU MENU DE BASE (si besoin) */
}
 
div#menu ul.niveau1 > li > a:hover, div#menu ul.niveau1 > li:hover > a {
	color: #fff;
}
 
div#menu li { color: #BFBFBF; margin-right: 10px; }
div#menu li a {
	color: #BFBFBF;
	display:block;
	padding: 0 10px;      /* PADDING (ESPACE) AUTOUR DES ELEMENTS DE MENU */
	text-decoration:none;
	width:auto;           /* LARGEUR DES ELEMENTS DE MENU HORS PADDING */
}

div#menu li:hover {background: #4B7A8E; }
div #menu li:hover a {color: #BFBFBF; }
div #menu li a:hover {color: #fff; }
div #menu li.sousmenu:hover > a {color: #fff; }

div#menu ul li {position:relative; z-index: 998; list-style: none; float:left; background: #454545;   }
div#menu ul li.last { border-bottom: none; }

div#menu ul ul {
	
	display:none;
	position:absolute;
	width:166px;
        font-size: 16px;
        line-height: 32px;        /* DIMENSION = LARGEUR DES ELEMENTS DE MENU + PADDING LEFT + PADDING RIGHT */
	z-index:999;
}

div#menu ul ul li {
    margin-right: 0;
    background: #000 url(img/bg-menu.png) no-repeat -450px 1px;
}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {
	top:4px;
	left: 166px;        /* DOIT ETRE EGALE A LA DIMENSION DE div#menu ul ul */
	z-index:999 !important;
}

/* rajout de couleur de fond et de survol */
div#menu ul.niveau3 li { background: #1f1f1f; color: #ef541a; }
div#menu ul.niveau3 li:hover { background: #4B7A8E; color: #fff; }


div#menu ul.niveau1 li a.selected { color: #fff; }
div#menu ul.niveau1 li.sousmenu a.selected { color: #0; }

/* = boutons / btnz
-------------------------------------------------------------- */
#primary_block p.buttons_bottom_block input.exclusive {
    margin: 0 auto;
    background: transparent url(img/btn160.png) no-repeat 0 0;
    width: 160px;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 5px;
    height: 42px;
}

#primary_block p.buttons_bottom_block input.exclusive:hover, #primary_block p.buttons_bottom_block input.exclusive:focus {
    background-position: -160px 0;
}



/* = Maintenance
-------------------------------------------------------------- */
#CBmaintenance {
    padding: 120px 0 150px;
    text-align: center;
}


/* = carroussel acceuil
-------------------------------------------------------------- */


.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0 0 4px 0;
	padding: 0;
        padding-top: 15px;
        height: 303px;
        overflow: hidden;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 114px;
	height: 303px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */
	float: left;
}

.kwicks.horizontal li a img { border-bottom: 3px solid #000; }
.kwicks.horizontal li a:hover img { border-bottom: 3px solid #FFF000; }



.kwicks.horizontal #kwick_8 {
	margin-right: 0; /* cancel margin on last kiwck (if you set a margin above) */
}

body#cms #center_column { padding-top: 10px; }
/* =
-------------------------------------------------------------- */

/* =
-------------------------------------------------------------- */

/* =
-------------------------------------------------------------- */

/* =
-------------------------------------------------------------- */

/* =
-------------------------------------------------------------- */

/* =
-------------------------------------------------------------- */