body {
  background-color:#C0C0C0;
  margin:0px;
  padding:0px;
}

body, td {
	font-family: Arial, Trebuchet MS, sans-serif;
	font-size: 12px;
    color:#002173;
}

.lead {
  font-weight:bold;
}

h1 {
	font-weight:bold;
	font-size:12px;
	color: #25A4FF;
	padding-left:18px;
	border-bottom:1px solid #002073;
	text-transform: uppercase;
}

h2 {
	font-size: 14px;
}

h3 {
  font-weight:bold;
  text-decoration:underline;
  margin:0px 0px 2px 0px;
  font-size:12px;
}

.clear {
	clear: both;
}

a, a:visited, a:active {
  color:#002173;
  text-decoration:none;
}

a:hover {
  text-decoration:none;
}

#container {
  margin:0px auto;
  width:960px;
}

#header {
	background-image: url(../images/hcc/hccheader.jpg);
	background-repeat: no-repeat;
	width:960px;
	height:79px;
    padding-top:20px;
}

#header .logo {
  display:inline;
  float:left;
  height:60px;
  width:200px;
  position:relative;
  left: 30px;
}

#header .logo a {
  display:block;
  width:200px;
  height:60px;
}

#header .controlbox {
  display:inline;
  float:left;
  height:50px;
  width:673px;
  position:relative;
  left:30px;
  text-align:right;
  padding-top:12px;
}

#header .controlbox a {
  text-decoration:underline;
  color:#71C6FF;
  font-weight:bold;
}

#content_container {
  background-color:#ffffff;
  padding:20px 50px 10px 50px;
  width:860px;
  min-height:200px;
  height:expression(this.scrollHeight < 200? "200px" : "auto");
}

#left {
  display:inline;
  float:left;
  width:185px;
  min-width:185px;
  width:expression(this.scrollWidth < 185? "185px" : "185px");
}

div.menucontainer {
  background-color:#002173;
  height:27px;
  width:960px;
}

#left_menu {
  display:inline;
  float:left;
  width:185px;
  background-color:#DBDBDB;
}

#left div.products {
	width:185px;
}

#left div.products .cat_title {
	width:168px;
  padding-top:4px;
	padding-left:17px;
  background-color:#002173;
  color:#ffffff;
  text-transform:uppercase;
  font-weight:none;
  font-size:12px;
  padding-bottom:6px;
}

#content {
  margin-left:40px;
  width:635px;
  display:inline;
  float:left;
}

#content_fullpage {
  width: 860px;
  display:inline;
  float:left;
}

/* menu def eleje */
ul.menu, ul.menu ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

ul.menu ul {
    visibility:hidden;
    position:absolute;
    z-index: 10000;
}

ul.menu li {
    float:left;
    cursor:pointer;
}

ul.menu li {
  margin:0px;
  padding:0px;
  height:27px;
  color:#ffffff;
  background-image: url(../images/hcc/menu_separator.gif);
  background-position:top right;
  background-repeat:no-repeat;
}

ul.menu li a, ul.menu li a:visited, ul.menu li a:active {
  display:block; 
  float:left;
  height:22px;
  padding:5px 16px 0px 16px;
  color:#ffffff;
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
}

ul.menu li a:hover {
  text-decoration:underline;
}

ul.menu li ul li {
  height:20px;
  float:none !important;
  margin:0px;
  padding:0px;
  background-image:none;
}

ul.menu li ul.submenu li a, ul.menu li ul.submenu li a:visited, ul.menu li ul.submenu li a:active {
  height:20px;
  float:none !important;
  display:block;
  white-space:nowrap; 
  margin:0px;
  padding:0px;
  padding-left:8px;
  text-align:center;
  color:#25A4FF;
  background-image: url(../images/hcc/topmenu_bg_left.gif);
  background-position:left 2px;  
  background-repeat:no-repeat;
}

ul.menu li ul.submenu li a span {
  height:17px;
  background-image: url(../images/hcc/topmenu_bg_right.gif);
  background-repeat:no-repeat;
  background-position:right 0px;
  background-repeat:no-repeat;
  padding:3px 8px 0px 0px;
  display:block;
  cursor:pointer;
}

