Body {
background-attachment: fixed;
background:#fff;
}
#bar-main {
margin-top: 0px;
margin-left: 1px;
width: 100%;
height: 40px;
background: #000040;
box-shadow: 1px 1px 1px #aaa;

}
#bar-main.fixed {
    position: fixed;
    top: 0px;
    right: 0px;
}

#bar-bottom {
margin-top: 0px;
margin-left: 1px;
width: 100%;
height: 35px;
background: #000040;
box-shadow: 1px 1px 1px #aaa;

}
#bar-bottom.fixed {
position: fixed;
bottom: 0px;
right: 0px;
}

#search {
position: Absolute;
top: -1556px;
width: 40%;
height: 21px;
left: 70px;
background: #000;
}

#go {
position: Absolute;
top: -556px;
left: 245px;
width:25px;
height: 20px;
}




#toplinks {
position: Absolute;
top: 75px;
width: 250px;

margin-left: 11px;
}


#hits {
position: Absolute;
top: 4px;
width:300px;
height: 0px;
left: -40px;
}

.onoffswitch-inner {
display: block; 
width: 275px; 
margin-top: -3000px;
-moz-transition: margin 0.3s ease-in 0s; 
-webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s; 
transition: margin 0.3s ease-in 0s;
}

.onoffswitch-checkbox:Checked +  .onoffswitch-inner {
margin-left:40px;
margin-top:-30px;
}


#onoffswitch {
position: relative;
margin-top: 70px;
margin-left: 0px;
background: #000040;
width: 100%;
box-shadow: 2px 2px 1px #bbb;

}



#bottomcontent {
position: relative;
width: 266px;
height: 1250px;
background: #5C5D86;
padding: 0px;
left: 2px;
border-radius: 0px;
}

.popular-inner {
display: block; 
width: 150px; 
margin-top: -3000px;
-moz-transition: margin 0.3s ease-in 0s; 
-webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s; 
transition: margin 0.3s ease-in 0s;
}

.popular-checkbox:checked +  .popular-inner {
margin-top: 20px;
right: 10px;
}

#popular {
position: relative;
margin-top: 660px;
left: 20px;
background: #000040;
width: 210px;
border-radius: 50px;
box-shadow: 1px 1px 1px #bbb;
}

#bottomcontent-popular {
position: relative;
width: 262px;
height: 375px;
margin-left: 2px;
margin-top: -450px;
padding: 0px;
border-radius: 5px;
box-shadow: 2px 2px 1px #000;
background: #6E80CA;
}

.name {
display: block; 
width: 150px; 
height: 5px;
background:#F8BF24;
margin-top: -500px;
padding: 10px;
border-radius: 5px;
-moz-transition: margin 0.0s ease-in 0s; 
-webkit-transition: margin 0.0s ease-in 0s;
-o-transition: margin 0.0s ease-in 0s; 
transition: margin 0.0s ease-in 0s;
}

.name-checkbox:focus +  .name {
margin-left: -5px;
margin-top: 0px;
width:250px; 
height:8px;
}

#name-input{
width: 150px;
height: 75px;
margin-top:-10px;
margin-left:60px;
}

.email {
display: block; 
width: 250px; 
height: 5px;
background: #F8BF24;
margin-top: -500px;
padding: 10px;
border-radius: 5px;
-moz-transition: margin 0.0s ease-in 0s; 
-webkit-transition: margin 0.0s ease-in 0s;
-o-transition: margin 0.0s ease-in 0s; 
transition: margin 0.0s ease-in 0s;
}

.email-checkbox:focus +  .email {
margin-left: -5px;
margin-top: 0px;
width: 280px;
height:8px;
}

#email-input{
width: 200px;
height: 40px;
margin-top: -33px;
margin-left:60px;
}

.location {
display: block; 
width: 150px; 
height: 5px;
background: #F8BF24;
margin-top: -640px;
padding: 10px;
border-radius: 5px;
-moz-transition: margin 0.0s ease-in 0s; 
-webkit-transition: margin 0.0s ease-in 0s;
-o-transition: margin 0.0s ease-in 0s; 
transition: margin 0.0s ease-in 0s;
}

