@import url(reset.css);

BODY {
	width: 100%;
 	margin: 0;
 	padding: 0;
	color: #71129d;
	text-align: center;
	background: #f1e3fe url(../images/css_background_body.png) repeat-x top;
}

#wrapper {
	width: 100%;
	height: 598px;
	background: transparent url(../images/css_wrapper.jpg) no-repeat top center;
	display: table;
}

BODY.intro {
	width: 100%;
 	margin: 0;
 	padding: 0;
	color: #fff;
	text-align: center;
	background: #0d0312 url(../images/css_background_body_intro.png) repeat-x top;
}

BODY.intro #wrapper {
	width: 100%;
	height: 581px;
	/*margin-top: 96px;*/
	background: transparent url(../images/css_wrapper_intro.jpg) no-repeat center 96px;
	display: table;
}

BODY.intro #header {
	width: 952px;
	height: 64px;
	text-align: center;
	background: transparent url(../images/css_logo_intro.png) no-repeat 122px;
}

BODY.intro #container {
	width: 952px;
	padding: 0;
	margin: 0 auto;
	*text-align: center;
	overflow: hidden;
}

BODY.intro #container a.enter {
  height: 32px;
  color: #fff;
  text-transform: uppercase;
  font: bolder 14px/32px Verdana, Tahoma, Helvetica, Arial;
}

BODY.intro #footer p, BODY.intro #footer a  {
  margin-top: 10px;
  color: #fff;
  line-height: 2;
  font: normal 13px Verdana, Tahoma, Helvetica, Arial;
}

BODY.intro #footer p.address {
  font-size: 12px;
  line-height: 1.5;
}

a {
	text-decoration: none;
	color: #368DC0;
}

a:link, a:visited {color: #368DC0; }

/* H */
h1 {
  font: bold 13px Verdana, Tahoma, Helvetica, Arial;
  color: #1B4377;
  margin: 0;
  padding: 0;
}

h2 {
  padding-bottom: 15px;
  font: bold 24px Times New Roman;
  color: #a65ac9;
}

h2.suits {
  padding: 15px 0;
  font: bold 24px Times New Roman;
  color: #a65ac9;
}

h2 span {
  font: normal 15px Times New Roman;
  color: #a65ac9;
}

h3 {
  padding-bottom: 15px;
  font: bold 13px Verdana, Tahoma, Helvetica, Arial;
  color: #71129d;
}

h5 {
  width: 85%;
  margin-bottom: 30px;
  margin-left: 12px;
  text-indent: -11px;
  color: #a65ac9;
  font: normal 24px Times New Roman;
}

h5.main {
  width: 100%;
  margin-top: 25px;
  margin-left: 0;
  margin-bottom: 0;
  text-indent: 0;
}

h5 span {
  margin-top: 15px;
  *margin-top: -10px;
  font: italic 17px Times New Roman;
  text-align: right;
  display: inline-block;
  float: right;
}

h6 {
  margin-bottom: 40px;
  color: #a65ac9;
  font: normal 20px Times New Roman;
  overflow: hidden;
}

h6.packet {
  margin-bottom: 0;
  font-weight: bolder;
}

h6.odd {
  color: #4b1b8d;
}

h6 a img {
  display: block;
  height: 100%;
}

h6.folap {
  margin: 20px 0;
}

h6 span {
  margin-top: 15px;
  *margin-top: -10px;
  font: italic 14px Times New Roman;
  text-align: right;
  display: inline-block;
  float: right;
}

#container {
	width: 952px;
	padding: 0;
	margin: 0 auto;
	*text-align: center;
	overflow: hidden;
}

#header {
	width: 952px;
	height: 406px;
	padding: 0;
	margin: 0;
	text-align: left;
	float: left;
	/*background: transparent url(../images/css_header.jpg) no-repeat top left;*/
}

#header a {
  margin-left: 20px;
}

#menu-container {
	width: 952px;
	height: 60px;
	margin: 0;
	color: #000;
	float: left;
	overflow: hidden;
	background: transparent url(../images/css_menu_background.jpg) no-repeat;
}

.menu-logo {
  margin-top: 5px;
  margin-right: 20px;
  float: right;
}

/*=== === === === === === === === === === */
/*=DROPDOWN MENU
=== === === === === === === === === === */
/* LEVEL ONE */
ul.dropdown {
	position: absolute;
	*position: static;
	margin: 0;
  margin-left: 13px;
	z-index: 10;
	}

ul.right {
	float: right;
	}

