h1 {
  margin:0 0 3px 0;
  padding:0;
  font-size:18px;
  font-weight:normal;
  clear:both;
  text-transform:uppercase;
}

h2 {
  font-weight:bold;
  margin:0 0 2px 0;
  padding:0;
  font-size:16px;
}

h3, h4 {
  font-weight:bold;
  margin:0 0 1px 0;
  padding:0;
  font-size:14px;
}

a:link, a:visited, a:active, a:hover, a:focus {
	text-decoration: underline;
	color: #000000;
}

a:link img, a:visited img, a:active img, a:hover img, a:focus img {
	border-style: none;
}

a[href $='.pdf'] {
  padding-left: 18px;
  background: url(../images/pdf_icon.gif) no-repeat center left;
  line-height: 18px;
}

a[href $='.pdf']:link, a[href $='.pdf']:active, a[href $='.pdf']:visited {
  text-decoration: none;
}

a[href $='.pdf']:hover {
  text-decoration: underline;
}

form {
  margin:0;
}

ul {
  /* TODO */
}

.clear {
  height:0;
  clear:both;
}

p {
  margin:0 0 1em;
}

.errorMessage {
  font-weight:bold;
  color:#ff0000;
}

.topAlign {
  vertical-align:top;
}


/* form elements */

select {
  border:1px solid #999999;
  padding:1px;
}

.textBox {
  border:1px solid #999999;
  padding:1px 3px 1px 3px;
	font-size:12px;
}

.textBox.amount {
  width:1em;
  text-align:right;
}

.textBox.wide {
  width:20em;
}

.textBox.error {
  border:2px solid #ff0000;
}

.button {
  background:#EEEEEE;
  padding:1px 3px 1px 3px;
  border:1px outset #999999;
}

.formSpecial {
  display:none;
}


/* basic layout */

#menu a:link, #menu a:visited, #menu a:active, #menu a:hover, #menu a:focus {
	text-decoration: none;
}

#centerWrapper {
  min-height:100%;
	margin: 0px auto;
	width: 1004px;
	background: url(../images/borderBackground.png) repeat-y;
}

#contentBody {
  position:relative;
	width: 980px;
	margin: 0px auto;
	background: #fff;
}

#clearHeader {
	height: 155px;
	background: url(../images/stripeSeparator.gif) repeat-x bottom;
	margin: 0 0 18px 0;
}

#contentMain {
	padding: 0 22px 0 19px;
}

#contentLeft {
  float:left;
  width:212px;
}


/* header */

#header {
  position:absolute;
  top:0;
  right:0;
	height: 114px;
}

#logo {
  display:block;
	height: 107px;
	width: 206px;
	float: left;
	padding: 7px 22px 0;
}

#rightHeader {
	background-color: #fff;
	height: 114px;
	width: 730px;
	float: right;
}

.linkSpan {
	display: block;
}

#operations {
	float: right;
	height: 93px;
	padding: 0 26px 0 0;
}

#operations .box {
	float: left;
	height: 93px;
	margin: 0 1px 0 6px;
	background: url(../images/operationsTabLeft.png) no-repeat top left;
	padding-left: 12px;
}

#operations  .box .content {
	height:72px;
	background: url(../images/operationsTabTile.png) repeat-x;
}

#operations .box .right {
	background: url(../images/operationsTabRight.png) no-repeat top right;
	padding-right: 12px;
}

#operations .languageList {
  padding:20px 0 0;
  margin:0;
  width:60px;
  list-style-type:none;
}

#operations .languageList li {
  float:left;
  padding:2px;
}

#operations .languageList li a, #operations .languageList img {
  display:block;
}


#operations .basket, #operations .logIn, #operations .logIn .input, #operations .logIn .buttons {
	float: left;
}

#operations .basket {
	padding: 10px 0 0 0;
}

#operations .input {
	padding: 12px 10px 0 10px;
}

#operations input.textBox {
	border: 1px solid #7d7967;
}

#operations .logIn #passwordCover {
	display: none;
}

#operations .logIn .header {
	color: #544d34;
	font-size: 17px;
	padding: 0 0 4px 2px;
}

