/* 
vim: fdm=marker 
*/
/* {{{ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}


.topbanner {
	height: 112px;
	width: 975px;
	background-image: url('../images/header.png');
        background-color: transparent;
}
.footer {
  position:     relative;
  width:  955px;
  height: 16px;
  left:   10px;
  top:    17px;
  background-image:url('../images/footer.png');
  background-color: transparent;
  line-height: 0;
}

body {
  line-height: 1;
  color: black;
  background: #000000;
  margin-left: 0px;
  margin-right: 0px;
}

.mainframe{
  color: black;
  width: 975px;
  background: #E4E4E4;
  background-color: transparent;
  background-image:url('../images/bg-repeater.png');
  position:     absolute;
  left:   50%;
  margin-left: -487px;
}

.maincontent {
  margin: 0 0 0 238px;
}

ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
/* }}} */

body {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  background-image:url('../images/bg.gif');
  background-repeat: repeat-x;
  background-color: #56545a;
  font-size: 17px;
}

h1 {
  width: 479px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: 700;
  font-size: 1em;
  margin:   0.5em 0 0em 10px;
  /* border-bottom: 2px solid #888888; */
  
}

h2 {
  font-family: Gill sans,Verdana,Arial,Helvetica,sans-serif;
  font-size:	0.9em;
  margin:   	0.3em 0 1.5em 10px;
  color:    	#0080ff;
  font-weight: 	500;
}

h3 {
  display:  inline;
  float:        left;
  font-size:    1.0em;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight:  700;
  font-style:	italic;
  color:    	black;
  margin:   	0.5em 0 0.5em 0px;
  clear:    	left;
}

a {
  color:    #000000;
}
  h3 a {
    font-size:    0.8em;
  }

p { 
  width:    479px;
  margin:   0 0 0.5em 10px;
  font-size:    0.9em;
  line-height:  1.2em;
}

form {
  margin:   0 0 0 0px;
}

label {
  height:   20px;
  width:    200px;
  float:    left;
  clear:    both;
  margin:   0 0 0.10em 0;
}
  label.radio {
    clear:    none;
    margin:   0 0 1.0em 0.5em;
    height:   auto;
  }
  label.radio_1_line {
    clear:    none;
    margin:   0 2em 0 0.5em;
    width:    auto;
  }
span.label {
  height:   1.5em;
  width:    200px;
  float:    left;
  clear:    both;
  margin:   0 0 0.10em 0px;
}

br.divider {
  background: red;
  float:      left;
  clear:      both;
  margin:     8px 0px;
}

input {
  z-index: 20;
  height:   16px;
  width:    200px;
  float:    left;
  border: 1px solid #888888;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 1px 1px 2px #afafaf;
  -moz-border-radius: 6px;
  margin:   0 0 0.6em 0;
  padding: 2px;
}
  input.radio {
    width:    auto;
    height:   auto;
    clear:    left;
    border-style: none;
  }
  input.radio_1_line {
    width:    auto;
    height:   auto;
    clear:    none;
    border-style: none;
  }
  input.checkbox {
    width:    auto;
    height:   auto;
    clear:    none;
    border-style: none;
  }
  input.submit {
    height:   auto;
    width:    200px;
    border-width: 2px;
    margin:   0;
    padding:  2px;
    clear:    left;
  }
span.value {
  font-style:	italic;
  height:   1.5em;
  width:    200px;
  float:    left;
  margin:   0 0 0.10em 0;
}

h3.fieldset_header {
  width: 	494px;
  float:left;
  border-style: solid;
  border-color: #888888;
  border-width: 25px 0px 0px 0px;
  padding:      10px 0 0 5px;
  font-style:normal;
}
fieldset {
  width: 	479px;
  font-size:	0.8em;
  margin:   	0 0 15px 0;
  padding:  	10px 10px;
  clear:        both;
  overflow: hidden;
}
  fieldset.ie_fixed_fieldset_top {
    margin-bottom:  0px;
  }
  fieldset.ie_fixed_fieldset_bottom {
    border-width: 0px;
  }
  fieldset.submit, div.submit {
    border-width: 0px;
    clear:  	both;
  }
  fieldset p {
    margin-left: 0;
  }

legend {
  margin:       0;
  padding: 	0;
  padding:      5px;
  height:       15px;
  font-size:    1.0em;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: 	700;
  color:    	black;
}

div.column_left, div.column_right {
  width:    630px;
  float:    left;
  margin:   0 0.5em 0 0;
}
  div.column_right {
    width:  auto;
  }

div.field_help {
  font-size: 0.8em;
  color:    #555555;
  margin:   0 0 1em 0;
  font-style: italic;
 clear: both;
  margin:   0 0 0 200px;
  width:    200px;
}
.fieldWithErrors {
  display:  inline;
}
div#domain_preview {
  font-size: 0.8em;
  margin:   0.5em 0 0 200px;
  color:    #555555;
  font-style: italic;
}

.domain_name_preview {
  font-size: 1.3em;
  font-weight: 700;  
  color:  black;
  }

div.yacaph {
  display:  inline;
  float:    left;
  margin:   0em 0 0 0px;

}
  div.yacaph label {
    float:    left;
    clear:    both;
    width:    400px;
  }

  div.yacaph input {
    float:    left;
    clear:    both;
}

  div.yacaph img {
    float:  left;
    clear:  left;
    border: 1px solid black;
  }

div.submit .field_error {
  display:  inline;
  float:    left;
  clear:    left;
  margin-left: 0px;
}

div.terms_of_service {
  display:  inline;
  float:    left;
  margin:   1.0em 0 0px 0px;
  clear:    left;
}
  div.terms_of_service label {
    width: auto;
    clear:  none;
  }
  div.terms_of_service input {
    width: auto;
    clear:  none;
    margin: 0 1em 0 0;
    border-style: none;
  }
  div.terms_of_service .field_error {
    clear:  left;
    margin: 0;
  }
span.radio_help {
  float:    left;
  clear:    both;
  font-size: 0.8em;
  color:    #0080FF;
  line-height: 1.3em;
}

.fieldWithErrors input {
  border:   1px solid red;
  -webkit-box-shadow: 1px 1px 8px #afafaf;
}

span.product_name {
  color:    #111111;
}

div.field_error {
  color:    red;
  font-style: italic;
  font-size: 0.8em;
  float:    left;
  height:   auto;
  width:    200px;
  margin:   0.1em 0 0 1em;
  margin-top: -4px;
  margin-left: 200px;
  margin-bottom: 6px;
  clear:    both;
}

table.pricing {
  margin:     1em 0 0 0;
  font-size:  0.9em;
  border-collapse: collapse;
}
  .pricing th.header {
    font-weight:  700;
    padding: 0.5em;
    text-align:   right;
    background:   #eaeaea;
  }
  .pricing td {
    padding:  0.5em;
    text-align:   left;
  }
  .pricing td.price {
    font-size:  0.9em;
    font-style: plain;
    text-align:   right;
  }
  .pricing td.name {
    font-weight:  700;
  }

ul.inline-list {
  list-style: disc;
  margin:   0 0 0.5em 40px
}
  ul li {
    font-size: 0.8em;
    line-height:  1.8em;
  }


.sideTip {
  position: absolute;
  padding:  10px;
  left: 737px;
  top: 200px;
  width:      208px;
  font-size:  11px;
  color: #555555;
  border-color: #888888;
  border-style: solid;
  border-width: 25px 0 0;
  line-height:  14px;
  text-align:justify;
}
  .sideTip strong {
    font-weight: 700;
  }