/* CSS Document */

@import "cars-ie6.css";

/*	--== CARS - GENERAL STYLES ==-- */

#all * {
	margin: 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
#all {
	display: block;
	width: 690px;
	min-height: 300px;
}
#all .clr{
	clear:both;
}

#all .hr{
	display: block;
	height: 13px;
	width: 120px;
	margin-bottom: -12px;
	padding:0px;
	margin-left: 6px;
	border:none;
}

* html #all .hr{
	margin-bottom: -17px;
}


#all .boys { color:#143b62; }
#all .boys a { color:#143b62; }
#all .boys .hr { background:url(images/all_hrBoys.jpg) top left no-repeat; }
#all .girls { color:#60145c; }
#all .girls a { color:#60145c; }
#all .girls .hr { background:url(images/all_hrGirls.jpg) top left no-repeat; }
#all .board { color:#668204; }
#all .board a { color:#668204; }
#all .board .hr { background:url(images/all_hrBoard.jpg) top left no-repeat; }
#all .babies { color:#3f4565;}
#all .babies a { color:#3f4565; }
#all .babies .hr { background:url(images/all_hrBaby.jpg) top left no-repeat; }


/*	--== END OF CARS - GENERAL STYLES ==-- */

/*	--== LEFT COLUMN STYLES ==-- */

#all #leftColumn {
	padding-top:45px;
	background:url(images/all_leftBg.jpg) top left no-repeat;
	width:450px;
	/*height: 823px; modif suppression Pierre 22/02/2010 */
	float: left
}
#all #leftColumn .inner{
		background:url(images/all_leftBgBottom.jpg) bottom left no-repeat;
		padding-bottom: 45px;
}
#all #leftColumn h5{
	font-weight:bold;
	color: #155c92;
	font-size: 13px;
	margin: 13px 0px 5px 0px;
}
#all #leftColumn h2{
	background: none;
	background-image:url(images/all_leftHeadingBg.gif);
	background-position: right 18px;
	background-repeat: repeat-x;
	font-size: 20px;
	color:#15919d;
	margin: 0px 10px 10px 0px;
}
#all #leftColumn span.h2{
	background: #FFFFFF;
	padding-right: 2px;
}
#all #leftColumn p{
	font-size:12px;
	color: #064d5f;
	padding: 0px 30px 0px 10px;
}
#all #leftColumn p.intro{ font-size:13px;}

#all #leftColumn .brandsBox{
	margin-top: 20px;
}

#all #leftColumn .brandsBox .brand{
	background: url(images/all_leftBrandBg.jpg) top left no-repeat;
	width: 142px;
	height: 136px;
	padding-top: 8px;
	padding-bottom: 4px;
	overflow:hidden;
	float: left;
	margin: 0 6px 5px 0;
}
#all #leftColumn .brandsBox .brand .img{
	text-align:center;
}
#all #leftColumn .brandsBox .brand .img img{
	border: none;
}
#all #leftColumn .brandsBox .brand h6{
	font-size:11px;
	font-weight:bold;
	margin-top: 6px;
	padding:0 8px 0 7px;
}
#all #leftColumn .brandsBox .brand a {
	display:block;
	font-size:10px;
	text-decoration: none;
	line-height: 12px;
	padding:0 4px 0 7px;
	cursor:pointer;
	letter-spacing: 0px;
}

#all #leftColumn .brandsBox .brand a:hover {
	text-decoration: underline !important;
}

/* --== END OF LEFT COLUMN STYLES ==-- */


/*	--== RIGHT COLUMN STYLES ==-- */

#all #rightColumn {
	width: 220px;
	float: left;
	overflow:auto;
}
#all #rightColumn .top{
	height: 187px;
	background:url(images/all_rightTopBg.jpg) top left no-repeat;
}
#all #rightColumn .top .inner{	padding: 21px 10px 0px 15px; }
#all #rightColumn h4{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin-bottom: 6px;
}
#all #rightColumn .links {
	background: url(images/all_rightLinksBg.jpg) top left repeat-y;
	width: 220px;
}
#all #rightColumn .links .inner {
	background: url(images/all_rightLinksBgBottom.jpg) bottom left no-repeat;
	width: 220px;
	padding-bottom: 30px;
}
#all #rightColumn .links .inner ul {
	padding-left: 15px;
	padding-right: 15px;
	list-style-type:none;
}
#all #rightColumn .links .inner ul li a {
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
#all #rightColumn .links .inner ul li a:hover {
	text-decoration:none;
}
#all #rightColumn .push{
	background:url(images/all_rightPushBg.jpg) bottom right;
	padding-bottom: 90px;
}

/*	--== END OF RIGHT COLUMN STYLES ==-- */