ul.dropdown li {
	float: left;
  padding: 0;
  margin: 0 11px;
  color: #71129d;
  line-height: 60px;
  font: bold 14px/60px Times New Roman;
  text-transform: uppercase;
  list-style-type: none;
  display: inline-block;
}

ul.dropdown a {
  color: #71129d;
  text-decoration: none;
}

ul.dropdown a:hover {
	color: #9b58ba;
}

ul.dropdown a.active {
	color: #9b58ba;
}

ul.dropdown a.extra {
	color: #e00000;
}

ul.dropdown a.active-extra, ul.dropdown a.extra:hover {
	color: #dd5858;
}

ul.dropdown li a {
	display: block;
	color: #71129d;
}

ul.dropdown li:last-child a {
	background: none;
}
/* Doesn't work in IE */
/*ul.dropdown li.hover, ul.dropdown li:hover {
	color: #71129d;
	position: relative;
}
ul.dropdown li.hover a {
	 color: #d7ccc0; 
}*/

/* LEVEL TWO */
ul.dropdown ul {
  width: 250px;
	margin-left: -15px;
	visibility: hidden;
	position: absolute;
	padding-top: 8px;
	border-left: 1px #8F56B4 solid;
	border-right: 1px #8F56B4 solid;
	border-bottom: 1px #8F56B4 solid;
	background: #f1e3fe url(../images/css_dropdown_background.png) repeat-x top right;	
}

ul.dropdown ul li {
  margin: 0 !important;
	padding: 8px 15px;
	color: #71129d;
	text-align: left;
	font: bold 14px Times New roman;
	border-bottom: 1px solid #CAA4E1;
	/*float: none;*/
}

/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {
  width: 220px;
	border-right: none;
	display: inline-block;
	color: #71129d;
	background: none;
}

ul.sub_menu li:hover {
	background-color: #8F56B4;
}

ul.sub_menu li:hover a {
	color: #fff;
}

ul.dropdown ul li:first-child {
	border-top: 1px solid #CAA4E1;
}

ul.dropdown ul li:last-child {
	border-bottom: none;
}
/* LEVEL THREE */
ul.dropdown ul ul {
	left: 265px;
	/*top: 0;*/
	padding-top: 0;
  margin-top: -28px;
	border-top: 1px #8F56B4 solid;
	background: #f1e3fe url(../images/css_dropdown2_background.png) repeat-x top right;	
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

ul.dropdown ul ul li a {
	color: #71129d !important;
}

ul.dropdown ul ul li a.active {
	color: #9b58ba !important;
}

ul.dropdown ul ul li:hover a {
	color: #fff !important;
}

#content-container {
	width: 952px;
	margin: 0;
	margin-top: 8px;
	padding: 0;
	float: left;
	overflow: hidden;
}

#menu_pos {
  padding-bottom: 5px;
  margin-bottom: 15px;
	text-transform: uppercase;
	border-bottom: 1px solid #71129d;
}

#menu_pos a {
  font-weight: normal !important;
}

#content {
	width: 672px;
	min-height: 538px;
	padding: 24px;
	margin: 0;
	font: normal 14px Verdana;
	float: left;
	text-align: left;
	border: 1px solid #caa4e1;
	background: #fff url(../images/css_content_background.jpg) repeat-x left top;
}

div#content.popup {
	border: none !important;
  min-height: 100px !important;
}

#content h4 {
  margin: 25px 0 10px;
  line-height: 1.5;
  font-size: 13px;
}

#content h4.underline {
  padding-bottom: 2px;
  border-bottom: 3px solid #F1E3FE;
}

#content h4.maptextheader {
  margin: 0;
  padding-bottom: 2px;
  border-bottom: 3px solid #F1E3FE;
}

#content h4.szalonok {
  margin: 10px 0 -5px;
  font-size: 14px;
}

#content p {
	margin: 10px 0;
  line-height: 1.7;
}

#content p.strong {
	font-weight: bold;
}

#content p.h-separator {
  margin-bottom: 30px;
	display: block;
  border-bottom: 1px dotted #71129D;
}

#content p.program {
	font-size: 0.8em;
}

/* #content h1 {
	margin: 15px 0;
  font: bold 15px Verdana;
}*/

#content .label {
  margin: 0;
  width: 90px;
  text-align: left;
  float: left;
  font-weight: bold;
  vertical-align: top;
  display: inline-block;
}

#content a {
  color: #71129d;
  font-weight: bolder;
  text-decoration: none;
}

#content a:hover {
  text-decoration: underline;
}

#content ul {
  margin: 5px 0 15px;
}

#content li {
  padding-left: 10px;
  margin-left: 20px;
  margin-bottom: 20px;
  list-style-type: disc;
  line-height: 1.7;
}

