@import url("css/template.css");
@import url("css/form.css"); 
@import url("css/infobox.css"); 
@import url("css/contentbox.css");
@import url("css/popup.css");
@import url("css/calender.css");  
@import url("css/errors_messages.css");

#demo-header-container {
  width: 100%;
  height: 75px;
  background: url("../../images/demo-header-background.png") repeat-x top;
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: white;
  line-height: 60px;
}
#demo-footer-container {
  width: 100%;
  height: 58px;
  background: url("../../images/demo-footer-background.png") repeat-x top;
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: white;
  font-weight: bold;
  line-height: 40px;
}

.boxText {
  font-size: 11px; color: #5E5E5E;
}
.productsNotifications { 
    background: #f2fff7; 
}
.orderEdit { 
    font-size : 10px; 
    color: #70d250; 
    text-decoration: underline; 
}

td.headerNavigation, td.headerNavigation a:link, td.headerNavigation a:visited { color:#b3b3b3; text-decoration:none;}
td.headerNavigation a:hover { color:#f39800; text-decoration:underline;}

div.headerNavigation, div.headerNavigation a:link, div.headerNavigation a:visited { color:#b3b3b3; text-decoration:none;}
div.headerNavigation a:hover { color:#f39800; text-decoration:underline;}

/* buttons if css buttons ebnabled */
.template-button-left, .template-button-middle, .template-button-right {
  height: 16px;
  font-family: Verdana;
  font-size: 11px;
  color: #fff;
  padding: 7px 0 5px 0;
  margin: 0;
  vertical-align: bottom;
  display: -moz-inline-box;
  display: inline-block;  
  
  cursor: pointer;
}
.template-button-left {
  background: url(images/button-left.png) no-repeat;
  width: 8px;
}
.template-button-middle {
  background: url(images/button-middle.png) repeat-x;
  white-space: no-wrap;
}
.template-button-right {
  background: url(images/button-right.png) no-repeat;
  width: 8px;
}
.template-button-middle .submitButton{
  white-space: nowrap;
  vertical-align: top;
  border: 0px;
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 11px;
  text-decoration: none; 
  cursor: pointer;
  background: transparent;
}
/* buttons eof */

/* unsure on this, checking... */
.infoBoxContentsLeft_categ{
  color: #17426B;
}
.infoBoxContentsLeft_categ A:link, .infoBoxContentsLeft_categ A:active, .infoBoxContentsLeft_categ A:visited{
  font-size: 11px;
  font-weight: normal;
  color: #5E5E5E;
}
.infoBoxContentsLeft_categ A:hover {
  color: #17426B;
}
.infoBoxContentsLeft A:link, .infoBoxContentsLeft A:active, .infoBoxContentsLeft A:visited{
  font-size: 10px;
  font-weight: normal;
  color: #005EA7;
}
.infoBoxContentsLeft A:hover {
  color: #17426B;
}
.infoBoxContentsRight A:link, .infoBoxContentsRight A:active, .infoBoxContentsRight A:visited{
  font-size: 10px;
  font-weight: normal;
  color: #005EA7;
}
.infoBoxContentsRight A:hover {
  color: #17426B;
}
.infoBoxContentsCenter A:link, .infoBoxContentsCenter A:active, .infoBoxContentsCenter A:visited{
  font-size: 10px;
  font-weight: normal;
  color: #005EA7;
}
.infoBoxContentsCenter A:hover {
  color: #17426B;
}

.az_top_nav A:link, .az_top_nav A:active, .az_top_nav A:visited{ 
  font-size: 10px; 
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
  }
  .az_top_nav A:hover{
  font-size: 10px;
  color: #17426B;
  }

  .az_pageheading_main{
  padding-left: 15px;
  padding-right: 10px;
  }
  td.infoBoxHeadingLeft_categ, td.infoBoxHeadingLeft {
  background-image: url("images/az_leftbox_top.gif");
  background-repeat:  no-repeat;
  height: 41px;
  }
  td.infoBoxContentsLeft_categ{
  background-image: url("images/az_leftbox_category.gif");
  background-repeat:  no-repeat;
  background-position: top left;
  height: 25px;
  padding-top: 3px;
  padding-left: 25px;
  font-size: 10px;
  }
  .infoBoxMBottomleft_az01, .infoBoxMBottomleft{
  background-image: url("images/az_leftbox_bottom.gif");
  background-repeat:  no-repeat;
  height: 5px;
  padding-bottom: 5px;
  }
  /* RIGHT bar css controls */    

.main_page_promo{
  background-image: url("images/az_promo_box_mid.gif");
  background-repeat:  repeat-x;
  background-position: bottom left;
  height: 42px;
  }
    
/* used in featured_products.php mainpage module*/
td.price_mainpage{
    color:#EF5502;
    font-weight: bold;
}
td.price_mainpage s{
    color:#5E5E5E;
    font-weight: bold;
}
td.price_mainpage span{
    color:#EF5502;
    font-weight: bold;
}

.blurbs {
  width:200px;
  background-color:#FFFCCC;
  border: 1px #F39800 solid;
  margin-left:2px; 
  margin-right:2px; 
  margin-top:0.2em; 
  margin-bottom:0;
  padding-right: 10px;
  padding-left: 10px; 
}
 .header_separator{height:1px;background-color:#e5e5e5;line-height:1px;overflow:hidden;}
 #menu_header #menu_bar{width:990px; line-height:39px;color:white;text-align:center;background:transparent url('images/menu_bg.png') top center repeat-x;}
 #menu_header .menu_separator{ background:transparent url('images/menu_separator.png') top center no-repeat;width:2px;}
 #menu_header .menu_btn_top{border:none;display:block;color:white;}
 #menu_header .menu_btn_top{font-size:12px;cursor:pointer;height:39px;}
 #menu_header .menu_btn_top:hover{background:#F39800;color:white;}
 #header_special_bar{ height:78px;}
.infoMsg{border-left: 4px solid #F39800;background-color: #F39800;padding: 10px;border: 1px solid white;color: white;}
 .menu_sub{position:absolute;top:42px;left:0;background-color:white;color:#606060;width:990px;display:none;}
 .menu_sub_inner{border:5px solid #F39800;padding:0px;text-align:left;overflow:hidden;position:relative;}
 .menu_sub_inner table, .menu_sub_inner td, .menu_sub_inner ul, .menu_sub_inner li, .menu_sub_inner a{vertical-align:top;margin:0;padding:0;list-style:none;background-color:transparent;font-family:inherit;color:;background-image:none;line-height:18px;}
 .menu_sub_inner ul{margin:0px 5px 8px 5px;}


.dashed {border-right:1px dashed #c7c7c7;width:196px;white-space:nowrap;}
.menu_sub_inner .menu_title a{font-size:13px;font-weight:bold;color:#F39800;}
 .menu_title_unclickable { color: #F39800; font-size: 13px; font-weight: bold;}
 .link_area {width:990px;}
 .link_area table{width:100%;padding:0;margin:0;border-collapse:separate;border-spacing:5px;}
 .block_promo{text-align: right;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;background-color:transparent;}
.block{display:block;}
.spacer_1{height:1px;overflow:hidden;background-color:transparent;}
.spacer_2{height:2px;overflow:hidden;background-color:transparent;}
.spacer_5{height:5px;overflow:hidden;background-color:transparent;}
.spacer_6{height:6px;overflow:hidden;background-color:transparent;}
.spacer_10{height:10px;overflow:hidden;background-color:transparent;}
.spacer_20{height:20px;overflow:hidden;background-color:transparent;}
.spacer_30{height:30px;overflow:hidden;background-color:transparent;}

.cat_desc_footer {
    text-align: justify;
}

.cat_desc_footer h3, .cat_desc_footer h4 {
    font-size: 13px;
    color: #F39800;
    text-align: left;
    margin-bottom: -10px;
}

#prices {
    background-color: #F0F0F0;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

#desc p{margin-right:10px;}

#account_form_content {
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}

#account_form_content fieldset {
    background-color: #FFFFFF;
    margin: 5px 0;
    padding: 10px;
}
#account_form_content legend {
    color: #F39800;
    display: block;
    font-size: 1.2em;
    text-transform: uppercase;
}

#account_form_content input {
    margin: 5px;
}

#account_form_content  .submitButton{
    margin: 0;
}



#popCart {
	position: absolute; /*do not change this*/
	top: 15%;
	left: 50%;
	width: 680px;
    margin: 0 auto 0 -340px;
	background-color: #FFFFFF;
	border: 3px solid #000000;
	color: #000;
	z-index: 100000; /*do not change this*/
	display: none; /*do not change this*/
	/*padding: 20px;*/
}

ul.popcartList {list-style-type:none; margin:0; padding:0;}
li.popcartButton {float:right;padding-right:10px;}

#popCart_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
    background-color: #000;
    display:none;
    opacity:0.75;
   	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
}

* html #popCart_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
     width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

.boxcontent{
    position: relative;
    width: 33%;
    height: 250px;
    float: left;
}

.boxtitle{
    text-align: center;
    font-size:15px;
    font-weight:bold;
    padding-bottom:5px;
}

#p-select2 span.nextVisu {
    background-position: 100% 0;
    right: 0;
}
* html #slide_all:hover #p-select2 span.nextVisu, #slide_all:hover #p-select2 span.prevVisu {
    display: block;
}
#slide_all:hover #p-select2 span.nextVisu, #slide_all:hover #p-select2 span.prevVisu {
    display: block;
}
#p-select2 span.prevVisu, #p-select2 span.nextVisu {
    background-image: url("slide/js/arrows.png");
    display: none;
    height: 50px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 39px;
    z-index: 60;
}
.menu-nouveautes{background-color: #F28F00 !important;}
.menu-nouveautes:hover{background-color: #f79d20 !important;}
.menu-promos{background-color: #004064 !important;color:#fff !important;font-weight: bold;}
.menu-promos:hover{background-color: #0f2840 !important;}

#accept_cookies {
    font-family: Verdana, Arial, sans-serif;
    background-color: rgba(30,30,30,.9);
    padding:10px 0;
    color:#fff;
    position: fixed;
    bottom: 0;
    width:100%;
    z-index:99999999;
}
#accept_cookies a {
    font-family: Verdana, Arial, sans-serif;
    color: #F28F00 ;
    text-decoration: underline;
}
#accept_cookies .content{
    width:1000px;
    margin:0 auto;
    font-size: 13px;
}
#accept_cookies .close_accept_cookies{
    float:right;
    font-size: 20px;
    cursor: pointer;
    color: #F28F00 ;
}
.div_img_marque{
    height:100px;
    width:100px;
    float: left;
    white-space: nowrap;

    margin: 10px;
    text-align: center;
}

