.displayproduct {
cursor: pointer;
border:none;
background: transparent url(../img/display.png) no-repeat center center;
font-size: 12px;
font-weight: normal;
color: #000000;
width: 125px;
height: 34px;
padding-bottom: 3px;
}

.displayproduct:hover
{background: transparent url(../img/display_ho.png) no-repeat center center;}


.buttoncart {
border:none;
background: transparent url(../img/button_cart.png) no-repeat center center;
text-indent:20px;
cursor: pointer;
width: 180px;
height: 38px;
font-size: 13px;
color: #FFFFFF; 
font-weight: bold;
padding-bottom: 4px;
}

.buttoncart:hover
{background: transparent url(../img/button_cart_ho.png) no-repeat center center;}

.Fbutton {
cursor: pointer;
border:none;
background: transparent url(../img/submit.png) no-repeat center center;
font-size: 13px;
color: #000000;
width: 110px;
height: 30px;
padding-bottom: 3px;
font-weight: normal;
}

.Fbutton:hover
{background: transparent url(../img/submit_ho.png) no-repeat center center;}

.Bigbutton {
color: #fff;
	font-family: Helvetica, Arial;
	font-weight: bolder;
	font-size:15px;
	border: none;
	margin-right: 6%;
	margin-left: 6%;
	width: 110px; height: 33px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	cursor: pointer;
	background: url('../img/btn_submit.png') no-repeat;
	padding:0;
}

.Bigbutton:hover
{background: url('../img/btn_submit_hov.png') no-repeat;}


.review {
cursor: pointer;
border:none;
background: transparent url(../img/review.png) no-repeat center center;
font-size: 13px;
font-weight: bold;
color: #000000;
width: 190px;
height: 26px;
padding-bottom: 3px;
margin-top: 5px;
}

.review:hover
{background: transparent url(../img/review_ho.png) no-repeat center center;}

#discount {
 	float:right;
	position: relative; 	
	right: 20px;       
	}


.shoppingcart {
border:none;
background: transparent url(../img/cart.png) no-repeat center center;
text-indent:15px;
cursor: pointer;
width: 140px;
height: 30px;
font-size: 12px;
color: #000000; 
font-weight: normal;
padding-bottom: 3px;
padding-top: 0px;
}

.shoppingcart:hover
{background: transparent url(../img/cart_ho.png) no-repeat center center;}


.download{
cursor: pointer;
border:none;
background: transparent url(../img/download.png) no-repeat center center;
font-size: 12px;
color: #812F32;
width: 160px;
height: 26px;
padding-bottom: 3px;
font-weight: bold;
text-indent:-20px;
}


.download:hover
{background: transparent url(../img/download_ho.png) no-repeat center center;}

.checkout {
border:1px solid #999999;
background-image: url(../img/border.png);
background-repeat: repeat-x;
font-size: 13px;
padding: 2px;
}

.profile {
font-size: 14px;
}

table {
font-size: 12px;
}

.tables {
	border: 1px solid #CCCCCC;
	padding: 4px;
}

.product {
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-bottom: 8px;
}

.bord {

	border: 1px solid #999999;
	padding: 4px;
}

.options {
	margin-left: 5px;
    width: 150px; 
    font-size: 11px;	
	}

.optionsLarge {
	margin-left: 5px;
    width: 200px; 
    font-size: 12px;	
	}
	
.quantity {
margin-left: 5px;
width: 120px;	
	}
	
.itemtext {
font-size: 12px; 
font-weight: normal;
color: #5E5E5E; 
}

.price {
font-size: 16px; 
font-weight: bold;
color: #5E5E5E; 
}

.strike_price {
font-size: 16px; 
font-weight: bold;
color: #5E5E5E;
text-decoration:line-through;  
} 
.discount {
font-size: 18px; 
font-weight: bold; 
color: #FF5500;
}

.priceproduct {
font-size: 16px; 
font-weight: bold; 
color: #696763; 
}

.strike_priceproduct {
font-size: 14px; 
font-weight: bold; 
color: #696763; 
text-decoration:line-through; 
}

.discountproduct {
font-size: 16px; 
font-weight: bold; color: #FF5500;
}

sup {
	font-weight: normal; color: #CC0000; 
	}
	
.register {
border:1px solid #999999;
background-color: #FFFFF1;
font-size: 14px;
width: 220px;
padding: 2px;
}
.registerSelect {
width: 230px;
}

.captcha {
border:1px solid #999999;
background-color: #FFFFF1;
font-size: 14px;
width: 120px;
padding: 2px;
}