.location-checkbox:focus +  .location {
margin-left: -5px;
margin-top: 0px;
width: 250px;
}

#location-input{
width: 200px;
height:30px;
margin-top: 7px;
margin-left:60px;
}



#message-input {
margin-top: 40px;
width: 200px;
height: 100px;
margin-left:60px;
}

#send-input {
margin-left: 80px;
margin-top: 150px;
width: 200px;
height: 100px;
}
#main {
position: absolute;
margin-top: 100px;
left: 10px;
width: 270px;
height: 4900px;
background: #ddd;
border-radius: 5px;
}

#main-title {
display: floating; 
width: 150px; 
height: 16px;
background: #000040;
margin-top: -45px;
margin-left: 10px;
padding: 3px;
border-radius: 10px;
}

#article {
display: floating; 
width: 200px; 
height: 1800px;
margin-top: 0px;
margin-left: 20px;
padding: 0px;
border-radius: 5px;
}



#main-rightA {
display: floating; 
width: 150px; 
height: 620px;
margin-top: 3000px;
margin-left: 50px;
padding: 5px;
border-radius: 5px;
}

#main-rightB {
display: floating; 
width: 150px; 
height: 600px;
margin-top: 1500px;
margin-left: 50px;
padding: 5px;
border-radius: 5px;
}

#main-rightC {
display: floating; 
width: 150px; 
height: 600px;
margin-top: 1040px;
margin-left: 50px;
padding: 5px;
border-radius: 5px;
}

#error {
position: absolute; 
width: 250px; 
height: 16px;
background: #eee;
margin-top: 63px;
margin-left: 3px;
padding: 3px;
border-radius: 10px;
}

#contact {
position: absolute;
margin-top: -50px;
left: -50px;

width: 270px;
height: 550px;
border-radius: 5px;
}

#contact-title {
display: floating; 
width: 150px; 
height: 16px;
background: #000040;
margin-top: 105px;
margin-left:50px;
padding: 3px;
border-radius: 10px;
}

#terms {
position: absolute;
margin-top: -50px;
left: 0px;
width: 250px;
height: 1200px;
border-radius: 5px;
padding: 20px;
}

#terms-title {
display: floating; 
width: 250px; 
height: 16px;
background: #000040;
margin-top: 85px;
margin-left: -20px;
padding: 3px;
border-radius: 10px;
}

#delivery {
position: absolute;
margin-top: 0px;
left: 0px;
width: 250px;
height: 550px;
border-radius: 5px;
padding: 20px;
}

#delivery-title {
display: floating; 
width: 250px; 
height: 16px;
background: #000040;
margin-top: 35px;
margin-left: -20px;
padding: 3px;
border-radius: 10px;
}



#link-title {
width: 270px;
height: 50px;
margin-top:50px;
}


#link-data {
width: 270px;
height: 400px;
margin-top:-10px;

}



#menud ul li a {
 
padding:0px; 
margin:0px; 
width:50px;
 
position:relative; 
float:left;
margin-top:50px;
top:150px;
}

#menu-list-title1 {
display: absolute; 
width: 200px; 
height: 20px;
background: #00061C;
margin-top: 0px;
margin-left: 10px;
padding: 5px;
border-radius: 10px;
box-shadow: 1px 1px 1px #bbb;
}

#menu-list1 {

margin-top: 0px;
margin-left: 30px;
padding: 5px;
width: 130px;
height: 300px;
border-radius: 5px;

}

#menu-list-title2 {
display: absolute; 
width: 200px; 
height: 20px;
background: #00061C;
margin-top: 230px;
margin-left: 10px;
padding: 5px;
border-radius: 10px;
box-shadow: 1px 1px 1px #bbb;
}

#menu-list2 {

margin-top: -65px;
margin-left: 30px;
padding: 5px;
width: 120px;
height: 300px; 
border-radius: 5px;

}

#menu-list-title3 {
display: absolute; 
width: 200px; 
height: 20px;
background: #00061C;
margin-top: 175px;
margin-left: 10px;
padding: 5px;
border-radius: 10px;
box-shadow: 1px 1px 1px #bbb;
}