.obf_gt{
    cursor:pointer;
}

.title_manufacturers{
    padding-top:5px;
    font-weight:bold;
    font-size:14px;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mini_icon{
    vertical-align: middle;
    max-width:90px;
    max-height:90px;
}

#top_banner_encours {font-family:Verdana, Arial, sans-serif;background-color: #F28F00;padding: 10px 0;}
#top_banner_encours .content{text-align:center;color:#fff;width:990px;margin:0 auto;}
#top_banner_encours .content a{color:#fff;text-decoration: underline;}

.box_warning {
    display:inline-block;
    margin:0 auto;
    color:#F28F00;
    background-color: white;
    border:1px solid #F28F00;
    padding:10px 20px;
    text-align: center;
}

#account_page {padding:10px;}
#account_page h1{text-align:center;text-transform:uppercase;color:#F28F00;}
#account_page .welcome{color: #F28F00 ;font-size: 18px;text-align: center;margin: 0 0 50px;}
#account_page nav{width: 270px;float: left;vertical-align:top}
#account_page nav .block {margin:0 0 20px}
#account_page nav h3{text-transform:uppercase;padding:0;height: 36px;line-height: 60px;margin: 0 0 10px;left: 0;}
#account_page nav h3 i.fa{font-size:20px;color:#F28F00;margin: 0 20px 0 0;}
#account_page nav a{display:block;border-bottom:1px dotted #aaaaaa;color:#606060;line-height:25px}
#account_page .container{width: 700px;float: right;vertical-align:top;margin: 0 0 40px;}
#account_page .container h3{text-transform:uppercase;height: 36px;margin:0;padding:0;left:0;}
#account_page .sub_container{border:1px solid #aaa;padding: 15px;width:630px;float:right;margin: 0 0 15px;}
#account_page .sub_container .orders_table{border:1px solid #17426b;border-spacing:0;padding: 1px;width:100%;margin:0 0 20px;}
#account_page .sub_container .orders_table td{margin:0;padding:0 4px}
#account_page .sub_container .orders_table .row td{padding:10px 4px}
#account_page .sub_container .orders_table a{text-decoration:underline}
#account_page .sub_container .orders_table a.renew_order{color:#F28F00 }

.orders_table{border-collapse:collapse;}
.orders_table .heading td{background-color:#17426b;color:white;font-size:12px;font-weight:bold;text-align:center;padding:5px !important;}
.orders_table td{padding:0 10px;}

.btn {
    background-color: #5e5e5e;
    color: #fff !important;
    border: 0;
    padding: 8px 16px;
    cursor: pointer;
    font-size: 12px !important;
}
.btn:hover {
    background-color: #F39800;
}