/* INDEX.PHP */
html {
  overflow: -moz-scrollbars-vertical; /* --> visar alltid scrollbar i FF */
}
body {
  background-color: #003B7F;
  margin-top: 0px;
  padding-top: 10px;
  font-family: verdana;
  font-size: 11px;
  color: #555555;
}

a {
  color: blue;
}

img {
  border: 0;
}

div {
  border: 0px solid black;
}

div.logo {
  width: 980px;
  background-color: #003B7F;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 10px;
  z-index: 0;
}

div.content {
  width: 980px;
  background-color: #FFFFFF;
  text-align: left;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

div.content div.menu {
  background-color: #003B7F;
  color: #2E93D4;
  padding-right: 7px;
  margin-top: -37px;
  float: right;
  position: relative;
  z-index: 1;
}

div.content div.menu div.tab {
  width: 105px;
  height: 18px;
  text-align: center;
  float: left;
  padding-top: 9px;
}

div.content div.menu div.tab a {
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  padding-right: 2px;
}

div.content div.menu div.tab a:hover {
  text-decoration: underline;
}

/* HOME.PHP */
div.content div.left {
  width: 700px;
  margin-left: -30px;
  float: left;
}

div.content div.left div.intro {
  text-align: center;
}

div.content div.left div.intro h1 {
  font-size: 30px;
  font-weight: normal;
  color: #003B7F;
}

div.content div.left div.intro h2 {
  margin-top: -10px;
  font-size: 20px;
  font-weight: normal;
  font-style: italic;
  color: #003B7F;
}

div.content div.left div.intro h2 a {
  text-decoration: none;
}

div.content div.left img.screenshots {
  margin-left: 160px;
}

div.content div.left div.description {
  width: 370px;
  height: 200px;
  margin-left: 160px;
  text-align: justify;
  font-size: 12px;
}

div.content div.left div.description h2 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: normal;
}

div.content div.left div.description a img.buttonStart {
  margin-top: 5px;
  margin-left: 105px;
}

div.content div.right {
  width: 220px;
	padding-top: 34px;
	padding-right: 80px;
	float: right;
}

div.content div.right div.features img.bullet {
  vertical-align: middle;
  margin-right: 5px;
}

div.content div.right div.features table.details {
  width: 215px;
  margin-top: 4px;
  padding-left: 5px;
  font-size: 11px;
}
      
div.content div.right div.features table.details tr.oddRow {
  background: #ffffff url(images/line.gif) repeat-x;
}

div.content div.right div.features table.details tr.evenRow {
  background: #ffffff url(images/line.gif) repeat-x;
}

div.content div.right div.features table.details td {
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 2px;
}

div.content div.right div.domainSearch {
  width: 220px;
  text-align: left;
} 

div.content div.right div.domainSearch form {
  margin-top: 5px;
	padding-left: 5px;
}

div.content div.right div.domainSearch form input#domainSearchText {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 150px;
  font-size: 11px;
  color: #555555;
  font-family: verdana;
}

div.content div.right div.domainSearch form select {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 11px;
  color: #555555;
  font-family: verdana;
}

div.content div.right div.domainSearch form div.submit {
  margin-top: 5px;
  text-align: center;
}

div.content div.right div.suggestions {
  width: 220px;
	padding-top: 40px;
  text-align: left;
} 

div.content div.right div.suggestions form {
  margin-top: 5px;
}

div.content div.right div.suggestions form textarea {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 220px;
  height: 110px;
  font-size: 11px;
  color: #555555;
  font-family: verdana;
}

div.content div.right div.suggestions form div.submit {
  text-align: center;
}

div.content div.right div.suggestions div.suggestionThankYou h2 {
  font-size: 22px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 5px;
}

/* ABOUT.PHP */
div.content table.about {
  font-size: 11px;
  color: #555555;
  font-family: verdana;
}

div.content table.about td {
  text-align: justify;
}

div.content table.about td.left {
  width: 30%;
}

div.content table.about td.middle {
  width: 40%;
  padding-top: 20px;
}

div.content table.about td.middle a img.buttonStartSmall {
  margin-left: 140px;
  margin-top: 10px;
}

div.content table.about td.right {
  width: 30%;
  vertical-align: top;
  text-align: center;
  padding-top: 20px;
}

div.content td.right div.bicvat {
  font-size: 9px;
}