#operations #buttonNewCustomer {
  display:inline-block;
	width: 58px;
	height: 20px;
	border: none;
	margin: 11px 0 0 0;
}

#operations #buttonLogIn {
	width: 58px;
	height: 20px;
	border: none;
	margin: 6px 0 0 0;
}

#operations .search {
	padding: 11px 0 0 0;
	text-align:right;
}

#operations .search input.textBox {
	width: 131px;
}

#operations #searchButton {
	border: none;
	margin: 6px 0 0 0;
}

.languageRowUpper {
	padding: 19px 0 0 0;
}


/* tab menu */

#tabMenu {
  position:absolute;
  bottom:0;
  right:0;
	height: 21px;
	padding: 0 24px 0 0;
	margin:0;
	list-style-type:none;
}

#tabMenu li {
	height: 21px;
	margin: 0px 2px 0px 2px;
	padding:0;
	background:#ef1c21 url(../images/tabMiddle.png) repeat-x;
	float: left;
	font-size: 12px;
	color: #fff;
}

#tabMenu .item {
  display:block;
  padding-left:6px;
	background: url(../images/tabLeft.png) no-repeat top left;
}

#tabMenu .text {
  display:block;
  height:17px;
	padding: 4px 7px 0 0;	
	min-width: 83px;
	text-align: center;
	background: url(../images/tabRight.png) no-repeat top right;
}

#tabMenu .item:link, #tabMenu .item:visited,
#tabMenu .item:hover, #tabMenu .item:active {
  color:#fff;
  text-decoration:none;
}

#tabMenu li:hover {
  background-image:url(../images/tabHoverMiddle.png);
}
#tabMenu li:hover .item {
  background-image:url(../images/tabHoverLeft.png);
}
#tabMenu li:hover .text {
  background-image:url(../images/tabHoverRight.png);
}

#tabMenu li.selected {
  background-image:none;
}
#tabMenu li.selected .item {
  background-image:url(../images/tabSelectedLeft.png);
}
#tabMenu li.selected .text {
  background-image:url(../images/tabSelectedRight.png);
}


/* left menus */

.menu {
	width: 212px;
	margin:0 0 25px 0;
	padding:0;
	background-color: #fff;
	list-style-type:none;
}

.menuSection {
	width: 212px;
	margin-bottom: 35px;
}

.menuHeader {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	padding: 0 0 6px 15px;
}

.menu li {
	text-transform: uppercase;
	font-size: 12px;
	margin: 1px;
	padding: 0;
	color: #fff;
}

.menu .item {
  display:block;
	background-color: #005dad;
}
.menu a.item:link, .menu a.item:visited {
  color: #fff;
  text-decoration:none;
}
.menu a.item:hover, .menu a.item:active {
  background:#3f91d7;
  color: #fff;
  text-decoration:none;
}
.menu li.selected .item {
  background:#3f91d7;
}

.menu .text {
  display:block;
  padding:7px 15px;
}



/* environmental info */
#environment {
	margin: 0px auto;
	width: 180px;
}

.mark {
	width: 50px;
	float: left;
	padding: 0 0 0 5px;
}


/* start page */

#contentWide {
	float: right;
	width: 690px;
	padding: 0 0 0 35px;
}

.contentWrapper {
	padding: 22px 0 0 0;
}

.companyDescription {
	float: left;
	width: 430px;
	padding: 7px 0 0 0;
}

.companyDescription p {
  font-size:16px;
  line-height:1.4em;
}

.companyDescription .text {
	width: 413px;
	padding: 3px 0 0 0;
}

.contactInformation {
	float: left;
	width: 230px;
	text-align: right;
}

#contentWide .infoBox {
	float: left;
	width: 208px;
	padding: 0 33px 0 0;
	margin-bottom:10px;
}

#contentWide .infoBox .main {
	height: 189px;
	padding: 10px 10px 0 10px;
	background: url(../images/informationBoxTile.png) repeat-x;
}

.timestamp {
	height: 20px;
}

.timestampClock {
	padding: 0px 8px 0 0;
	float: left;
}

