body {
text-align: center;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
color: #393939;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Lato', Arial, sans-serif;
z-index: 0;
}
.header {
margin-left: auto;
margin-right: auto;
max-width: 1080px;
padding-left: 40px;
padding-right: 40px;
height: 100px;
}
.header-left {
float: left;
text-align: left;
position: relative;
top: 50%;
right: 35%;
width: 33%;
}
.header-left a {
text-decoration: none;
color: #393939;
}
.header-centre {
float: left;
width: 33%;
padding-top: 10px;
}
.header-right {
float: right;
text-align: right;
position: relative;
left: 35%;
top: 50%;
width: 33%;
}
#search-icon li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
#search-icon li, #search-icon a {
height: 22px;
display: block;
}
#search {
left: -20px;
top: 30px;
width: 22px;
background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/social_spr_darkgrey.png') -220px 0;
}
#search-bar {
position: relative;
left: 150px;
bottom: 12px;
}
#basket {
background-color: #464e54;
text-decoration: none;
color: #fff;
padding: 5px 15px 5px 15px;
}
#basket:hover {
background-color: #d0b6cb;
}
.navigation li {
list-style-type: none;
display: inline;
position: relative;
top: 12px;
}
.navigation {
float: left;
width: 100%;
height: 65px;
margin: auto;
background-color: #caced5;
}
.sign-up {
color: #red;
}
.navigation a {
text-decoration: none;
color: #464e54;
padding: 20px;
}
.navigation a:hover {
color: #fff;
}
#content {
background: url("https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/bg_stock_1.jpg");
background-repeat: repeat;
position: relative;
top: 60px;
z-index: 1;
height: 500px;
}
.policy-info {
width: 60%;
margin: auto;
padding: 10px;
}
.policy-info h1 {
font-family: 'Dosis', sans-serif;
font-weight: 500;
}
.policy-1 {
float: left;
width: 33%;
}
.policy-2 {
float: left;
width: 33%;
border-left: 1px solid #d9d9d4;
border-right: 1px solid #d9d9d4;
}
.policy-3 {
float: left;
width: 33%;
}
.account {
float: left;
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.account h1 {
font-size: 36px;
font-family: 'Dosis', sans-serif;
font-weight: 400;
}
.account input {
width: 20%;
height: 40px;
text-transform: uppercase;
font-family: Lato;
font-size: 14px;
text-align: center;
color: #8a8f93;
}
#f-name {
border: 1px solid #b7b7c2;
}
#l-name {
border-left: 1px solid #b7b7c2;
border-right: 1px solid #b7b7c2;
border-bottom: 1px solid #b7b7c2;
border-top: none;
}
#email {
border-left: 1px solid #b7b7c2;
border-right: 1px solid #b7b7c2;
border-top: none;
border-bottom: none;
}
#pass-button {
background-color: #faffbd;
color: #000;
border: 1px solid #b7b7c2;
font-size: 16px;
}
#submit {
color: #fff;
background-color: #464e54;
border: 1px solid #464e54;
}
#submit:hover {
background-color: #d0b6cb;
border: 1px solid #d0b6cb;
}
.account p {
text-transform: none;
font-size: 16px;
position: relative;
bottom: 15px;
}
.account a {
text-decoration: none;
color: #464e54;
}
.account a:hover {
color: #ed008c;
}
.company-info {
float: left;
width: 100%;
margin: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.company-info span {
color: #8d99a7;
}
.company-info a {
text-decoration: none;
color: #464e54;
}
.company-info a:hover {
color: #ed008c;
}
.newsletter {
float: left;
width: 100%;
margin: auto;
}
#newsletter-email {
width: 300px;
height: 35px;
text-transform: uppercase;
font-family: Lato;
text-align: center;
color: #8a8f93;
border: 1px solid #b7b7c2;
}
#newsletter-submit {
width: 42px;
height: 40px;
background-color: #464e54;
color: #fff;
height: 40px;
text-transform: uppercase;
font-family: Lato;
text-align: center;
border: 1px solid #b7b7c2;
position: relative;
right: 5px;
}
#newsletter-submit:hover {
background-color: #d0b6cb;
border: 1px solid #d0b6cb;
}
.payment-type {
float: left;
position: relative;
right: -42%;
margin: auto;
padding-top: 40px;
padding-bottom: 20px;
}
.social-icons {
float: left;
position: relative;
right: -47%;
margin: auto;
margin-top: 15px;
margin-bottom: 15px;
}
.social-icons li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
.social-icons li, .social-icons a {
height: 22px;
display: block;
}
.social-top {
position: relative;
bottom: 17px;
right: -115px;
}
.facebook {
left: 0px;
width: 22px;
background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/social_spr_darkgrey.png') 0 0;
}
.twitter {
left: 22px;
width: 22px;
background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/social_spr_darkgrey.png') -22px 0;
}
.pinterest {
left: 44px;
width: 22px;
background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/social_spr_darkgrey.png') -66px 0;
}
.instagram {
left: 66px;
width: 22px;
background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/social_spr_darkgrey.png') -110px 0;
}
.youtube {
left: 88px;
width: 22px;
background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/social_spr_darkgrey.png') -154px 0;
}
.payment-icons {
position: relative;
}
.payment-icons li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}
.payment-icons li, .payment-icons a {
height: 32px;
display: block;
}
.paypal {
left: 0px;
width: 57px;
background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/payment_spr_grey.png') 0 0;
}
.visa {
left: 77px;
width: 44px;
background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/payment_spr_grey.png') -77px 0;
}
.mastercard {
left: 135px;
width: 45px;
background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/payment_spr_grey.png') -135px 0;
}
.amex {
left: 192px;
width: 41px;
background: url('https://cdn.shopify.com/s/files/1/0961/4500/t/2/assets/payment_spr_grey.png') -192px 0;
}