.note {
font-size: .8em;
font-weight: normal;
color: #777777;	
}

.message {
border:1px solid #999999;
background-color: #FFFFF1;
font-size: 14px;
width: 270px;
height: 100px;
padding: 2px;
}
.maintitle {
font-size: 18px; 
font-weight: bold; 
text-align: justify;
font-family:  Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 2px;
color: #5E5E5E; 
}

.cart_title {
font-size: 14px; 
font-weight: bold; 
color: #777777; 
}

.id {
font-size: 12px; 
color: #777777; 
}

.dir {
font-size: 11px; 
color: #777777; 
}

.memo {
border:1px solid #999999;
background-color: #FFFFF1;
font-size: 12px;
width: 270px;
height: 70px;
padding: 2px;
}

/* div messages d'erreurs*/
 #error {
  width: 90%;  
  max-width: 600px;
  text-align: center;
  border:solid 1px; 
  border-color:#CC0000; 
  padding:10px; 
  background-color: #FEF1ED; 
  font-size: 12px;
  color:#CC0000; 
  font-weight: normal;
}

/* div messages succès*/
#success {
  position: relative;   
  width: 90%;
  max-width: 600px;
  text-align: center;
  border:solid 1px; 
  border-color:#3AC13A; 
  padding:10px; 
  background-color: #F1FFF1; 
  color:#000000; 
  font-size: 12px;
  font-weight: normal;
}

.error_img { 
  vertical-align: middle;
  margin-bottom: 5px;
}

