@import "base.css";
@import "layouts_padding2.css";

/*************************************************************/
/* Defaults */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
	margin: 0;
}

body {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	margin: 0 auto;
	padding: 0;
	background-color: #c0c0c0;
	color: #000;
}

/*************************************************************/
/* Layout elements */

div#container {
	background-color: #383838;
	color: #ededed;
	height: auto !important;
	min-height: 100%;
	width: auto;
	max-width: 1200px;
	margin: 0 auto 0 auto;
	position: relative;
	border: none;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
	
}

div#header {
	position: relative;
	background: transparent url(../../images/header.jpg) no-repeat top right;
	height: 248px;
	width: auto;
	max-width: 100%;
	bottom: 0;
}
div.slogan {
	position: absolute;
	background: transparent url(../../images/slogan.png) no-repeat top left;
	height: 53px;
	width: 257px;
	top: 30px;
	left: 60px;
}

.breadcrumbs {
	position: absolute;
	height: 24px;
	width: auto;
	top: 222px;
	left: 10px;
	font-size: 90%;
	font-weight: bold;
	background: transparent url(../../images/darrow_e.png) no-repeat 0 0;
	padding-left: 16px;
}

.breadcrumbs ul, .breadcrumbs ul li {
	list-style-type:none;
	padding:0;
	margin:0;
  color: #efefef;
}

.breadcrumbs ul li {
	float: left;
	display: inline;
}


.breadcrumbs ul li a {
	display: block;
	background: transparent url(../../images/caret_e.png) no-repeat center right;
  color: #383838;
  text-align: center;
  text-decoration: none;
  line-height: normal;
	padding-right: 16px;
}

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

/*for displaying language selection flags in the breadcrumbs*/
.breadcrumbs-lang {
	position: absolute;
	height: 24px;
	width: auto;
	top: 219px;
	right: 10px;
	font-size: 90%;
	font-weight: bold;
	padding-right: 16px;
}

.breadcrumbs-lang ul, .breadcrumbs-lang ul li {
	list-style-type:none;
	padding:2px;
	margin:0;
  color: #efefef;
}

.breadcrumbs-lang ul li {
	float: right;
	display: inline;
}

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




div#content {
	position: relative;
	height: auto;
	min-height: 100%;
	width: auto;
	padding-bottom: 107px;
	background-color: transparent;
	font-size: 90%;
}

div#footer {
	position: absolute;
	background: transparent url(../../images/footer.jpg) no-repeat top right;
	height: 107px;
	width: 100%;
	bottom: 0;
	left: 0;
}

ul#mainTabMenu {
	position: absolute;
	top: -68px;
	left: 0;
	width: auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	ul#mainTabMenu {
		top: -67px;
	}
}

ul#mainTabMenu li {
	margin: 1px;
	cursor: pointer;
}

div.ui-tabs {
	position: relative;
	padding: 0;
	margin: 5px;
	min-height: 100%;
	height: auto;
}

div.ui-tabs .ui-widget-header {
	background-image: none;
	background-color: transparent;
	border: none;
	width: auto;
	padding: 0;
	margin: 0;
}

div.ui-tabs .ui-tabs-nav li a {
	padding: 0.39em 0.78em 0.39em 0.78em;
	font-size: 84%;
}

div.ui-tabs .ui-tabs-panel {
	padding: 0.52em;
	height: auto;
	min-height: 100%;
	position: relative;
}


/*************************************************************/
/* Base elements */
/*
h1 {
	border-bottom: 1px solid #fc8b13;
}
*/
h2 {
	border-bottom: 1px solid #1482ff;
	font-size:116%;
	color: #383838;
}

h3 {
	border-bottom: 1px solid #fc8b13;
	color: #383838;
}

h1,h2,h3 {
	/* top & bottom margin based on font size */

	/*margin: .68em 0 14px 0;	
	padding: 0.13em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	*/
	padding-bottom: 0.13em;
	margin-bottom: 0.5em;
}

dl, ul, ol {
	margin-left: 0.13em;
}


input, textarea, select {
	border: 1px solid #000;
	/* Rounded corners */
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}


/*************************************************************/
/* Form and list elements */
form dl {
	width: auto;
	font-size: 94%;
}
form dl dt {
	float: left;
	font-weight: bold;
	color: #383838;
}
form dl dd {
	margin-left: 9em;
}
form dl dt, form dl dd {
	margin-bottom: 0.39em;
}

form dl dd input.textInput, form dl dd textarea, form dl dd select {
	width: 96%;
	max-width: 96%;
	background-color: #fffaf4;
	padding: 0.13em;
	color: #000;
	border: 1px solid #aaaaaa;
}

input.button {
	background: url("../../images/ui-bg_glass_75_f2f2f2_1x400.png") repeat-x scroll 50% 50% #f2f2f2;
	border: 1px solid #aaaaaa;
	color: #383838;
	font-weight: bold;
	font-size: 90%;
	padding: 0.28em;
}

input.button:hover {
	background-color: #fc8b13;
	background-image: url("../../images/ui-bg_glass_55_fc8b13_1x400.png");
	color: #181818;
}

input.button:active {
	background-color: #383838;
	background-image: url("../../images/ui-bg_glass_30_383838_1x400.png");
	color: #ededed;
}

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

.noBullets li {
	list-style-type:none;
}

dl.openhours {
}

dl.openhours dt, dl.openhours dd{
	display: inline-block;
}

dl.openhours dt {
	width: 5em;
}


dl.labelAndValue {
	width: auto;
	font-size: 94%;
}
dl.labelAndValue dt {
	clear: left;
	float: left;
	font-weight: normal;
	color: #181818;
}
dl.labelAndValue dt {
	margin-right: 1em;
}
dl.labelAndValue dd {
	margin-left: auto;
}
dl.labelAndValue dt, dl.labelAndValue dd {
	margin-bottom: 0.39em;
}


/*************************************************************/
/* Content layout elements */
.layout-contact {
	background: transparent url(../../images/store_logo.png) no-repeat top left;
}
.layout-history {
	background: transparent url(../../images/history_logo.png) no-repeat top left;
}
.layout-store {
	background: transparent url(../../images/store_logo.png) no-repeat top left;
}
.layout-workshop {
	background: transparent url(../../images/store_logo.png) no-repeat top left;
}

.layout-m100 .col-m {
	width: 83%; /* page left padding */
	left: 16%; /* page left padding */
}



#home .layout-m72r28 .col-r p {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 1em;
}