/************************** TAG *********************************/
body {
	margin:0 auto;
	padding: 0px;
	background-image:url(../images/tp-bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
	color:#555;
	font-family: Arial, Helvetica, sans-serif;
}

img {
 border:none;
}


table {
	width:100%;
	border:0px;
	border-spacing: 0px;
    border-collapse: separate;	
}

th {
    padding: 5px 6px 5px 4px;
    height:30px;
}
td {
    padding: 5px 6px 5px 4px;
}

td > img:hover {
	border: dotted 1px #FFF;
	cursor: pointer;
}

td > i {
	font-size:0.8em;
}

tfoot {
	text-align:right;
}

h1 { 
  font-size: 1.5em; 
  margin-top:0px;
  letter-spacing:1px;
  padding-bottom:10px;
  margin-bottom:0px;
}


h2 { 
  font-size: 1.5em; 
  margin-top:0px;
  /*margin-left:220px;*/
  letter-spacing:1px;
  padding-bottom:20px;
  margin-bottom:0px;
}

h3 { 
   font-size: 1.2em; 
   line-height:20px; 
   padding-bottom:20px;
   margin:0px;
}

#col_droite label{
	position:relative; 
	display:block; 
	float:left;
	 width: 90px;
	 font-size:16px;
}

input, select{ 
	border:1px solid #ddd; 
	padding:2px; 
	color:#999;
}
input:focus, select:focus{
	background-color:#fefefe;
	border-color: #bbb;
	color:#555;
}

input.quantity { 
	background-color:  #8F8F8F;
	width:20px;
	text-align:center;
	border:1px solid #ddd; 
	//font-size:11px;
	padding:2px;
	color:#FFF;
}

input.zipcode { 
	background-color:  #8F8F8F;
	//width:20px;
	text-align:left;
	border:1px solid #ddd; 
	padding:2px;
	color:#FFF;
}


span.button {
	float: right;
	margin-top:20px;
	margin-bottom:3px;
	margin-left:20px;
	padding:10px;
	background-color: #505050;
	color:#FFF;
	font-weight:bold;
	border-radius:5px;
}

span.button:hover, div.button:hover {
	background-color: #8F8F8F;
	cursor: pointer;
	border: dotted 1px #FFF;
}

div.button {
 width:30px;
 height:25px;
 background-color: #505050;
 padding-top:5px;
	border-radius:5px;
	text-align:center;
    vertical-align:center;
}

div.button img {
	width:20px;
}

span.quantity {
	margin-left:5px;
	margin-right:5px;
	padding:3px;
	background-color: #505050;
	color:#FFF;
	font-weight:bold;
	border-radius:2px;
}

span.quantity:hover {
	background-color: #8F8F8F;
	cursor: pointer;
	padding-left:2px;
	padding-right:2px;
	border: dotted 1px #FFF;
}

a { 
  color: #FFF; 
  text-decoration: none;
  font-style:italic; 
 }
a:hover { 
  color: #0CF;
}

a:focus, 
a:visited   { }

a.u {
	text-decoration: underline;
}

a.blue:hover{
	color:#FFF;
}

.item img	{ float: left; width: 20px; height:20px; margin-right: 15px; margin-bottom: 40px;}
.item h3 { float: left;   width: 150px; height: 40px;}
.item h3.noLink	{ float: left;   width: 150px; padding:0px;height:auto !important;}

a.cart.active, a.cart.inactive          { color:#666466; text-decoration: none; }
a.cart.active:hover     {  color:#0CF; text-decoration: none; }


.clear 	{ clear: both; }

/************************** ELEMENT *********************************/
#wrapper {
	width: 1000px;
	margin:0 auto;
	padding: 0px;

}
/*  Order Page, roof mount, cart, about us */
#content {
	position: relative;
  	background-color:#000;
	margin-left:10px;
	padding-top:15px;
	padding-left:10px;
	//padding-right:30px;
	width:980px;
	text-align: justify; 
  	min-height: 385px; 
  	font-size: 1em; 
  	line-height: 1.2em;
  	color:#FFF;              
}

#content #col_gauche { 
	float: left; 
	width: 670px;
	min-height: 357px;   
	margin-left:10px; 
	padding-top:10px; 	
	padding-left:10px; 
	padding-right: 10px;
	padding-bottom:10px; 
	background-color:rgba(0,0,0,0.7);
  	border-radius:15px;
}
#content #col_droite { 
  float: right; 
  width: 190px; 
  height: 327px; 
  margin-right: 15px; 
  padding-left:15px;
  padding-top:40px;
  padding-bottom:10px; 
  background-color:rgba(0,0,0,0.7);
  border-radius:15px;
}

.darker {
	 background-color:rgba(0,0,0,0.85) !important;	
}

/*  About us, gripin */
#content #col_no {
	float: left; 
	width: 940px;
	min-height: 357px;
	margin-left:10px;
	padding-top:10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color:rgba(0,0,0,0.7);
  	border-radius:15px  
}

#content #col_no p{margin-top:0px; }

/*  Contact, */
#contentContact {
	position: relative;
  background-color:#000;
	margin-left:10px;
	padding-top:22px;
	padding-left:10px;
	padding-right:30px;
	width:980px;
	text-align: justify; 
  height: 400px; font-size: 0.9em; line-height: 1.2em;
  color:#FFF;              
}

#contentContact h1{padding-left:20px;padding-top:10px}