a.dirbarr {color: #777777; text-decoration: none;font-weight: normal;font-size: 11px;}
a.dirbarr:hover {color: #000000; text-decoration: underline;font-weight: normal;font-size: 11px;}

a.terms {color: #333333; text-decoration: underline;}
a.terms:hover {color: #FF9966; text-decoration: none;}
a.terms:active {color: #FF3300; text-decoration: none;}

a.moreinfos {color: #000000; text-decoration: none; font-weight: bold;}
a.moreinfos:hover {color: #000000; text-decoration: underline; font-weight: bold;}
a.moreinfos:active {color: #000000; text-decoration: none; font-weight: bold;}

a.search1 {color: #0000FF; text-decoration: underline; font-size: 14px;font-family: Verdana,sans-serif;}
a.search1:hover {color: #0000FF; text-decoration: none;font-size: 14px;font-weight: normal;font-family: Verdana,sans-serif;}
a.search1:active {color: #551A8B; text-decoration: none;font-size: 14px;font-family: Verdana,sans-serif;}
a.search1:visited {color: #551A8B; text-decoration: none;font-size: 14px;font-family: Verdana,sans-serif;}

a.detail {color: #000000; text-decoration: underline;font-weight: normal;}
a.detail:hover {color: #333333; text-decoration: none;font-weight: normal;}

a.rate {color: #5E5E5E; text-decoration: underline;font-weight: normal;}
a.rate:hover {color: #000000; text-decoration: none;font-weight: normal;}

a.zoom {color: #000000; text-decoration: underline;font-weight: normal;font-size: 10px;}
a.zoom:hover {color: #333333; text-decoration: none;font-weight: normal;font-size: 10px;}

.search {
font-size: 14px; 
font-weight: normal; color: #000000; 
}

@media all and (max-width: 480px) {
a.search1 {font-size: 12px;}
a.search1:hover {font-size: 12px;}
a.search1:active {font-size: 12px;}
a.search1:visited {font-size: 12px;}

}

.searchbutton {border: 1px black solid;
font-size: 12px;
padding: 1px;
background-color: #F1F1F1;
cursor: pointer;
}


.submit {border: 1px black solid;
font-size: 12px;
background-color: #F1F1F1;
cursor: pointer;
}

a.navibarr {
font-size: 14px;
padding: 3px;
border: 1px #555555 solid;
background-color: #FFFFFF;
text-decoration: underline;
}
a.navibarr:hover {
font-size: 14px;
padding: 3px;
border: 1px #555555 solid;
background-color: #FFFFFF;
text-decoration: none;
}

.navibarr2 {
font-size: 14px;
padding: 3px;
border: 1px #555555 solid;
background-color: #f8f8f8;
}

.imgproduct {	
	margin-right: 4px;
	vertical-align: top;
     padding: 20px;	
}

/* Post Rating*/

.metawrite {
	margin-top: -10px;
	padding: 6px 30px 2px 20px;
	background: url(../img/img08.jpg) no-repeat left 12px;
	border-bottom: 1px #BDBDBB dotted;	 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
}


#hr {
border-bottom: 1px dashed #000;
padding-bottom: 2px;
width: 99%; 
overflow: auto;
white-space: pre-line;
clear: both
}

div.source { background: #F8F8FF; 
border: 1px solid #EFEFEF; 
border-left: 3px solid #CCC; 
clear: both; 
color: #444; 
font: 12px monospace; 
border-radius: 2px; 
letter-spacing: .1px; 
margin-bottom: 7px; 
margin-top: 15px; 
padding: 7px; 
width: 100%; 
-khtml-border-radius:2px; 
-moz-border-radius: 2px; 
-opera-border-radius: 2px; 
-webkit-border-radius: 2px; }

/* Navigation*/
.pagenav {
font-size: 14px;
padding: 3px;
border: 1px #555555 solid;
}
.pagenav2 {
font-size: 14px;
padding: 3px;
border: 1px #555555 solid;
background-color: #f8f8f8;
}

/* version 1.5*/

#qrWrapping {  
  margin: 0 auto;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  width: 95%; 
  text-align: center;    
  vertical-align: middle;  
  }
  

.qr {  
  margin-left: auto;
  margin-right: 80px; 
  margin-top: 40px;
  width: 65%; 
  text-align: center;    
  display: inline-block;  
  }

.qrImage {
 float:left;
width: 120px;
margin:0 0 2px 2px;
	}
	


#catalog {  
  margin-left: auto;
  margin-right: auto; 
  margin-top: 15px;
  width: 165px;     
}

#catalog_mode {  
  margin-left: 15px;  
  margin-top: 15px;
  width: 100%; 
}

#shopping_mode {   
  width: 95%; 
  font-size: 1.1em;
  margin: 10px auto;
}

@media all and (max-width: 480px) {
#shopping_mode {   
  width: 99%; 
  font-size: 12px;
  margin: 2px auto;
}
}

.in_stock {   
  font-size: 1.2em;
  color: #009900;
  font-weight: bold;
  margin-bottom: -7px;
}

.backorder{   
  font-size: 1.2em;
  color: ##CC0000;
  font-weight: bold;
  margin-bottom: -7px;
}

.more_infos{   
  font-size: 1.2em;  
  font-weight: bold;  
}
 
/* related product */

 #wrapperCarousel {				
				width: 100%;
				height: 190px;
				min-height: 100px;
				margin: 70px 0 0 0;
				position: relative;
				bottom: 0;
				left: 0;				
			}
#innerCarousel {
				width: 100%;
				height: 180px;
				margin-top: -75px;
				position: relative;
				overflow: hidden;				
			}
#carousel div {
				border: 1px solid #999;
				background: #fff;
				width: 120px;
				height: 150px;
				float: left;
				padding: 10px;
				margin: 0 5px;
                text-align: center;				
			}
            
#prev, #next {
				display: block;
				width: 50px;
				height: 80px;
				margin-top: -20px;
				position: absolute;
				top: 50%;
				z-index: 2;
			}
#prev {
				background: url( ../img/prev.png ) no-repeat;
				left: 50%;
				margin-left: -345px;
			}
#next {
				background: url( ../img/next.png ) no-repeat;
				right: 50%;
				margin-right: -365px;
			}
			
.tooltip-content {
display: none; /* required */
position: absolute; /* required */
padding: 10px; 
border: 1px solid #999;
background-color: white;
line-height: 170%;
font-weight: normal; 
text-align:center;
z-index: 4;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(119, 119, 119, 0.75);
/* IE */
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
zoom: 1;
}

.rp_title {
width:100%;
margin-top: -5px;
margin-bottom: 7px;
margin-left: auto;
margin-right: auto;
text-align:center;
font-weight: bold; 
}

/* Flash sales */
.flash {
background-color: #9C0A0A;
font-weight: 600; 
color: #FFFFFF;
line-height: 32px;
border: 1px solid #FF5500;
Letter-Spacing: 0.12em;
}


@media all and (max-width: 480px) {
.flash {
background-color: #9C0A0A;
font-weight: normal; 
color: #FFFFFF;
border: 1px solid #FF5500;
font-size: 11px;
line-height: 20px;
}
 }
 

#flash {
float: left;
color: #FFF333;
font-weight: bold;
}

@media all and (max-width: 480px) {
#flash {
float: left;
color: #FF5500;
font-weight: bold;
}
 }
 
#remaining {
width:50%;
float: right;
background-color: #FFFFFF;
color: #000000;
font-weight:normal;
}

@media all and (max-width: 480px) {
#remaining {
width:100%;
float: right;
background-color: #FFFFFF;
color: #000000;
font-weight:normal;
font-size: 11px;
}
 }
 
.RemainingTime {
float: right; 
position:relative; 
margin-right:20px;
}

@media all and (max-width: 480px) {
.RemainingTime {
float: right; 
position:relative; 
margin-right:0px;
font-size: 11px;
}
}
 
 
 
/* Rule for the input-boxes */
.form-normal .error-field input,
.form-normal .error-field input[type=text],
.form-normal .error-field input[type=textarea],
.form-normal .error-field input[type=password],
.form-normal .error-field input[type=email],
.form-normal .error-field input[type=checkbox]
{
    border: 1px solid red;
    background-color: #FFF0F0;	
}


/* error*/
#formContainer .form-group .error
{  
  border: 1px solid red;
   background-color: #FFF0F0;  
}

#formContainer .control-label
{  
    color: #696767;   
}

/*Form drop down*/
#formContainer .form-group select { 
font-size: 14px;
color: #000000; 
background-color: #FFFFFF;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 30px;   
   box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);   
   }
   
  