ul.menu li ul.submenu li a:hover {
  background-image: url(../images/hcc/topmenu_bg_active_left.gif);
  color:#ffffff;
  text-decoration:none;
}

ul.menu li ul.submenu li a:hover span {
  background-image: url(../images/hcc/topmenu_bg_active_right.gif);
}

/* menu def vege */

/* browse products */
#left_menu div.browse_products {
  margin-top:5px;
  margin-left:10px;
  margin-right:10px;
  display:inline;
  float:left;
}

#left_menu ul.browse_products {
    margin:0px;
    padding:0px;
    width:162px;
    list-style-type:none;
    float:left;
}

#left_menu ul.browse_products li {
    margin-bottom:2px;
}

#left_menu ul.browse_products li.innerpage {
    float:left;
}

#left_menu ul.browse_products li a {
    outline-style:none;
    width:157px;
    height:19px;
    padding:4px 0px 0px 5px;
    color:#25A4FF;
    font-weight:bold;
  	background-image: url(../images/hcc/products_menu02.gif);
  	background-repeat: no-repeat;
  	background-position: top center;
    display:block;
}

#left_menu ul.browse_products li a.selected {
    outline-style:none;
    width:157px;
    height:19px;
    padding:4px 0px 0px 5px;
    color:#ffffff;
    font-weight:bold;
  	background-image: url(../images/hcc/products_menuactive02.gif);
  	background-repeat: no-repeat;
  	background-position: top center;
    display:block;
}

#left_menu ul.browse_products li a.innerpage {
  	background-image: url(../images/hcc/products_menu_gradient.gif) !important;
  	background-repeat: no-repeat !important;
  	background-position: top center !important;
    display:inline !important;
    float:left !important;
    height:auto !important;
    padding:4px 0px 0px 5px !important;
}

#left_menu ul.browse_products li a.selected_innerpage {
   	background-image: url(../images/hcc/products_menuactive_gradient.gif) !important;
  	background-repeat: no-repeat !important;
  	background-position: top center  !important;
    display:inline !important;
    float:left !important;
    height:auto !important;
    padding:4px 0px 0px 5px !important;
    color:#ffffff !important;
}

/* nyulos kepek */
#left_menu ul.browse_products li .browse_products_gradient {
    float:left;
    display:block !important;
}

#left_menu ul.browse_products li ul.sub {
    font-weight:bold;
    list-style-type:none;
    margin:0px;
    padding:0px;
}

#left_menu ul.browse_products li ul.sub li {
    margin-bottom:0px;
}

#left_menu ul.browse_products li ul.sub li a {
    padding:1px 0px 0px 5px;
    color:#0D2A64;
    padding-left:8px;
    font-weight:bold;
    min-height:18px;
    height:auto !important;
    height:18px;
  	background-image: none;
  	display:block;
}
#left_menu ul.browse_products li ul.sub li a.current {
    text-decoration:underline;
}
/* browse products */

/* sitemap */
#sitemap {
  width:100%;
}

#sitemap table td {
  width:33%;
}

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

.sitemap_open {
  display:inline;
  float:left;
  font-weight:bold;
  cursor:pointer;
  width:8px;
  text-align:center;
}

.sitemap_empty {
  font-size:0px;
  display:inline;
  float:left;
  cursor:pointer;
  width:8px;
  height:18px;
}

.sitemap_clse {
  display:inline;
  float:left;
  font-weight:bold;
  cursor:pointer;
  width:8px;
  text-align:center;
}
/* sitemap */

.mainmenu {
  font-weight:bold;
  border-top:1px solid #2187c9;
  border-bottom:1px solid #2187c9;
  margin:10px;
  line-height:20px;
}

.level0 {
  list-style-image:url('../images/hcc/list_nav.gif');
  list-style-position: inside;
  padding-left:10px;
  font-weight:normal;
  font-style:italic;
}

.level1 {
  padding-left:50px;
  font-weight:normal;
}

.level2 {
  padding-left:70px;
  font-weight:normal;
}

.level3 {
  padding-left:90px;
  font-weight:normal;
}

.level4 {
  padding-left:110px;
  font-weight:normal;
}
/* sitemap */

/* faq */
ol.faq li.faq {
  line-height:20px;
  margin:10px;
  list-style-position: inside;
  font-weight:bold;
  border-bottom:1px solid #e7e7e7;
}
    