#menu-list3 {

margin-top: -130px;
margin-left: -10px;
padding: 5px;
width: 200px;
height: 300px;
border-radius: 5px; 

}

#menu-list-title4 {
display: Relative; 
width: 200px; 
height: 20px;
background: #00061C;
margin-top: 480px;
margin-left: 10px;
padding: 5px;
border-radius: 10px;
box-shadow: 1px 1px 1px #bbb;
}

#menu-list4 {

width: 100px;
margin-top: 200px;
margin-left: 30px;
padding: 5px;
width: 120px;
height: 300px;
border-radius: 5px;

}


#home {
display: Relative; 
width: 4px; 
height: 4px;
background: #7E80CA;
margin-top: -80px;
margin-left: 4px;
padding: 10px;
border-radius: 5px;

}
#h {
display: Relative; 
width: 4px; 
height: 4px;
margin-top: -6px;
margin-left: -2px;
}

#terms-link {
display: Relative; 
width: 4px; 
height: 4px;
background: #7E80CA;
margin-top: -24px;
margin-left: 38px;
padding: 10px;
border-radius: 5px;

}

#t {
display: Relative; 
width: 4px; 
height: 4px;
margin-top: -6px;
margin-left: -2px;
}

#contact-link {
display: Relative; 
width: 4px; 
height: 4px;
background: #7E80CA;
margin-top: -24px;
margin-left: 72px;
padding: 10px;
border-radius: 5px;

}

#c {
display: Relative; 
width: 4px; 
height: 4px;
margin-top: -6px;
margin-left: -2px;
}

#delivery-link {
display: Relative; 
width: 4px; 
height: 4px;
background: #7E80CA;
margin-top: -24px;
margin-left: 106px;
padding: 10px;
border-radius: 5px;

}

#d {
display: Relative; 
width: 4px; 
height: 4px;
margin-top: -6px;
margin-left: -2px;
}

#base {
display: absolute; 
width: 10%; 
height:50px;
margin-top: -88px;
margin-left: 85px;
}

#back {
display: absolute; 
width: 35px; 
height:35px;
background: #151AE1;
border-radius: 50px;
}
#backl {
display: absolute; 
width: 90%; 
height:50px;
margin-top: 95px;
margin-left:10px;
padding: 0px;
}


input   { 
 background-color: #BBB; 
 border:2px solid #BBB;
 font-size:12px;
 color: #000;
}
textarea { 
 background-color: #BBB; 
 border:1px solid #BBB;
 font-size:14px;
 color: #000;
}
select { 
 background-color: #BBB; 
 border:1px solid #BBB;
 font-size:12px;
 color: #000;
}

h1 {
font-size: 25px;
color: #ddd;
font-weight:bold;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
padding: 0px;
font-family:"Helvetica Neue", Helvetica, Sans-serif;  
}


h2 {
font-size: 11px;
color: #ddd;
font-weight:bold;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
padding: 0px;
font-family:"Helvetica Neue", Helvetica, Sans-serif;  
}

h3 {
font-size: 14px;
color: #000;
font-weight:bold;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
padding: 0px;
font-family:"Helvetica Neue", Helvetica, Sans-serif;  
}

h4 {
font-size: 20px;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
padding: 0px;
font-family:"Helvetica Neue", Helvetica, Sans-serif;  
}

h5 {
font-size: 13px;

color: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
padding: 10px;
font-family:"Helvetica Neue", Helvetica, Sans-serif;  
}

h6 {
color: #000;
font-size:16px;
font-weight:bold;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
padding: 0px;
font-family:"Helvetica Neue", Helvetica, Sans-serif;  
}

a:link {
    color: #151637;
}


a:visited {
    color: #151637;
}


a:hover {
    color: #ddd;
}


a:active {
    color: #151637;
} 

#downloadB {

display: Relative; 
width: 150px; 
height: 15px;
background: #F8BF24;
margin-top: 0px;
margin-left: -10px;
padding: 10px;
border-radius: 20px;
box-shadow: 1px 1px 1px #aaa;
}