#contentContact #col_gauche	{ float: left; width: 330px; border-right: 1px solid #666; padding-right: 20px;  padding-left: 20px;  }
#contentContact #col_droite	{ float: left; width: 430px; margin-left: 50px; }

#contactWarning {
	margin-left:20px;
	font-style: italic;
}

/************************** HEADER *********************************/
#top {
	background-repeat: no-repeat; 
  width:1000px; 
  height:155px;
    margin-bottom:15px;
}
#logo {
  float:left;
}

#tel {
  float:left;
  width:700px; 
  height:95px;
  margin-left:100px;
  margin-top:5px;
  font-family: Arial, Helvetica, sans-serif;
  //text-shadow: 1px -1px 1px #000,-2px 1px 1px #000;
  text-shadow:1px 1px 1px rgba(0,0,0,0.7),
 			 -1px 1px 1px  rgba(0,0,0,0.7),
 			 -1px -1px 1px  rgba(0,0,0,0.7),
 			  1px -1px 1px  rgba(0,0,0,0.7); 
  font-size:20px;
  color: #fff;
  letter-spacing:0.2em;
}

#languages {
	font-size:16px;
	text-shadow :none;
	color:#555;
	letter-spacing: normal;
	
}
#languages img{
	margin-left:20px;	
	margin-right:10px;
}

#shop {
  float:right;
  margin-right:20px;
  z-index:9999;
  height:30px;
  color:#666466;

}
#menu {
	
	width:700px;
	margin:10px 0 0 0;
	font-size:20px;
	color: #009;
	float:left;
	font-family: Times New Roman;
}
#menu a {
	color:#FFF;
	padding: 0 0 0 35px;
	 font-style:normal; 
}
#menu a:link {
	color:#FFF;
	text-decoration:none;
}
#menu a:visited {
	color:#FFF;
	text-decoration:none;
}
#menu a:hover {
	color:#FFF;
	text-decoration:underline;
}


/************************** Specific INDEX *********************************/

#slBm {
	width:940px; height:20px;
}

#txta {
	width:900px; margin:0 auto; font-size:22px;
}
#txta a {
	color:#555;
}
#txta a:link {
	color:#555;
	text-decoration:none;
}
#txta a:visited {
	color:#555;
	text-decoration:none;
}
#txta a:hover {
	color:#555;
	text-decoration:underline;
}

/************************** ORDER PAGE *********************************/
#msg,#msg2 {
	float: right;
	color: #0CF;
	border-radius:5px;
	border: dotted 1px #FFF;
	padding:5px;
	display:none;
}


/* Colapse */
div.header { 
	border:1px solid #999;
 	border-radius:5px; 
	cursor:pointer; 
	margin-bottom:10px;
	padding:3px; 
	
}

div.header.active { 
	color:#0CF;
}

div.header:hover { 
	color:#0CF; 
}

div.headerLabel { 
	display:inline-block;
	width : 200px;	
}

.header img.help {
	margin-left:185px;
	width:15px;
	text-align:right; 
}
#goSearch, #goSearchAccessory {
	margin-left:20px;
	height:20px;
	cursor:pointer;
}

div.text {
	display:none; 
	padding-left: 35px; 
	text-align:justify;
	margin-bottom:30px;
}

#applications {
	float: left; 	
	width: 300px;
	margin-right:20px;
	margin-bottom:10px; 
	
	 
}

.thumbnail {
	width:70px;
}
#custom div.customOption{
	height:70px;
	padding-right:100px;
	margin-bottom:10px
}

#custom label{
	width:150px;
	float:left;
	display: inline-block;
}

#custom img {
	height:70px;
		width:70px;
	float:right;	
}

#products {
	float: left;
	margin-bottom:10px; 
}

/*#content #col_droite { 
  float: right; 
  width: 190px; 
  height: 327px; 
  margin-right: 15px; 
  padding-left:15px;
  padding-top:40px;
  padding-bottom:10px; 
  background-color:rgba(0,0,0,0.7);
  border-radius:15px;
}*/


#productImage {
    display: none;
    position: absolute;
    padding:5px;
    border: 1px solid #bbb;
    background-color: white;
    z-index:1000;
}

#productImage img{
    width:150px;
}


#helpMotor {
    display: none;
    position: absolute;
    width: 600px;
   	height: 420px;
    padding:5px;
    border: 1px solid #bbb;
    background-color: #555;
    z-index:1000;
    overflow: auto;
    border-radius:5px;
}

#helpMotor p {
   margin:0px;
   padding-left:20px;
}

#kw {
	font-size:1pt;
	color:#FFF;
}

/************************** DOCUMENTATION *********************************/
.doc h1 {
	font-size: 1.3em;
	 padding-bottom:0px;	
}
 
.disclamer {
	margin-bottom:20px;
	font-size:0.8em;
	font-style: italic;
	text-align:left;
}

a.fancybox img{
	padding:3px; 
	border:solid /*#333*/#fff 1px; 
	margin-right:2px;
	
}
div.subcat{
	margin-top:10px;
	margin-bottom:3px;
}

.red{
	color : red;
}

.blue{
	color : #0040FF;
}


#legal a {
	color:#555;
}
#legal a:link {
	color:#555;
	text-decoration:none;
}
#legal a:visited {
	color:#555;
	text-decoration:none;
}
#legal a:hover {
	color:#555;
	text-decoration:underline;
}