ol.faq li.faq div.faq {
  font-weight:normal;
  text-align:justify;
  margin-top:10px;
  display:none;
}
/* faq */

/* header search doboz */
input.sbm_search {
    position:relative;
    aleft:-23px;
} 
input.search_term {
    border:0px solid transparent;
    font-size:11px;
    color:#012274;
    height:16px;
    padding:0px 2px 0 15px !important;
    width:95px;
}

/* */
optbanner {
  background-color:#ffffff;
  width:960px;
  height:89px;
}

.footer {
  height:18px;
  background-color:#C0D6EE;
  padding-top:2px;
  text-align:center;
}

.footer a, .footer a:visited, .footer a:active {
  font-weight:bold;
}

.footer a:hover {
  text-decoration:none;
}

.footer .separator {
  background-image: url(../images/hcc/footer_separator.gif);
  background-repeat: no-repeat;
}

/* fooldal news, events doboz */
#news_container {
  margin-top:25px;
}

#news_container .news_elem h3, #news_container .events_elem h3 {
  font-weight:bold;
  text-decoration:underline;
  margin:0px 0px 2px 0px;
  font-size:12px;
}

#news_container .news_elem p {
  margin:0px;
  padding:0px;
}

#news_container #news, #news_container #events {
  display:inline;
  float:left;
  width:303px;
  min-width:303px;
  width:expression(this.scrollWidth < 303? "303px" : "303px");
  min-height:100px;
  height:expression(this.scrollHeight < 100? "100px" : "auto");
}

#news_container #news {
  margin-right:28px;
}

#news_container #news .header, #news_container #events .header {
  width:303px;
  height:15px;  
}

#news_container .news_elem, #news_container .events_elem {
  padding:10px 13px 0px 13px;
}

#news_container .events_elem p {
  margin:0px;
  padding:0px;
}

/* news, event more link*/
div.more {
  text-align:right;
}

a.more, a.more:active, a.more:visited {
  font-weight:bold;
}

a.more:hover{
  text-decoration:underline;
}
/* news, event more link*/

.welcome_header {
  width:632;
  height:15px;
  margin-bottom:10px;
}

.welcome h3 {
  font-weight:bold;
  text-decoration:underline;
  margin:0px 0px 2px 0px;
  font-size:12px;
}

/* document pager */
.pager {
  font-weight:bold;
  font-size:12px;
  text-align:center;
  margin-bottom:10px;
}
.even {
  background-color:#dfdfdf;
}
.odd {
  background-color:#ffffff;
}

.docs_summary_elem {
  width:100%;
  margin-bottom:5px;
}

.docs_summary_header {
  padding:10px;
}

.docs_summary_header h3 {
  width:85%;
  display:inline;
  float:left;
}

/* DOCUMENT DISPLAYER */
.document-displayer {
	padding: 0px 0px 10px 0px;
}


.pbbox {
	paddging: 1px;
	float: left;
	margin-right: 2px;
	overflow: auto;
}

.pbnarrow {
	width: 185px;
}

.pbnarrow A {
	outline: 0;
}

.pbmiddle {
	width: 380px;
}

.pbwide {
	width: 635px;
}

/* xxx */
.pubvariableheight {
	min-height:370px;
	height: auto !important;
	height: 370px;
	overflow:visible !important;
}

.pbhigh {
	overflow: hidden;
	height: 230px;
}

.pbshort {
	overflow: hidden;
	height: 122px;
}

.pbothercolor {
}

.peugeot-footer {
	margin-top: 3px;
	text-align: right;
	width: 776px;
	font-size: 10px;
	color: #aaa;
	right: 10px;
}
.peugeot-footer a {
	color: #aaf;
}

.peugeot-footer a:hover {
	color: #004592;
}

.menu-tabs {
/*	width: 778px; */
	width: 100%;
	height: 27px;
/*	margin-bottom: 2px;
	margin-top: 0px;
*/
  background-color:#002173;	
}

.menu-tabs td {
	text-align: center;
}