#content ol li {
  padding-left: 10px;
  margin-left: 25px;
  margin-bottom: 10px;
  list-style-type: disc;
  line-height: 1.7;
  list-style-type: decimal;
}

ul.awards {
  list-style-type: none;
}

ul.awards li {
  height: 30px;
  padding-bottom: 20px; 
  display: block;
  font-weight: bold;
}

ul.awards li img {
  margin-bottom: -20px;
  margin-left: 20px;
}

#content ul.priceserv {
  margin: 12px 0 12px;
}

#content ul.menyasszonyi-ruha li {
  margin-bottom: 0;
}

#content small {
  margin-top: -15px;
  padding-bottom: 15px;
  color: #c03232;
  font: normal 10pt verdana;
  display: block;
}

.gallery-button {
  width: 300px;
  height: 70px;
  margin: 20px 0;
  padding: 20px 0;
  color: #A36CBF !important;
  font: normal 17px verdana;
  text-shadow: 2px 2px 3px #fff;
  text-align: center;
  display: inline-block;
  background: transparent url(../images/css_gallery_button.png) no-repeat;
}

.oltony {
  height: 90px;
  padding: 10px 0;
}

a.gallery-button:hover {
  text-decoration: none !important;
}

.gallery-button span {
  text-transform: uppercase;
  font: bold 19px verdana;
}

#bottom-box {
  width: 720px;
  float: left;
}

#bottom-box .sidebar-box {
  min-height: 150px;
  margin-left: 30px;
}

#bottom-box .left-b {
  margin-left: 0;
}

#sidebar-container {
  width: 220px;
  float: right;
}

#langbox {
  width: 218px;
  padding: 10px 0 5px;
  margin-bottom: 8px;
	border: 1px solid #caa4e1;
	background-color: #eedbff;
}

#langbox a {
  width: 70px;
  padding-top: 35px;
  color: #5c2276;
  font: normal 10px verdana;
  text-align: center;
  text-transform: uppercase;
  display: inline-block
}

#langbox a.active {
  opacity: .50;
  -moz-opacity: .50;
  filter: alpha(opacity=50);  
}

#langbox .hu {
  background: transparent url(../images/css_flag_hu.png) no-repeat top center;
}

#langbox .en {
  background: transparent url(../images/css_flag_en.png) no-repeat top center;
}

#langbox .de {
  background: transparent url(../images/css_flag_de.png) no-repeat top center;
}

.sidebar-collection {
	width: 218px;
	height: 274px;
	margin: 0;
	padding: 0;
	border: 1px solid #caa4e1;	
	float: left;
}

.sidebar-box {
	width: 202px;
	padding: 14px 8px;
	margin: 0;
	margin-top: 10px;
	font: normal 11px verdana;
	border: 1px solid #caa4e1;	
	float: left;
	background-color: #eedbff;
}

.akc-banner {
	width: 218px;
	margin: 0;
	margin-top: 10px;  
	float: left;
}

.sidebar-box ul li a img {
  border: none;
}

a.discount {
  height: 150px;
  color: #d90a0a;
  text-align: left;
  /*background: #ffcdcd url(../images/css_sidebar_box_bg.jpg) no-repeat bottom right;*/
  background: transparent url(../images/css_sidebar_box_bg.jpg) no-repeat bottom right;
	border: 1px solid #d90a0a;	
  /*background: #e0c3f9 url(../images/css_sidebar_box_bg.png) no-repeat bottom right;*/
}

.discount p {
  width: 100px;
  margin-bottom: 20px;
  font-weight: bold;
}

.sidebar-box h4 {
  margin-bottom: 10px;
  line-height: 1.3;
  font-size: 13px;
}

.sidebar-box a {
  color: #71129D;
  font: normal 15px Times New Roman;
  overflow: hidden;
}

.sidebar-box p {
  line-height: 1.5;
}

.sidebar-box a.button {
  width: 201px;
  height: 32px;
  margin-top: 15px;
  color: #71129d;
  font: bold 12px/30px verdana;
  text-transform: uppercase;
  display: inline-block;
  background: transparent url(../images/css_sidebar_button.png) no-repeat;
}

.sidebar-box li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #71129D;
}

.partners li {
  padding: 0 10px 10px 10px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #71129D;
}

.sidebar-box li:last-child {
  border-bottom: none;
}

.partners li:last-child {
  padding-bottom: 0;
}

.partners {
  width: 218px;
  padding: 0;
}

.sidebar-box h6 {
  padding: 5px 0;
  margin-bottom: 10px;
  color: #fff;
  background-color: #71129d;
  font: normal 20px Times New Roman;
  overflow: hidden;
}

