/* ## XHTML basis elements ############################ start # */
body,html {
margin:0;
padding:0;
height:100%;
}
body {
background: url(images/bg.jpg) repeat-x #f3f2f3;
}
br {
clear:both;
}
.hidden { display:none; }
div {
margin:0;
padding:0;
float:none;
width:100%;
position:relative;
}
h2 {
border-bottom:1px solid #f0efe5;
padding-bottom:10px;
margin:0;
font-size:18pt;
}
p {
margin:0;
padding: 20px 0;
}
::selection {
background:#aaa;
color:#000;
}
::-moz-selection{
background:#aaa;
color:#000;
}
/* ## XHTML basis elements ########################### end ### */
/* ## main elements ################################## start # */
#mainwrapper {
margin:0 auto;
width:860px;
}
#header {
background: url(images/logo.jpg) no-repeat transparent;
height:88px;
overflow:hidden;
float:left;
}
#index {
margin:0;
padding:0;
float:left;
width:341px;
height:88px;
}
#index a {
display:block;
width:100%;
height:100%;
text-indent:-99999px;
}
#content {
float:left;
padding-bottom:20px;
}
.column-1 {
width:100%;
}
.address {
padding:0 10px 10px 10px;
width:auto;
border:1px solid #e6e2bf;
background-color: #f0efe5;
float:left;
width:100%;
}
.address h3 { padding-top:10px; }
.address p {
padding: 5px 0;
}
.address .col {
width: 400px;
margin-right:20px;
float:left;
}
.box-1 ul {
list-style-image: url(images/bullet-3.gif);
margin:0 0 20px 20px;
padding:0;
}
/* ## main elements ################################### end ### */
/* ## navigation ###################################### start # */
.main-nav {
margin:0;
padding:0;
list-style-type: none;
height:38px;
position:absolute;
right:0;
top:35px;
width: auto;
background: url(images/menu.gif) no-repeat transparent;
background-position: 100% 0;
padding-right:10px;
}
.main-nav ul {
float:left;
height:100%;
margin:0;
padding:0 0 0 8px;
list-style-type: none;
background: url(images/menu.gif) no-repeat transparent;
}
.main-nav ul li {
line-height: 40px;
padding: 0 5px;
background: url(images/bullet.gif) no-repeat transparent;
background-position: -1000px -1000px; /*caching*/
}
.main-nav ul li, .main-nav ul li a {
float:left;
height:100%;
}
.main-nav ul li a:hover {
background: url(images/bullet.gif) no-repeat #C0AF3B;
background-position: 50% 0;
}
.article-nav {
display:block;
margin:0;
padding:0;
clear:both;
float:left;
list-style-type: none;
width:100%;
border-top:1px solid #e2e0cf;
}
.article-nav li {
float:right;
padding: 10px 0;
}
/* ## navigation ###################################### end ### */
/* ## layout elements ################################# start # */
.float-left { float:left; }
.float-right { float:right; }
.centered { text-align:center; }
.align-right { text-align:right; }
/* ## layout elements ################################# end ### */
/* ## element "boxes" ################################# start # */
.box-2, .box-3 {
width:48%;
float:left;
}
.box-2 p { padding-right:10px; }
.box-2 { border-right: 1px solid #e2e0cf; }
.box-3 { padding-left:20px; }
.box-4 {
border-top:1px solid white;
background-color: #797979;
height:auto;
float:left;
width:100%;
overflow:hidden;
}
.boxcontent {
width:840px;
height:auto;
margin: 0 auto;
}
.box-4 ul {
list-style-type:none;
margin:0;
padding:10px 0 20px 0;
float:left;
width:30%;
}
.box-4 ul.center {
padding: 10px 40px;
}
.box-4 ul li {
margin:0;
padding:0;
}
.box-4 ul li a {
padding:3px 0;
display:block;
height:100%;
width:100%;
border-top:1px solid #9a9a9a;
background: url(images/bullet-2.gif) no-repeat transparent;
background-position: 5px 50%;
text-indent:20px;
}
.feature {
border:1px solid #e6e2bf;
background-color: #f0efe5;
width:180px;
height:270px;
padding:10px;
margin-right:10px;
float:left;
}
.last { margin:0; }
.feature h4 {
padding: 5px 0;
margin:0;
}
/* ## element "boxes" ################################ end ### */
/* ## element "footer" ############################### start # */
#footer {
border-top:1px solid #8e8e8e;
clear:both;
height:95px;
width:100%;
background: repeat-x #404040;
}
/* ## element "footer" ############################### end ### */
/* ## global text styles ############################# start # */
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
color:#000;
font-size:10pt;
}
.main-nav ul li {
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#fff;
}
h2, h3 {
font-weight:normal;
color:#908e7d;
}
.box-4 h3 {
color: #f0efe5;
margin-bottom:5px;
}
.free { color: #04b800; }
#footer { color:#f0efe5; font-size:8pt; }
ul li .free {
text-indent: -99999px;
float:right;
width:23px;
height:12px;
background: url(images/free.gif) transparent no-repeat;
position: relative;
top:-18px;
right:10px;
}
/* ## global text styles ############################# end ### */
/* ## forms ########################################## start # */
fieldset {
border:none;
background-color:#f0efe5;
padding:20px;
margin: 0 auto 20px auto;
width:819px;
}
label {
float:left;
color:#908e7d;
padding:0;
width:200px;
height:25px;
line-height:35px;
}
label strong {
font-weight:normal;
font-size:15pt;
}
#label-domains { display:none; }
fieldset small {
font-style: italic;
color:#908e7d;
display:block;
clear:both;
padding-left:200px;
}
fieldset p { padding: 5px 0; }
input.input-text {
border:1px solid #e6e2bf;
background-color:#fff;
padding:5px;
width:380px;
background: url("images/input-text.png") repeat-x #fff;
}
input.input-text:hover, input.input-text:focus {
border:1px solid #908e7d;
background: none;
background-color: #fff;
}
span.input-text {
padding:5px;
float:left;
height:25px;
line-height:25px;
}
textarea { width:100%; }
input.input-submit {
font-size:15pt;
float: right;
width:auto;
}
#label-select {
float: left;
position: relative;
top:-4px;
}
#fieldset-domain {
border:none;
background-color:#f0efe5;
padding:20px;
width:auto;
margin:0;
}
#fieldset-domain p { padding:0; }
#fieldset-domain input.input-text {
width:804px;
margin:10px 0;
font-size:13pt;
}
#fieldset-domain .input-submit {
margin-bottom:5px;
}
#fieldset-domain label {
float:none;
color:#908e7d;
padding: 0 10px 0 0;
}
#fieldset-domain small {
padding-left:0;
}
#label-reqyear {
width:100%;
display:block;
padding-bottom:10px;
}
#select-domain {
position: relative;
bottom: 2px;
left:10px;
}
select.required, input.required, textarea.required {
border: 1px solid #af9d33;
}
label.required {
color:#af9d33;
font-weight:bold;
}
p.err {
width:auto;
padding:10px !important;
border:1px solid #CFCFA8;
background-color:#FFFFEF;
text-align:center;
color:red;
}
.LV_validation_message{
padding: 5px 0;
color:red;
font-size:8pt;
display:block;
clear:both;
padding-left:200px;
}
.LV_valid {
color:green;
text-indent:-999999px;
width:30px;
height:30px;
display:block;
position:absolute;
right:-10px;
margin-top: -20px;
background: url("images/accept.png") no-repeat transparent;
}
.LV_invalid {
color:red;
text-indent:-999999px;
width:30px;
height:30px;
display:block;
position:absolute;
right:-10px;
margin-top: -20px;
background: url("images/cross.png") no-repeat transparent;
}
input.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
border: 2px solid green;
margin-bottom:0px;
}
input.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
border: 2px solid red;
margin-top:0px;
}
ul.formsteps {
list-style-type: none;
width:861px;
display: block;
margin: 0 auto;
padding:0;
position: relative;
top:15px;
left:-1px;
}
ul.formsteps li {
width:265px;
height:100%;
float:left;
margin:0 0 0 1px;
padding:10px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color: #f0efe5;
}
ul.formsteps li.complete {
width:256px;
padding-right:20px;
background: url("images/accept.png") no-repeat #e5ddb6;
background-position: 95% 50%;
}
/* ## forms ########################################## end ### */
/* ## link styling ################################### start # */
a:link, a:active, a:visited {
color:#b89d00;
font-weight:normal;
text-decoration: none;
}
a:hover { color:#000; text-decoration: none; }
.main-nav ul li a:link, .main-nav ul li a:active, .main-nav ul li a:visited { color:#fff; }
.box-4 ul li a, .box-4 ul li a:hover { color:#f0efe5; }
.box-4 ul li a:hover { background-color:#8e8e8c; }
/* ## link styling ################################### end ### */
/* ## table styling ################################## end ### */
table {
border-collapse: collapse;
padding:0;
border:1px solid #DFDFC3;
}
fieldset table { width:100%; }
table thead {
background-color:#CFCFA8;
padding:0;
}
table thead tr th {
color:#fff;
text-align:left;
padding: 5px;
width:auto;
height:auto;
}
table tbody tr td {
padding:10px 5px;
background-color:#DFDFC3;
}
table tbody tr.alt td { background-color:#f0f0cf; }
table tbody tr:hover td { background-color:#FDFFEF; }
/* ## table styling ################################## end ### */