.menu-tabs td a {
  color:#ffffff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

.menu-tabs td a:hover {
	text-decoration: none;
}

.menu-tabs td.separator {
	width: 7px;
}

.menu-tabs td.separator_active {
	width: 7px;
}

.menu-tabs td.begin {
	width: 5px;
}

#tabNav div {
	display: none;
	position: absolute;
	width: 200px;
	height: auto;
	text-align: left;
}

#tabNav div p {
	margin: 0px;
	padding: 5px;
	padding-left: 5px;
}

.breadcrumb {
	padding: 3px;
	width: 770px;
}

.breadcrumb a {
	font-weight: bold;
}

/* OPENING HOURS */
.openinghours-links {
	margin-left: 1px;
	text-align: left;
}

.openinghours-links a {
	display: block;
	width: 163px;
	height: 17px;
	overflow: hidden;

	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;

	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-top: 5px;
	margin-bottom: 1px;
}

.opening {
	width: 100%;
/*	height: 100%; */
}

.opening-inner {
	padding: 3px;
	font-family: Arial;
}

.opening .link-count-0 {
  height: 224px;
}

.opening .link-count-1 {
  height: 201px;
}

.opening .link-count-2 {
  height: 178px;
}

.opening .link-count-3 {
  height: 155px;
}

.opening p {
	margin: 0px;
	padding: 0px;
}

.opening label {
	font-weight: bold;
}

/* CONTACT US */
.car-list {
	width: 400px;
}

.contact-us-form .contact-us-button {
	font-size:11px;
	font-weight:bolder;
	text-decoration:none;
	width:80px;
	padding: 2px;
}

.contact-us-form .required {
    color:red;
}

.contact-us-form input {
	width: 300px;
}

.contact-us-form textarea {
	width: 500px;
	height: 80px;
}

.contact-us-form .label {
  width:30%;
}

.contact-us-form .checkbox {
	width: 20px !important;
}

.contact-us-header {
	width: 100%;
}

.contact-us-header .topic {
	font-size: 14px;
	font-weight: bold;
	vertical-align: bottom;
	text-align: right;
	padding-bottom: 17px;
	padding-right: 10px;
	padding-left: 30px;
	white-space: nowrap;
	width: 1px;
}

.contact-us-header .write, .contact-us-header .list {
	vertical-align: top;
	padding-top: 5px;
}

.contact-us-header .write {
	text-align: center;
}

.contact-us-header .list {
	padding-left: 20px;
	padding-right: 20px;
}

.contact-us-header .list p {
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

.mailinglist-message {
	color: #014693;
}

/* contact us distributor */

.cdist-right {
	background-color: #F8F5F0;
	border: 1px solid #003366;
	color: #999999;
	height: 350px;
	margin: 0px;
	text-align: left;
	width: 345px;
	float: left;
}

.cdist-right h1 {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	color: #003466;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.cdist-left {
	background:#27458D;
	color: #FFFFFF;
	display: inline;
	float: left;
	height: 350px;
	margin-right: 20px;
	text-align: left;
	width: 384px;
}

.cdist-left .speed-search {
	maring-top: 5px;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}

.cdist-left .aswers {
	maring-top: 20px;
	margin-left: 5px;
}

.cdist-left .select {
	margin-top: 5px;
	text-align: center;
}

.checklist {
	width: 300px;
}

.checklist label {
	margin-right: 10px;
}

/* VOTING */

.voting {
	padding: 3px;
}

.voting h1 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

.voting h2 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;

}

.voting p {
	margin: 0px;
	margin-left: 10px;
}

.voting p input {
	margin: 0px;
}

.voting p.buttons {
	text-align: right;
	margin-top: 10px;
}
.voting p.buttons input {
	background-color:#15448C;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
}

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

/* GALLERY */

.gal-table {
	width: 100%;
}

.gal-thumbs-td {
	width: 120px;
}

.gal-thumbs {
	width: 120px;
	height: 330px;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
}

.gal-thumbs .gal-image {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.gal-thumbs .gal-image img {
	padding: 1px;
	border: 1px solid #bbb;
	cursor: pointer;
}

.gal-large img {
	padding: 1px;
	border: 1px solid #bbb;
}

.gal-large {
	vertical-align: middle;
	width: 340px;
	height: 340px;
	text-align: center;
}

.gal-prev, .gal-next {
	width: 30px;
}

#optbanner .document-displayer {
  padding:0px !important;  
}