/* ----- popup ----------*/

#cboxContent{background:#341C3E !important;}

#popupwin {
  margin: 10px;
  color: #fff;
  font: normal 1em verdana;
}

#popupwin h1 {
  margin-bottom: 20px;
  color: #fff;
  font: normal 1.2em verdana;
}

#popupwin p {
  line-height: 1.5;
  margin-bottom: 20px;
}

#popupwin a {
  color: #fff;
  font-weight: bold;
}

/* ----- popup vége ----------*/

.collection {
	width: 218px;
	height: 274px;
  margin-top: 10px;
	background: transparent url(../images/sidebar_collection_01.jpg) no-repeat;
  float: left;
}

.man {
	background: transparent url(../images/sidebar_collection_man_01.jpg) no-repeat;
}

.subtitle {
	border-bottom: 1px solid #734605;
}

.datum {
  width: 100%;
  margin-top: -10px;
  margin-bottom: 5px;
  color: #ff9600;
	font: bolder 11px Verdana;
	display: block;
}

.highlight {
  text-align: center;
  padding: 10px;
  background-color: #E3D7C4;
  border: 1px solid #734605;
}

#gallery_container {
	width: 264px;
	height: 135px;
	padding: 0;
	text-align: left;
	margin: 0;
}

#gallery_container img {
  border: 0;
}

#gallery_text {
	width: 264px;
	height: 35px;
	*height: 40px;
	padding: 0;
	padding-top: 5px;
  color: #efe7db;
  font: normal 12px Verdana;
  text-decoration: none;
	text-align: center;
	margin: 0;
	background-color: #8A570F;
}

.contact_text {
  margin: 15px 0 15px 15px;
  text-align: left;
  display: block;
  overflow: hidden;
}

.contact_text p {
  margin: 0;
  width: 164px;
  font: normal 11px Verdana;
  text-align: left;
  float: left;
  display: block;
}

.contact_text p.other {
  margin: 0;
  width: 234px;
  font: normal 11px Verdana;
  text-align: left;
}

.contact_text .clabel {
  margin: 0;
  width: 70px;
  text-align: left;
  float: left;
  font: bold 11px Verdana;
  vertical-align: top;
  display: inline-block;
}

.contact_text a {
	color: #734605;
	text-decoration: none;
}

.contact_text a:hover {
	text-decoration: underline;
}

.contact_text ul {
  margin: 0;
  margin-bottom: 5px;
}

.contact_text li {
  margin-bottom: 7px;
  font: normal 11px Verdana;
  text-align: left;
}

.contact_text h1 {
  width: 234px;
  margin-bottom: 5px;
  text-transform: uppercase;
  font: bold 13px Verdana;
  text-align: left;
}

.contact_text h2 {
  margin-bottom: 2px;
  text-transform: uppercase;
  font: bold 11px Verdana;
  text-align: left;
}

.stitle {
  width: 100%;
  height: 36px;
  font: bolder 14px/36px Verdana;
  text-transform: uppercase;
  display: block;
	background: transparent url(../images/sidebar_title_bg.jpg) no-repeat;
}

#footer {
	width: 952px;
	padding: 10px 0 25px;
	margin: 0 auto;
	text-align: center;
	line-height: 18px;
	font: normal 11px/18px Verdana;
}

#footer a {
	color: #71129d;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#line {
  margin-bottom: 40px;
	border-bottom: 1px dotted #CAA4E1;
	display: block;
}

form {
	font: 100% verdana,arial,sans-serif; /* margin: 0; */
	width: auto;
	padding: 10px 0 10px 0;
}

form.newsletter {
	width: auto;
	margin: 7px 3px 0 0;
	*margin: 7px 15px 0 0;
	padding: 0;
	float: right;
}

form input#reset {
	margin-left: 0px; /* set margin-left back to zero on reset button (set above) */
}

form.newsletter label { 
	display: inline;  /* block float the labels to left column, set a width */
	float: left; 
	padding: 0; 
	margin: 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font: normal 11px/26px Verdana;
}

form small {
	display: block;
	margin: 5px 0; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 10px/22px;
	color: red;
	text-align: right;
}

form.newsletter input {
	margin: 4px 12px;
  float: left;
  padding: 2px 15px;
  border: 0;
  background-color: #fff;
  display: inline;
}

form input.checkbox {
	border: 0;
}

form input.hiba {
	border: red solid 1px;
	background: #fcefe8;                  
}

form.newsletter div {
	display: inline;
	float: left;
	margin: 0 15px 5px 5px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 0px;
	font-size: 11px;
}

