/*
Theme Name: Trans-Pave
Theme URI: http://www.transpave.com/
Description: Theme Trans-Pave
Version: 1.0
Author: Andre-Francois Landry
Author URI: http://www.osmoseinteractif.com

*/

#new {
	background-color:#c01333; 
	color:#FFF; 
	width:15%; 
	height:15px; 
	font-size:9px;
	padding:2px 2px 2px 2px;
	margin-left:8px;
}

body { 
  margin: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
}
a{color: #c01333; text-decoration:none;}
a:hover{color: #c01333; text-decoration: underline;}

a#extranet-link {
  text-align: right;
  font-size: 12px;
  color: #c01333;
  text-decoration: none;
  margin-top: 5px;
  float: right;
  font-weight:bold;
}

#container {
  position: relative;
  left: 50%;
  margin-left: -460px;
  width: 920px;
}

#header {
  height: 245px; //96px;
  width: 925px;
  background: url(images/header_bg/contact.jpg) no-repeat top left;
}

#logo{
	float:left;
}

#menu {
  float: right;
  background: #fff;
  width: 734px;
  height: 81px;
  padding: 0px;
}

#main-nav {
  float: left;
  margin-top: 30px;
  padding: 0px;
}

#main-nav ul {
  list-style-type: none;
  margin-top: 0px;
  padding: 0px;
}

#main-nav li {	
  list-style-type: none;
  float: left;
  margin-right:7px;
  padding-left: 3px;
  padding-right: 3px;
}

#main-nav li.current_page_item {
  background: #fff;
}

#main-nav li.current_page_item a {
  color:#c01333;
}

#utils-nav li.current_page_item {
  background: #fff;
}

#utils-nav li.current_page_item a {
  color:#c01333;
}

#main-nav a {
  text-decoration: none;
  color: #675f4b;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

#utils-nav {
  float: right;
  margin-top: 27px;
  padding: 0px;
}

#utils-nav ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;  
}

#utils-nav li {
  list-style-type: none;
  float: left;
  margin: 3px;
  padding: 0px;
}

#utils-nav a {
  text-decoration: none;
  color: #59504b;
  font-size: 12px;
  padding-left: 7px;
  padding-right: 7px;
}

#footer {
  margin-top: 20px;
  border-top: #ccc 1px solid;
  font-size: 12px;
  color: #666;
  padding: 20px;
}

#sidebar {
  float: left;
  width: 180px;
  border:none;
}

.post {
  width: 520px;
  float: left;
  margin-left: 20px;
  font-size: 12px;
  color: #666;
}

.post-large {
  width: 710px;
  margin-left: 20px;
  float: left;
  font-size: 12px;
  color: #666;
}

.post-largeAlone {
  width: 909px;
  float: left;
  font-size: 12px;
  color: #666;
  margin-top:-10px;
}

.post h2{
  font-size: 18px;
  font-weight:lighter;
  text-transform:uppercase;
  color: #fff;
  letter-spacing:2px;
  display:block;
  background-color:#59504b;
  height:41px;
  width:710px;
  padding-top: 20px;
  padding-left: 8px;
  margin-top: 25px;
  margin-bottom: 10px;
}


.post-large h2 {
  font-size: 18px;
  font-weight:lighter;
  text-transform:uppercase;
  color: #fff;
  letter-spacing:2px;
  display:block;
  background-color:#59504b;
  height:41px;
  width:100%;
  padding-top: 20px;
  padding-left: 8px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.post-largeAlone h2 {
  font-size: 18px;
  font-weight:lighter;
  text-transform:uppercase;
  color: #fff;
  letter-spacing:2px;
  display:block;
  background-color:#59504b;
  height:41px;
  width:911px;
  padding-top: 20px;
  padding-left: 8px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.post a, .post-large a {
  text-decoration: none;
  color: #666;
}

.post a:hover, .post-large a:hover {
  text-decoration: underline;
  color: #c01333;
}

#subnavigation {
  background: #eae8e8;
}

#subnavigation ul {
  margin-top: 23px;
  padding: 0px;
  list-style-type: none;
}

#subnavigation li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border-bottom: 1px solid #D4D4D4;
  border-top: 1px solid #F1F1F1;
}

#subnavigation li a, #subnavigation li {
  color: #59504b;
  font-weight:bold;
  text-decoration: none;
  font-size: 12px;
}

