﻿body, input[type=text], input[type=password], select, textarea, td {
    margin:0px;
    padding:0px;
    font-family:Arial, Verdana, Sans-Serif;
    font-size:11pt;
    color:#444;
}

#container {position:relative; width:100%; height:100%;}

input[type=text], input[type=password], textarea {
    width:100%;
    border:1px solid Silver;
    padding:5px 0px;    
}

h1, h2, h3, h4, h5, h6 {
    margin:0px 0px 5px 0px;
    padding:0px;
    font-family: 'Segoe UI Light', Sans-Serif, Verdana;
    font-weight:normal;
}
h1 {
    font-size:20pt;
    line-height:24pt;
}
h2 {
    font-size:20pt;
}
h3 {
    font-family: 'Segoe UI Light', Sans-Serif, Verdana;
    font-size:16pt;
    color: #555;
    margin:0;
}
h4 {
    font-size:14pt;
    color:#555;
}

.hand {
    /*font-family: 'Gochi Hand', cursive;*/
    font-family:Arial, Verdana, Sans-Serif;
    color: #444;
    /*text-shadow:1px 1px 1px #fff;*/
    margin:0 0 10px 0;
}
a {
    color: #00ccff;
    text-decoration:none;
}

ul {list-style-type:circle; margin-left:-25px;}
li {padding-bottom:10px;}

.wrapper {
    width:1000px;
    margin:0 auto;
}
#header {
    float:left;
    width:100%;
    background-color:#222;
    clear:both;
    border-bottom:5px solid #00aff0;
}
#logo {
    float:left;
    color:White;
    font-family: 'Gochi Hand', cursive;
    font-size:20pt;
    cursor:pointer;
}
#logo h1 {
    font-family: 'Gochi Hand', cursive;
    font-size:36pt;
    color: #00aff0;
    margin:13px 0 0 0;
}
#logo span {
    float:left;
    padding-left:67px;
    margin-top:-5px;
}
#main-nav {
    float:right;
    list-style:none;
    margin:0px;
}
#main-nav li {
    float:left;
    padding:30px 20px;
}
#main-nav li:hover, .selected {
    cursor:pointer;
    background-color: #00aff0; 
}
#main-nav li a {
    color:White;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12pt;
}
.price {
    font-family: 'Anton', sans-serif;
    font-size:40pt;
    margin:0;    
}
.gray {color:Silver;}
.green {color:Green;}
.orange {color:Orange;}

#price {
    float:left;
    background-color:#fff;
    min-height:300px;
    width:100%;
    clear:both;
    padding:40px 0;
    border-top:1px solid #ddd;    
}

#contact {
    float:left;
    background-color:#fff;
    background-image:url('../css/images/diamond_upholstery.png');
    min-height:300px;
    width:100%;
    clear:both;
    padding:40px 0;
    border-top:1px solid #ddd;    
}
#bubble-large {
    position:absolute;
    top:100px;
    left:0px;
    width:330px;
    height:330px;
    border-radius:165px;
    background-color:#00aff0;
    opacity:0.9;
    filter:alpha(opacity=90);
    z-index:10;
}
.pricebox1, .pricebox2, .pricebox3, .pricebox4 {
    float:left;
    width:200px;
    height:200px;
    padding:30px;
    border-radius:150px;
    box-shadow:5px 5px 10px #aaa;
    background-color:#00aff0;
    text-align:center;
    line-height:30pt;
    font-family:"Segoe UI Light", Arial, Sans-Serif;
    font-size:24pt;
    color:#fff;
}
.pricebox1 {
    background-color:#00aff0;
    margin:0 0 0 -10px;
}
.pricebox2 {
    background-color:#00cc33;
    margin:40px 0 0 -10px;
}
.pricebox3 {
    background-color:#00aff0;
    margin:-20px 0 0 -10px;
}
.pricebox4 {
    background-color:#00aff0;
    margin:30px 0 0 -10px;
    cursor:pointer;
}

#handelsbetingelser {
    display:none;
    float:left;
    background-color:#eee;
    border-top:1px solid #ddd;
    min-height:300px;
    width:100%;
    clear:both;
    padding:30px 0;
}

#handelsbetingelser p {
    color:#777;
}

.h1 {
    position:absolute;
    top:140px;
    left:70px;
    width:250px;
    margin:0px;
    color:White;
    font-size:30pt;
    font-weight:normal;
    line-height:35pt;
    font-family:"Segoe UI Light", Arial, Sans-Serif;
    z-index:11;
}
#bubble-small {
    position:absolute;
    top:240px;
    left:300px;
    width:200px;
    height:200px;
    border-radius:100px;
    background-color:#00cc33;
    z-index:11;
}
.h2 {
    position:absolute;
    top:310px;
    left:320px;
    width:160px;
    margin:0px;
    color:White;
    font-size:24pt;
    font-weight:normal;
    line-height:25pt;
    font-family:"Segoe UI Light", Arial, Sans-Serif;
    z-index:12;
}
.button, .button-gray, .ui-button {
    font-size:12px !important;
    font-family:arial, helvetica, sans-serif !important;
    padding:8px 10px !important;
    text-decoration:none;
    display:inline-block;
    font-weight:bold;
    color: #fff;
    background-color:#00aff0;
    cursor:pointer;
    border:0;
}
.button:hover, .button-gray:hover, .ui-button:hover {
    background-color:#00cc33;
}

.button-gray {
    border:1px solid #d7dada;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:12px !important;
    font-family:arial, helvetica, sans-serif !important;
    padding:10px !important;
    text-decoration:none;
    display:inline-block;
    text-shadow:1px 1px #fff !important;
    font-weight:bold;
    color: #666;
    background-color: #f4f5f5;
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
    margin-right:10px;
}
.button-gray:hover {
    border:1px solid #bfc4c4;
    background-color:#d9dddd;
    color: #666;
    background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);
}    
    
