html, body {
margin: 0;
padding: 0;
height: 100%;
background:#d4eeef url(images/background.jpg) repeat-x 0 0;
}
body {
background:#d4eeef url(images/background.jpg) repeat-x 0 0;
font-family: Arial;
}
a:link,
a:visited
{
color:#437477;
}
.form_left{
color:#437477;
margin: 10px 0 5px 10px;
}
.form_right{
float:left;
}
.remarks{
text-align:center;
}
.remarks div{
width:460px;
margin:auto;
text-align:left;
font-size:14px;
}
.remarks div textarea{
width:460px;
height:100px;
margin-top:10px;
border:1px solid #494949;
margin-bottom:15px
}
.remarks div input.input{
float:right;
width:20px;
margin-left:20px;
}
.remarks div div.next{
text-align:right;
margin-top:10px;
}
.remarks input.next{
}
.remarks div.title{
font-size:14px;
font-weight:bold;
margin: 5px 0 0 0;
}
.radio, .radio_check{
height:20px;
padding-left:17px;
background: url(images/radio_uncheck.gif) no-repeat;
cursor:pointer;
margin: 0 0 0 20px;
}
.radio_check{
background: url(images/radio_check.gif) no-repeat;
margin: 0 0 0 20px;
}
.checkbox, .checkbox_check{
height:20px;
padding-left:19px;
background: url(images/checkbox_uncheck.gif) no-repeat;
cursor:pointer;
margin: 0 0 0 20px;
}
.checkbox_check{
background: url(images/checkbox_check.gif) no-repeat;
margin: 0 0 0 20px;
}
.latest{
width:183px;
float:left;
text-align:center
}
.latest div.text{
margin:auto;
text-align:justify;
width:160px;
}
.latest div.image{
height:130px;
}
.main div.userDetails{
float:right;
width:200px;
font-size:13px;
padding-right:10px;
color:white;
}
.step_2 .cart{
padding-top:10px;
text-align:center;
}
.step_2 .cart a{
color:white;
text-decoration:underline;
font-size:15px;
font-weight:bold;
}
.step_2 .cart div{
float:left;
margin-top:4px;
margin-left:10px;
font-weight:bold;
font-size:12px;
}
.welcome img{
float:left;
margin:20px;
}
.welcome div.text{
text-align:justify;
padding-top:20px;
padding-right:20px;
}
/*input.green_button{
border:0px;
width:140px;
height:19px;
color:white;
background:url(images/green_button.gif);
font-weight:bold;
cursor:pointer;
}*/
.step_2 div.text, .step_4 div.text{
clear:both;
width:510px;
}
.step_2 div.text div.name{
float:left;
width:125px;
font-weight:bold;
font-size:11px;
}
.step_2 div.text div.value{
float:left;
width:350px;
}
.step_2 div.left{
float:left;
padding:10px 0px;
padding-right:20px;
}
.step_2 div.text, .step_4 div.text{
padding-left:20px;
}
.step_4 div.left{
float:left;
width:110px;
}
.step_4 div.right input.input{
width:20px;
}
.green_lt_button{
border:0px;
width:25px;
height:19px;
background: url(images/green_lt_button.gif);
color:white;
cursor:pointer;
}
.price div.left{
float:left;
margin:3px 0px;
padding-left:23px;
width:300px;
}
.price div.right, .myorders div.right{
font-weight:bold;
}
.price div.right{
text-align:left;
float:right;
margin:3px 0px;
width:200px;
}
.price h3, .myorders h3{
float:left;
}
.check h3{
float:left;
padding-left:13px;
padding-right:13px;
}
.myorders h3, .myorders div#row div {
float:left;
/*width: 30%; */
padding-left:13px;
}
.myorders div#row div.clear {
float:none;
width: 0%;
padding-left:0px;
}
.myorders div#row {
display: block;
}
.price_hover, .myorders_hover{
background:#efefef;
border:1px solid white;
}
.price div.padding, .myorders div.padding{
padding-left:40px;
font-style:italic;
}
.myorders a {
color: #437477;
text-decoration: none;
}
.myorders a:hover {
text-decoration: underline;
}
.overview, .overview_active{
padding:10px 0px;
}
.overview_active{
background:#efefef;
}
#wrapper
{
padding-left: 20px;
padding-top: 20px;
}
#center {
width: 860px;
margin: 40px 0 0 -430px;
left: 50%;
position: absolute;
}
#center #header {
width: 860px;
height: 90px;
background:transparent url(images/header.jpg) repeat-x 0 0;
}
#center #header #logo {
position: absolute;
margin: 30px 0 0 20px;
}
#center #header #gegevens {
color: #6e6d6d;
float: right;
font-size: 12px;
margin: 30px 20px 0 0;
}
#center #menu #login {
float: right;
margin: 10px 20px 0 0;
width: 250px;
}
#center #menu #login_btn {
float: right;
}
#center #menu input {
border: none;
background: #000;
color: #fff;
font-size: 12px;
width: 75px;
padding:3px;
margin: 0 5px 0 0;
}
#center #menu {
width: 860px;
height: 40px;
background:#000;
}
#center #menu ul {
margin: 0 0 0 10px;
font-family: Verdana;
font-size: 12px;
}
#center #menu ul li {
float: left;
}
#center #menu ul li a:link, #center #menu ul li a:visited {
text-decoration: none;
color: #fff;
display: block;
padding: 0 8px;
height: 40px;
line-height: 38px;
float: left;
}
#center #menu ul li a:hover {
background: #6cbfc3;
color: #000;
}
#center #middle {
width: 860px;
height: 280px;
background:transparent url(images/middle.jpg) no-repeat 0 0;
}
#center #middle h1 {
color: #000;
font-size: 20px;
margin: 0 0 15px 0;
}
#center #middle p {
color: white;
font-size: 12px;
/*line-height: 24px;*/
}
#center #middle .left {
padding: 20px 0 0 20px;
width: 400px;
}
#center #middle .right {
padding: 20px 0 0 20px;
width: 400px;
float: right;
}
#center #settings {
width: 860px;
height: 40px;
background:#437477;
}
#center #settings ul {
margin: 0 0 0 10px;
font-family: Verdana;
font-size: 12px;
}
#center #settings ul li {
float: left;
}
#center #settings ul li a:link, #center #settings ul li a:visited {
text-decoration: none;
color: #fff;
display: block;
padding: 0 8px;
height: 40px;
line-height: 38px;
float: left;
}
#center #settings ul li a:hover {
background: #6cbfc3;
color: #000;
}
#center #order {
width: 860px;
height: 40px;
background:#000;
}
#center #order ul {
margin: 0 0 0 10px;
font-family: Verdana;
font-size: 12px;
}
#center #order ul li {
float: left;
}
#center #order ul li a:link, #center #order ul li a:visited {
text-decoration: none;
color: #fff;
display: block;
padding: 0 8px;
height: 40px;
line-height: 38px;
float: left;
}
#center #order ul li a:hover {
background: #6cbfc3;
color: #000;
}
#center #footer {
background: #ff;
background:transparent url(images/footer.jpg) no-repeat 0 0;
width:860px;
height: 50px;
line-height: 45px;
text-indent: 20px;
color: white;
font-size: 12px;
}
#center #footer a:link, #center #footer a:visited {
text-decoration: none;
color: white;
font-size: 12px;
}
.pricing {
font-family: "Verdana";
font-size: 11px;
color: #6cbfc3;
}
.pricing td {
text-align: center;
}
.bg {
background: #264041;
width: 70px;
}
.small {
font-size: 0px;
}
.color {
background: #264041;
}
.white {
color: #fff;
}
.middle {
background: #314a4b;
}
#content h1 {
color:#437477;
font-size: 20px;
margin: 0 0 0px 0;
padding-left: 10px;
}
#content p {
font-size: 12px;
line-height: 17px;
}
#center #content {
background: #fff;
width: 860px;
font-family: "Verdana";
font-size: 11px;
}
#content #left {
width: 300px;
position: relative;
/*margin: 0 0 0 20px;*/
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
float: left;
}
#content #fullwidth {
position: relative;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
width: 800px;
float: left;
}
#content #right {
/*margin:0 0 0 350px;*/
margin-top: 10px;
margin-bottom: 10px;
margin-left: 350px;
width: 450px;
position: relative;
}
.clear {
clear: both;
height: 20px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
} /* for IE/Mac */
img {
border: none;
margin: 0;
padding: 0;
}
#wide {
width: 860px;
height: 150px;/*background:transparent url(images/wide.jpg) no-repeat 0 0;*/
}
#pass_forgot {
margin: 5px 5px 0 730px;
font-size: 11px;
position: absolute;
}
#middle a:link, #middle a:visited {
color: #ffffff;
}
#middle a.basecolor:link, #middle a.basecolor:visited {
color: #437477;
}
#middle a:hover {
}
#middle #signup {
padding: 20px 0 0 0;
width: 230px;
text-align: center;
}
input.groovybutton {
font-size:11px;
/*font-family:Tahoma,sans-serif;*/
color:#440088;
height:18px;
background-color:#EEDDFF;
border-top-style:solid;
border-top-color:#9933FF;
border-top-width:1px;
border-bottom-style:solid;
border-bottom-color:#9933FF;
border-bottom-width:1px;
border-left-style:solid;
border-left-color:#9933FF;
border-left-width:10px;
border-right-style:solid;
border-right-color:#9933FF;
border-right-width:1px;
}
/* to make compatible with previous version */
}
/* Rule 159 of layouts/metallic/style.css */
.price_hover {
BORDER-RIGHT: white 0px solid;
BORDER-TOP: white 0px solid;
BACKGROUND: #efefef;
BORDER-LEFT: white 0px solid;
BORDER-BOTTOM: white 0px solid
}
/* Rule 51 of layouts/metallic/style.css */
.clear {
CLEAR: both;
FONT-SIZE: 1px;
LINE-HEIGHT: 1px
}
/* Rule 149 of layouts/metallic/style.css */
.price DIV.right {
FONT-WEIGHT: bold
}
/* Rule 151 of layouts/metallic/style.css */
.price DIV.right {
FLOAT: right;
MARGIN: 3px 0px;
WIDTH: 400px;
TEXT-ALIGN: left
}
/* Rule 148 of layouts/metallic/style.css */
.price DIV.left {
PADDING-LEFT: 23px;
FLOAT: left;
MARGIN: 3px 0px;
WIDTH: 400px;
}
/* Rule 12 of layouts/metallic/style.css */
H3 {
PADDING-LEFT: 13px;
FONT-SIZE: 15px;
MARGIN: 0px;
COLOR: #7fced2
}
/* Rule 152 of layouts/metallic/style.css */
.price H3 {
FLOAT: left
}
.main {
FONT-SIZE: 11px;
BACKGROUND: white;
FLOAT: left;
COLOR: black;
TEXT-ALIGN: left
}
.price DIV.padding {
PADDING-LEFT: 40px;
FONT-STYLE: italic
}
.padding {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
PADDING-TOP: 5px
}
.descriptions DIV.text {
PADDING-RIGHT: 30px;
PADDING-LEFT: 30px;
PADDING-BOTTOM: 0px;
PADDING-TOP: 0px;
TEXT-ALIGN: justify
}
/* Rule 168 of layouts/metallic/style.css */
.descriptions DIV.title {
PADDING-LEFT: 20px;
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
PADDING-TOP: 5px
}
/* Rule 179 of layouts/metallic/style.css */
.faq_separator {
FONT-SIZE: 1px;
BACKGROUND: #9f9f9f;
MARGIN: 10px 0px;
WIDTH: 100%;
LINE-HEIGHT: 1px;
HEIGHT: 3px
}
/* Rule 180 of layouts/metallic/style.css */
.faq_separator {
BACKGROUND: #afafaf;
MARGIN: 3px 0px 3px 10px;
WIDTH: 90%;
HEIGHT: 1px
}
/* Rule 178 of layouts/metallic/style.css */
.main_faq_separator {
FONT-SIZE: 1px;
BACKGROUND: #9f9f9f;
MARGIN: 10px 0px;
WIDTH: 100%;
LINE-HEIGHT: 1px;
HEIGHT: 3px
}
/* Rule 169 of layouts/metallic/style.css */
.descriptions DIV.title A {
COLOR: black;
TEXT-DECORATION: none
}
/*.descriptions H2 {
PADDING-RIGHT: 15px;
PADDING-LEFT: 15px;
FONT-WEIGHT: normal;
FONT-SIZE: 17px;
PADDING-BOTTOM: 15px;
MARGIN: 0px;
COLOR: #c61364;
PADDING-TOP: 0px}*/
/* Rule 165 of layouts/metallic/style.css */
.overview {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 10px;
PADDING-TOP: 10px
}
.text {
CLEAR: both;
WIDTH: 800px;
PADDING-LEFT: 20px;
}
/* Rule 146 of layouts/metallic/style.css */
.text DIV.right INPUT.input {
WIDTH: 20px
}
/* Rule 145 of layouts/metallic/style.css */
.text DIV.left {
FLOAT: left;
WIDTH: 110px
}
a.boldbuttons {
background: transparent url('images/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons {
color: white; /*button text color*/
}
a.boldbuttons span {
background: transparent url('images/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.boldbuttons { /* Hover state CSS */
text-decoration: underline;
}
.text div.name {
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
FLOAT: left;
WIDTH: 125px;
}
/* Rule 141 of layouts/metallic/style.css */
.text DIV.value {
FLOAT: left;
WIDTH: 650px;
}
a.boldbuttons2 {
background: transparent url('images/roundedge-blue2-left.png') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 20px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
}
a:link.boldbuttons2, a:visited.boldbuttons2, a:hover.boldbuttons2, a:active.boldbuttons2 {
color: white; /*button text color*/
}
a.boldbuttons2 span {
background: transparent url('images/roundedge-blue2-right.png') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
a:hover.boldbuttons2 { /* Hover state CSS */
text-decoration: underline;
}
.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
input.itext
{
border: 1px solid #000000;
font: bold 10px;
width:145px;
}
table.tlogin {
width: 380px;
padding: 0px;
border: none;
border: 0px solid #789DB3;
font-family: "Verdana";
font-size: 11px;
}
table.tlogin tr.top td {
padding: 0px; background-image: url(images/logintop.jpg); height: 17px; width: 380px; overflow: hidden
}
table.tlogin tr.bottom td {
padding: 0px; background-image: url(images/loginbottom.jpg); height: 17px; width: 380px; overflow: hidden
}
table.tlogin td {
border: none;
background-color: #264041;
vertical-align: middle;
padding: 0px;
/* font-weight: bold; */
color: #ffffff;
}
table.tlogin tr.special td {
border-bottom: 0px solid #ff0000;
width: 380px;
}
.logintext {
padding-left: 10px
}
.std_tekst {
list-style-type: circle;
FONT-SIZE: 12px;
}
.settings DIV.left {
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
FLOAT: left;
MARGIN-BOTTOM: 10px;
WIDTH: 200px;
MARGIN-RIGHT: 20px;
HEIGHT: 20px;
TEXT-ALIGN: right;}
table.tconfirm {
width: 100%;
padding: 0px;
border: none;
border: 1px solid #789DB3;
font-family: "Verdana";
font-size: 11px;
}
table.tconfirm td {
border: none;
background-color: #eaeaea;
vertical-align: middle;
padding: 3px;
font-weight: bold;
color: #314a4b;
}
#mainprice H1 {
padding-left: 10px
}
.title {
padding-left: 10px; font-weight: bold
}
#mainprice .left {
background-color: #264041;
}
.pricetop {
padding-bottom: 0px;
margin-bottom: 0px;
height: 21px;
background-color:#ffffff;
PADDING-LEFT: 15px;
background:transparent url(images/pricetop.jpg) no-repeat 0 0;
color:#ffffff;
PADDING-TOP: 3px;
FONT-WEIGHT: BOLD;
text-transform: uppercase
overflow: hidden;
}
.pricebottom {
background-image: url("images/pricebottom.jpg");
background-color: #ff0000;
background-position: 0px 0px;
overflow: hidden;
height: 10px;
width: 800px;
}
.priceleft {
color:#ffffff; height: 18px; background-color:#264041; width:400px; FLOAT: LEFT; overflow: hidden
}
.pricetextleft {
PADDING-LEFT: 30px;
}
.priceright {
color:#6CBFC3; height: 18px; background-color:#314A4B; width:400px; FLOAT: LEFT; overflow: hidden; display: inline
}
.pricetextright {
color:#6CBFC3; PADDING-LEFT: 30px;
}
.pricemiddle {
height: 24px; background-color:#314A4B; width:800px; FLOAT: LEFT;
}
.pricetextmiddle {
color:#ffffff; PADDING-LEFT: 15px; FONT-WEIGHT: BOLD; text-transform: uppercase; PADDING-TOP: 5px
}
.price_set {
margin: 0px; padding: 0px;
}
.bigwhite {
width:860px; background-color:#ffffff;
}
.datawhite {
width:800px; MARGIN-LEFT: 25px;
}
#homeleft {
width: 300px;
position: relative;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
float: left;
}
#homeright {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 350px;
width: 450px;
position: relative;
}
.homeimg {
width:800px; height:200px;
}
.settingsleft {
width: 150px;
position: relative;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
text-align: right;
font-weight: bold;
}
.settingsright {
margin-top: 0px;
margin-bottom: 0px;
width: 450px;
text-align: left;
display: inline;
margin-left: 10px;
overflow: hidden;
}
.settingstext {
width: 450px; display:inline; float: left; text-align: left;
}
.topleft {
width: 10px;
height: 10px;
background-image: url(images/tl.gif);
background-position: 0px 0px;
}
.topright {
width: 10px;
height: 10px;
background-image: url(images/tr.gif);
background-position: 0px 0px;
}
.bottomleft {
width: 10px;
height: 10px;
background-image: url(images/bl.gif);
background-position: 0px 0px;
}
.bottomright {
width: 10px;
height: 10px;
background-image: url(images/br.gif);
background-position: 0px 0px;
}
.logout {
width: 54px;
height: 20px;
background-image: url(images/logout.jpg);
background-position: 0px 0px;
overflow:hidden
}