#subnavigation li a {
  margin: 0px;
  padding: 6px;
  padding-left: 25px;
  padding-right: 10px;
  display: block;
}

#subnavigation li:hover, #subnavigation li.current_page_item {
  background: #c01333;
}

#subnavigation li.category_menu:hover {
	
  background: #c6c2c1;
}

#subnavigation li.product_menu:hover, #product_menu li.current_page_item {
  background: #999;
}

#subnavigation li:hover a, #subnavigation li.current_page_item a, #product_menu li.current_page_item a {
  color: #fff;
}

.product-tabs ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.product-tabs li {	
  float: left;
  list-style-type: none;
  border:1px solid #FFF;
  margin-bottom:2px;
}

.product-tabs li a {
  display:block;
  height:20px;
  background:#eae8e8;
  text-decoration: none;
  padding:10px 20px 2px 10px;
  
  color: #59504b;
  font-size:11px;
}

.product-tabs li:hover, .product-tabs li.selected {
  display:block;
  background: #c6c2c1;
  text-decoration:none;  
}
.product-tabs li:hover a, .product-tabs li.selected a {
  display:block;
  background: #c6c2c1;
  color: #fff;
  text-decoration:none;
}

ul.pictures {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  float: left;
}

.pictures li {
  float: left;
  list-style-type: none;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 0px;
  width: 150px;
  height: 200px;
} 

.section-title {
  color: #333;
  text-decoration: none;
  font-size: 12px;
  font-weight: strong;
}

.section-title:hover {
  background: none;
}

.product-rollovers h2 {
  font-size: 16px;
  font-weight:lighter;
  text-transform:uppercase;
  color: #fff;
  letter-spacing:2px;
  display:block;
  background-color:#59504b;
  height:41px;
  width:457px;
  padding-top: 18px;
  padding-left: 8px;
  margin-top: 5px;
}

.post-large#product-details h2 {
  font-size: 16px;
  font-weight:lighter;
  text-transform:uppercase;
  color: #fff;
  letter-spacing:2px;
  display:block;
  background-color:#59504b;
  height:41px;
  width:721px;
  padding-top: 18px;
  padding-left: 8px;
  margin-top: 5px;
}

.product-rollovers p, .product-rollovers a,  .product-rollovers a:hover{
	font-size:12px;
}
.product-rollovers h3, #product-details h3 {
  color: #FFF;
  background:#59504b;
  font-size: 11px;
  font-weight:lighter;
  padding: 10px;
  letter-spacing:2px;
  border-bottom: 1px solid #ccc;
}

table.caracteristiques-table thead td {
  background:#FFF;
  font-weight: bold;
}

table.caracteristiques-table td {
  background:#f9f8f8;
  font-size: 12px;
  color: #888;
  padding: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
  margin: 0px;
}


#home-bottom h2 {
  color: #c01333;
  text-transform: uppercase;
  font-size: 14px;
}

#home-bottom p {
  color: #59504b;
  font-size: 12px;
}

#homepage_image_link { 
  background: #fff url(http://www.transpave.com/english/images/home-link-bottom.jpg) repeat-x bottom left; 
  position:relative; 
  top: 310px; 
  height: 81px; 
  opacity:0.7; 
  filter: alpha(opacity = 70);
}

#homepage_image_link h1 { 
  line-height: 40px; margin: 0px; margin-left: 10px; padding: 0px; font-size: 18px; float:left; display: inline; color: #59504b;
}

#homepage_image_link a {
  color: #59504b; line-height: 40px; text-decoration: none; font-size: 12px; font-weight:bold; float: left; display: inline; 
}

#news-home a {color: #59504b; text-decoration: none; font-size: 12px;}
#news-home a:hover {color: #3d3430; text-decoration: underline; font-size: 12px;}

#promo-home a {color: #59504b; text-decoration: none; font-size: 12px;}
#promo-home a:hover {color: #3d3430; text-decoration: underline; font-size: 12px;}

select {
 background-color: #59504b;
 color: #ffffff;
 border: 0px solid #59504b;
 height:20px; 
}
.section-titlecurrent_page_item a, .section-titlecurrent_page_item a:hover{ background-color:#c01333; color:#fff;}

li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#888;
	list-style:square;
	
}

li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:square;
	color:#888;
	
}