#slider {
    float:left;
    width:100%;
    height:335px;
    clear:both;
}

#slider img {
    float:right;
}

#content {
    float:left;
    background-color:#eee;
    width:100%;
    clear:both;
    padding:40px 0;
    border-top:1px solid #ddd;
    margin-top:-5px;
}
/*
#create {
    float:left;
    background-color:#fff;
    background-image:url('../css/images/grey.png');
    min-height:300px;
    width:100%;
    clear:both;
    padding:40px 0;
    border-top:1px solid #ddd;    
}
*/
#overlay {position:fixed; top:0; background-attachment:fixed; width:100%; height:100%; display:none; background-color:rgba(0, 0, 0, 0.7); z-index:99999; display:none;}
#create {background-color:#fff; z-index:999999; position:relative; top:20%; width:700px; margin:0px auto; padding:20px; font-size:12px !important;}

#close {color:#aaa; font-size:11px; float:right; cursor:pointer;}


#footer {
    float:left;
    background-color:#222;
    background-image:url('../css/images/asfalt.png');
    min-height:300px;
    width:100%;
    clear:both;
    color:#ddd;
    padding:20px 0;
    font-size:9pt;
    font-family:Verdana, Arial;
}

#footer .wrapper div {
    width:180px;
    float:left;
    margin-right:30px;
}

#footer .wrapper div .headline {
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding: 0 0 10px 0;
}

#footer .wrapper div a {
    color: #ddd !important;
}

#footer .wrapper .pages {
    float:right !important;
    width:200px;
}

.pages a {
    padding-bottom: 10px !important;
}

#login {
    position:relative;
}

#login input[type=text], #login input[type=password] {
    width:270px;
    padding:5px;
    font-size:1.3em;
    border:1px solid Silver;
    color:Silver;
    margin-bottom:10px;
}

#functions {
    margin-top:0px;
}

#functions td {
    padding:0 10px 10px 0;
}

#CreateAccount {
    /*display:none;*/
    float:left;
    background-color:#fff;
    min-height:300px;
    width:100%;
    clear:both;
    padding:40px 0;
    border-top:1px solid #ddd;
    background-image:url('../css/images/grey.png');
}

.userinfo {width:100%; padding:0px; margin:0;}
.userinfo td {padding:5px;}

.small-text {
    font-size:12px !important;
    width:100px;
}

#CreateAccount input[type=text], #CreateAccount input[type=password], #CreateAccount input[type=number] {
    width: 100% !important;
    padding: 5px;
    font-size: 1.3em;
    border: 1px solid Silver;
    color: #999;
    margin-bottom: 5px;
}

#CreateAccount #createAccountZip {width:50px !important;}
#CreateAccount #createAccountCity {width:200px !important;}

/* Dialog */
.dialog {
    font-weight:normal;
    color:#666;
    display:none;
    padding-right:20px !important;
}

.dialog table tr td {
    padding:0 20px 0 0 !important;
}

.dialog input[type=text], .dialog textarea, .dialog input[type=date], .dialog input[type=time], .dialog select {
    border:1px solid Silver;
    padding:8px;
    margin-bottom:10px;
    font-size:14px;
    color:Gray;
}

.dialog textarea {
    border:1px solid Silver;
    padding:5px 10px 5px 9px;
    margin-bottom:10px;
    font-size:14px;
    color:Gray;
}

.dialog select {
    border:1px solid Silver;
    padding:7px;
    margin-bottom:10px;
    font-size:14px;
    color:Gray;
}

/* jquery-ui */
.ui-dialog {
    padding:0 !important;
    border-radius:0 !important;
}
.ui-dialog .ui-widget-header {
    color:#333 !important;
    border:0 !important;
    background-image:none !important;
    background-color:#fff;
}
.ui-dialog .ui-corner-all {
    border-radius:0 !important;
}
.ui-button {
    background-color:#00aff0 !important;
    background-image:none !important;
    border:0 !important;
    color:#fff !important;
    text-shadow:0px !important;
}
.ui-button:hover {
    background-color:#00cc33 !important;
    background-image:none !important;
    border:0 !important;
    color:#fff !important;
    text-shadow:0px !important;
}
.ui-dialog-titlebar-close, .ui-dialog-titlebar-close:hover {
    background-color:#fff !important;
    background-image:none !important;
    border:0 !important;
    margin-right:5px !important;
}

.silverButton {
    background-color:Silver !important;
}

.silverButton:hover {
    background-color:Gray !important;
}

.star {color:#ff0000; font-size:16pt; font-family:Times New Roman; margin-top:-5px;}

#error, #contactError, .error {color:Red;}

.copyright {float:left; clear:both; margin-top:30px; color:#333;}

#create-account table {width:100% !important; border-collapse:collapse; margin:0; padding:0;}
#create-account table tr td {vertical-align:bottom !important;}
#create-account table tr td:first-child {border-right:1px solid #ccc; padding-right:32px !important; width:50% !important; vertical-align:bottom !important;}
#create-account table tr td:last-child {width:50% !important; padding-left:20px !important; vertical-align:bottom !important;}
#create-account table tr td table {width:250px !important; border-collapse:collapse; margin:0; padding:0;}
#create-account table tr td table tr td {border:0 !important; padding:0px !important;}
#create-account input[type=text], #create-account input[type=password], #create-account input[type=number], #create-account input[type=email] {
    width:250px !important;
    border:1px solid Gray !important;
    padding:5px !important;
    font-size:12pt !important;
}
#create-account #CreateZip {width:50px !important;}
#create-account #CreateCity {width:100% !important;}
._star {color:Red;}