.campaignText {
	text-align: center;
	font-weight: bold;
	font-size:15px;
}

#contentWide .infoBox h2 {
	background: #ccdff0 url(../images/mainBoxCornerRight.gif) top right no-repeat;
	height: 30px;
	color: #0061b5;
	margin:0;
	text-transform: uppercase;
	font-weight: bold;
}

#contentWide .infoBox h2 span {
  display:block;
	padding: 7px 0 0 9px;
	background: url(../images/mainBoxCornerLeft.gif) top left no-repeat;
}


/* sub page */

.contentCenter {
  float:left;
  width:448px;
}

.contentRight {
  float:right;
  width:207px;
}

.contactForm {
  width:350px;
}

.contactForm .textBox {
  width:95%;
}

.contact {
  min-height:150px;
  padding:0 10px 10px;
  margin-bottom:2em;
  background:#ccdff0;
}
.contact h2 {
  padding:7px 12px;
  margin:0 -10px;
  background:#0061b5;
  color:#fff;
  font-size:14px;
  font-weight:normal;
}
.contact table {
  width:310px;
  border-collapse:collapse;
}
.contact th, .contact td {
  padding:2px;
  border-bottom:2px solid #ccdff0;
}
.contact th {
  font-weight:bold;
  text-align:left;
  padding-top:0.7em;
}
.contact td {
  background-color:#e8f5ff;
}
.contact .number {
  text-align:right;
}


/* footer */

#footer {
	padding: 15px 0 0 20px;
	font-size: 12px;
	clear: both;
}

#footer .info {
	width: 940px;
	height: 50px;
	margin-top: 15px;
}

#footer .info .left {
	float: left;
	width: 500px;
}

#footer .info .right {
	float: right;
	width: 300px;
	text-align: right;
}

#footer .banner {
  display:block;
}



/* slideshow */

.slideshow {
  position:relative;
  width:690px;
  height:237px;
  margin:0;
  overflow:hidden;
}

.slideshow .slide {
  position:absolute;
  top:0;
  left:0;
}

.slideshow .captions {
  position:absolute;
  bottom:0;
  left:0;
  width:670px;
  height:20px;
  padding:5px 10px;
  background:url(/images/black80p.png);
  z-index:10;
  display:none;
}

.slideshow.hasCaption .captions {
  display:block;
}

.slideshow .captions .wrapper {
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
}

.slideshow .caption {
  display:block;
  position:absolute;
  top:25px;
  left:100%;
  width:371px;
  height:100px;
  padding:0 0 0 25px;
  color:#000000;
}

.slideshow .caption.current {
  left:0;
}

#buyBtn, #infoBtn {
  position:absolute;
  bottom:24px;
}
#infoBtn {
  left:23px;
}
#buyBtn {
  right:15px;
}

.slideshowCounter {
  position:absolute;
  right:55px;
  bottom:12px;
  height:15px;
  z-index:5;
}


.slideshowCounter .floatWrapper {
  display:block;
  position:relative;
  height:15px;
}

.slideshowCounter .goTo {
  float:left;
  width:15px;
  height:15px;
  margin:0 3px;
  background:url(../images/slide_marker.png) no-repeat;
}

.slideshowCounter .current {
  background:url(../images/slide_current.png) no-repeat;
}

.slideshow .corner {
  position:absolute;
  width:6px;
  height:6px;
  z-index:5;
}
.slideshow .topLeft {
  top:0;
  left:0;
  background:url(../images/corner_mask_tl.png) no-repeat top left;
}
.slideshow .topRight {
  top:0;
  right:0;
  background:url(../images/corner_mask_tr.png) no-repeat top right;
}
.slideshow .bottomLeft {
  bottom:0;
  left:0;
  background:url(../images/corner_mask_bl.png) no-repeat bottom left;
}
.slideshow .bottomRight {
  bottom:0;
  right:0;
  background:url(../images/corner_mask_br.png) no-repeat bottom right;
}

.slideshow a[href $='.pdf'] {
  padding: 0;
  background: none;
  line-height: 16px;
}
.slideshow a[href $='.pdf']:hover {
  text-decoration: none;
}