form div.borders {
	/*border: 1px dotted gray;*/
	margin: 0px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 10px;
	font-size: 11px;
}

form.newsletter input.button {
  width: auto;
  height: 26px;
  margin: 0;
	padding: 0 12px;
	*padding: 0;
	color: #fff;
	cursor: auto;
	font: normal 10px/26px verdana;
	background: transparent url(../images/newsletter_bar_separator.png) no-repeat top left;
}

form br {
	clear: left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#buttons {
  margin: 0;
  padding: 0;
	float: left;
}

.folap-floatright {
  margin-right: -24px;
	float: right;
}

.floatright {
	float: right;
	margin: 0 0 15px 15px;
	border: 1px solid #CAA4E1;
	background-color: #F1E3FE;
	padding: 3px;
}

.floatleft {
	float: left;
	margin: 0 15px 15px 0px;
	background-color: #F1E3FE;
	border: 1px solid #CAA4E1;
	padding: 3px;
}

.nofloat {
	float: none;
	margin: 5px 0 0 0;
	/*border: 1px solid #734605;*/
	background-color: #F1E3FE;
	padding: 3px;
}

.picture {
  position: relative;
  overflow: hidden;
}

.picture strong {
  width: 100%;
  height: 100%;
  margin: -3px 0 0 -3px;
  padding: 0;
  padding-top: 100px;
  position: absolute;
  color: #fff;
  font: bolder 14px verdana;
  text-align: center;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  background-color: #66158D;
}

#mapcontainer {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 20px;
  *margin-bottom: 0;
  float: left;
}

#mapcontainer p {
	margin: 5px 0;
}

#mapcontainer a.button {
  width: 161px;
  height: 21px;
  margin-top: 5px;
  color: #71129d;
  font: bold 11px/19px verdana;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  background: transparent url(../images/css_button.png) no-repeat;
}

#mapcontainer a.button:hover {
  text-decoration: none;
}

.map {
	padding: 5px;
  float: left;
  text-align: center;
  display: inline-block;
	border: 1px solid #CAA4E1;
	background-color: #F1E3FE;
}

.sz-container {
  width: 198px;
  min-height: 265px;
	padding: 8px;
	margin: 10px 12px 0 0;
	font: normal 12px verdana;
	text-align: center;
	border: 1px solid #caa4e1;
	background-color: #F7EFFE;
  display: block;
  overflow: hidden;
  float: left;
}

#marka span.header, a.header {
  width: 676px;
  height: 48px;
  margin: 1px 0;
  display: inline-block;
	background: transparent url(../images/css_accordion_header_bg.png) no-repeat top left;
  cursor: pointer;
  float: left;
}

#marka span.header img, a.header img {
  margin: 8px 0 0 20px;
}

.modell li a {
  width: 100%;
  padding: 3px 10px;
  margin-left: -20px;
  *margin: -1px 0;
  text-decoration: none;
  text-transform: uppercase;
  font: normal 12px verdana !important;
  letter-spacing: 2px;
  border: 1px solid #EEE3F5;
  background-color: #FEFCFF;
  display: inline-block;
}

.modell li a span {
  *margin: -1px 0;
  font: normal 9px verdana !important;
  letter-spacing: 0;
  float: right;
}

.modell li a:hover, .modell li a.active {
  text-decoration: none !important;
  border: 1px solid #71129D;
  background-color: #EEE3F5;
}

div.cgallery-container {
  width: 100%;
  /*min-height: 401px;*/
  float: left;
  margin: 15px 20px 20px 0;
  *margin: 15px 20px 20px -20px;
}

div.cgallery-container ul.modell {
  width: 200px;
  float: left;
}

div.cgallery-container ul.modell li {
  list-style-type: none !important;
  padding: 0 !important;
  margin-bottom: 5px !important;
}

div.cgallery-container ul {
  width: auto;
  margin: 0;
  float: left;
}

.cgallery {
  float: right;
  margin-top: 5px;
  margin-right: 40px;
  *margin-right: 20px;
  display: inline-block;
}

.thumbs {
  width: 80px;
  float: right;
}

.thumbs img {
  border: 1px solid #CAA4E1;
}

.thumbs a {
  margin-bottom: 5px;
  background: #fff;
  opacity: 0.3;
  filter: alpha(opacity=30);
  display: inline-block;
}

.thumbs a.active {
  background: #fff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.pic {
  width: 300px;
  height: 399px;
  margin-right: 5px;
  float: right;
  border: 1px solid #CAA4E1 !important;
}

.pic a img {
  border: none;
}