/* PRICES.PHP */
div.content div.prices {
  text-align: justify;
  padding-top: 30px;
  padding-left: 330px;
  padding-right: 270px;
}

div.content div.prices table.subscriptions {
  width: 360px;
  margin-left: -3px;
  font-size: 11px;
  color: #555555;
  font-family: verdana;
  
}

div.content div.prices table.subscriptions td.promotionHeader {
  width: 100px;
  color: red;
  font-weight: bold;
}

div.content div.prices table.subscriptions td.period {
  width: 140px;
}

div.content div.prices table.subscriptions td.price {
  width: 120px;
  padding-left: 20px;
  /* text-decoration: line-through; */
}

div.content div.prices table.subscriptions td.promotionPrice {
  font-weight: bold;
  padding-left: 5px;
}      
        
div.content div.prices table.subscriptions tr.oddRow {
  background: #ffffff url(images/line.gif) repeat-x;
}

div.content div.prices table.subscriptions tr.evenRow {
  background: #ffffff url(images/line.gif) repeat-x;
}

div.content div.prices a img.buttonStartSmall {
  margin-top: 30px;
  margin-left: 130px;
}

/* SUPPORT.PHP */
div.content div.support {
	text-align: center; /* <center> måste läggas in direkt i html för FF */
	padding-top: 30px;
}

div.content div.support div.contact {
  width: 400px;
  text-align: right;
  margin-right: 70px;
}

div.content div.support div.contact textarea {
  width: 300px;
  height: 100px;
  vertical-align: middle;
}

div.content div.support div.contact input.email {
  width: 300px;
}

div.content div.support div.contact input.submit {
  margin-right: 120px;
}

div.content div.support div.contactThankYou {
  text-align: center;
  margin-bottom: 50px;
}

div.content div.support div.contactThankYou h2 {
  font-size: 14px;
  font-weight: bold;
}

/* LOGIN.PHP */
div.content form.login table {
  font-size: 11px;
	margin-top: 40px;
}

div.content form.login input.login {
  width: 150px;
}

/* WIZARD.PHP */
div.content form.wizard {
  padding-top: 20px;
  padding-bottom: 20px;
}

div.content form.wizard fieldset {
  width: 370px;
  font-size: 11px;
  padding-left: 10px;
  padding-bottom: 10px;
}

div.content form.wizard legend {
  color: #666666;
  font-weight: bold;
}

div.content form.wizard div.imageFrame {
	background: no-repeat url(images/imageFrameSmall.gif);
	width: 70px;
	height: 70px;
	text-align: center;
	float: left;
}

div.content form.wizard div.imageFrame a, div.imageFrameHover a {
  color: #666666;
  font-weight: normal;
  cursor: pointer;
  text-align: center;
}

div.content form.wizard img.scheme { /* Kan ej inkludera div.imageFrame för då funkar ej hover korrekt */
  border: 0px;
  margin-top: 6px;
  margin-right: 7px;
}

div.content form.wizard div.colorSchemeDiv { /* Kan ej inkludera div.imageFrame för då funkar ej hover korrekt */
  margin-left: 7px;
  cursor: pointer;
}

div.content form.wizard div#firstColorSchemeDiv { /* Kan ej inkludera div.imageFrame för då funkar ej hover korrekt */
  margin-top: 6px;
  cursor: pointer;
}

div.content form.wizard div.imageFrame:hover {
  background: no-repeat url(images/imageFrameHoverSmall.gif);
}

div.content form.wizard div.imageFrameHover { /* IE-fix */
	background: no-repeat url(images/imageFrameHoverSmall.gif);
	width: 70px;
	height: 70px;
	float: left;
}

div.content form.wizard div#blankPage {
  text-align: center;
}

div.content form.wizard div#blankPage a {
  text-decoration: none;
}

div.content form.wizard div#blankPage p {
  margin-right: 5px;
  margin-top: 16px;
  width: 60px;
  height: 60px;
}

/* roundCornersBottom */
div.content div.roundCornersBottom {
  clear: both; /* Både FF och IE behöver denna rad för att visa rundad botten */
}

div.footer {
  margin-top: 5px;
  text-align: left;
  padding-left: 970px;
  color: #cccccc;
  font-size: 9px;
}

div.footer a {
  color: #cccccc;
  text-decoration: none;
}