@import url(product-template.css);

body,
html {
  background-color: #e1e4e5;
  font-family: arial, verdana, sans-serif;
}

a {
  color:#003366;
  text-decoration:none;
}

a:hover { color:#4F779F }

/* ------------- Header ------------- */

#Header {
  background:white;
  width:1000px;
  height:205px;
  position:relative;
}

#Header h1 {
  background:url(/shared/images/template/head-logo.png) no-repeat left;
  font-weight:bold;
  height:31px;
  line-height:50px;
  left:15px;
  margin-top:15px;
  position:absolute;
  text-indent:275px;
  width:800px;
}

#Header h1 span { display:none; }

#Header img {
  margin-top:60px;
  border-bottom:3px solid #75BDF1;
  border-top:3px solid #75BDF1;
}

#RegionLink {
  background:url(/shared/images/template/head-links-bg.png);
  bottom:155px;
  color:#036;
  display:block;
  font-size:12px;
  font-weight:bold;
  height:17px;
  line-height:15px;
  position:absolute;
  right:227px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  width:167px;
}

#RegionLink {  }

#SearchForm {
  border-bottom:2px solid #75BDF1;
  display:block;
  height:20px;
  padding-bottom:3px;
  padding-left:3px;
  position:absolute;
  bottom:155px;
  right:40px;
  width:167px;
}

#SearchText {
  font-size:11px;
  height:17px;
  position:relative;
  top:-2px;
  width:100px;
}

input[type="submit"] {
  background:none repeat scroll 0 0 #EEEEEE;
  border:1px solid #75BDF1;
  font-size:11px;
  margin-left:5px;
  padding:0 10px;
  position:relative;
  top:-2px;
  width:50px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

input[type="text"],
textarea,
select {
  border:1px solid #75BDF1;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}


/* ------------- Content Area ------------- */
#SiteContent {
  background:url(/shared/images/template/content-bg.jpg) no-repeat bottom left white;
  border-left:12px solid #264163;
  border-right:12px solid #264163;
  margin:0 auto;
  min-height:400px;
  padding-bottom:140px;
  position:relative;
  width:1000px;
}

/* ------------- Main Menu ------------- */

#MainMenu {
  background:url(/shared/images/template/main-menu-bg.png) no-repeat bottom left;
  height:35px;
  margin-left:120px;
  margin-top:20px;
  position:relative;
  width:760px;
}

#MainMenu li,
#MainMenu a { float:left; }

#MainMenu li {
  height:100%;
  width:125px;
}

#MainMenu li:first-child { margin-left:10px; }

#MainMenu a {
  color:#036;
  font-size:13px;
  height:100%;
  line-height:30px;
  position:relative;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  top:6px;
  width:100%;
}

#MainMenu li a:hover,
.Product #MM-Item2{
  background:url(/shared/images/template/main-menu-item-bg.png);
  font-weight:bold;
}

/* ------------- Address ------------- */

#Footer {
  bottom:0;
  left:0;
  position:absolute;
  width:100%;
}

#VAT {
  color:#003366;
  font-size:10px;
  left:20px;
  position:absolute;
}

address {
  clear:both;
  display:block;
  float:none;
  left:100px;
  margin-top:30px;
  position:relative;
  width:800px;
  padding-bottom:30px;
}

#AddressMenuContainer {
  float:left;
  overflow:hidden;
  width:100%;
}

#AddressMenu {
  float:left;
  left:50%;
  position:relative;
}

#AddressMenu li {
  float:left;
  position:relative;
  right:50%;
}

#AddressMenu li a {
  float:left;
  position:relative;
  border-left:1px solid #036;
  color:#036;
  font-size:12px;
  padding:0 10px;
  text-decoration:none;
  text-transform:uppercase;
}

#AddressMenu li:first-child a { border-style: none;}

#AddressMenu li a:hover { color:#86CBFC; }


.HeaderContent800,
.FooterContent800 {
  position:relative;
  width:804px;
  height:8px;
}

.HeaderContent800 {
  background-image:url(/shared/images/template/main-content-curved-top.png);
  margin:20px auto 0 auto;
  background-position:left top;
}

.FooterContent800 {
  background-image:url(/shared/images/template/main-content-curved-bottom.png);
  margin:0 auto 20px auto;
  background-position:left bottom;
}

#Content {
  background:white;
  position:relative;
  width:760px;
  margin:0 auto;
  border-left:2px solid #75BDF1;
  border-right:2px solid #75BDF1;
  padding:20px;
}

#Content p {
  margin:10px 0;
}

h2, h3 {
  font-size:130%;
  color:#036;
  display:block;
  font-weight:bold;
  margin-bottom:10px;
}

h2 {
  text-align:center;
  margin:30px auto 20px;
  text-transform:uppercase;
}

h3 {
  font-size:115%;
  color:#75BDF1;
}

/* ----- Send to a Friend ----- */
#SendToFriendForm { width:200px; }


#SendToFriendForm p {
  clear:both;
  font-size:12px;
  margin:4px 0;
}

#SendToFriendForm input,
#SendToFriendForm textarea {
  font-size:12px;
  height:16px;
  width: 280px;
}

#SendToFriendForm textarea { height: 80px; }

#SendToFriendForm label {
  float:left;
  width:80px;
}

/* NewsletterSignupForm */
#NewsletterSignupForm label {
  float:left;
  width:150px;
}

#NewsletterSignupForm p {
  margin:4px 0;
}


.FlashPopup {
  background:#E3EFFD;
  border:4px solid #7DC0F4;
  height:520px;
  left:120px;
  padding:30px;
  position:absolute;
  top:250px;
  width:693px;
}

.FlashClose {
  background:#7DC0F4;
  border:2px solid;
  font-weight:bold;
  padding:0 5px;
  position:absolute;
  top:4px;
  left:4px;
}