@media (max-width: 750px) {
	.col-freecart {
		display: inline-block;
		margin-bottom:5px;
       	width: 95% !important;
		padding:10px 10px 10px 10px;
		text-align: left;			
		
    		}
	}
	
.display {
        width:80%;
        float: left;
            }

@media screen and (min-width: 400px) and (max-width: 1000px) {
	.display {
		width:90%;
	}
}

@media screen and (max-width: 399px) {
	.display {
	width:100%;
	}
}

.productInfos {
text-align: center;
padding:5px;
} 

.footable {
width:100%;
border: solid 1px #CCCCCC;
font-size: 12px;

}

@media all and (max-width: 480px) {
 .footable {
width:100%;
border: none;

}
 }

.SpecialOfferTitle{
  margin: 11px 0;
  font-family: inherit;
  font-weight: 300;
  line-height: 22px;
  color: inherit;  
  text-rendering: optimizelegibility;
  font-size: 16px;
}


/*Custom settings override bootstrap css*/
#pagination > .active > a,
#pagination > .active > span,
#pagination > .active > a:hover,
#pagination > .active > span:hover,
#pagination > .active > a:focus,
#pagination > .active > span:focus {  
  color: #fff;
  cursor: pointer;
  background-color: #337ab7;
  border-color: #337ab7;
}

/*Footable*/

@font-face {
  font-family: 'footable';
  src: url('fonts/footable.eot');
  src: url('fonts/footable.eot?#iefix') format('embedded-opentype'), url('fonts/footable.woff') format('woff'), url('fonts/footable.ttf') format('truetype'), url('fonts/footable.svg#footable') format('svg');
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'footable';
    src: url('fonts/footable.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}

.footable {
  width: 100%;
  /** SORTING **/

  /** PAGINATION **/

}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
  border-bottom: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e001";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  background: #eee;
  border-top: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-size: 14px;
  color: #888888;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "\e000";
}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e005";
}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e004";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e003";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e002";
}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e007";
}
.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
  content: "\e006";
}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e009";
}
.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e008";
}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00f";
}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
  content: "\e011";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e013";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
  content: "\e015";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01b";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e01d";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00b";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e00d";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01f";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
  content: "\e021";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e017";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
  content: "\e019";
}
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
  font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
  font-size: 24px;
}
.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  content: "\e013";
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  content: "\e012";
}
.footable > thead > tr > th > span.footable-sort-indicator {
  display: inline-block;
  font-family: 'footable';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 5px;
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: "\e022";
}
.footable > tfoot .pagination {
  margin: 0;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}
.footable-row-detail-inner {
  display: table;
}
.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}
.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-weight: bold;
}
.footable-row-detail-name {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.5em;
}
.footable-row-detail-value {
  display: table-cell;
}
.footable-odd {
  background-color: #f7f7f7;
}

/*Some titles*/
@media all and (max-width: 480px) {
h4 {
font-size: 16px;
}
}
 }
 
/*Items images*/
#gallery_01{
border: 2px solid red;
text-align: center;
padding: 4px;
} 

.thumbnails {
    text-align: center;
}
.thumbnails li {    
    float: none !important; /* to overwrite the default property on the bootstrap stylesheet */
    display: inline-block;
    *display: inline; /* ie7 support */
    zoom: 1;
	padding: 10px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}

.field_border {
border: 1px solid #CCCCCC;
}

@media all and (max-width: 480px) {
.field_border {
border: none;
}

}