/* General styles */
html{font-size:110%;}
@media(min-width:60em){html{font-size: 100%}}
input[type='radio'] { transform: scale(2); }
body {
margin:0;
padding:0;
border:0;
width:100%;
background:#fff;
font-size:100%;
}
a {
text-decoration:none;
color:#369;
}
a:hover {
color:#fff;
background:limegreen;
text-decoration:none;
}
h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
}
p {
margin:.4em 0 .8em 0;
padding:0;
}
.purge a:hover{
text-decoration:none;
font-weight:bold;
color:black;
background:salmon;
}
.purge a{
text-decoration:none;
color:black;
background:yellow;
border: solid 1px black;
padding:0.2em;
-webkit-border-radius:0.2em;
border-radius:0.2em;
}
.btccheckout a{
text-decoration:none;
color:black;
background:gold;
border: solid 1px black;
padding:0.2em;
-webkit-border-radius:0.2em;
border-radius:0.2em;
}
.ltccheckout a{
text-decoration:none;
color:black;
background:lightgreen;
border: solid 1px black;
padding:0.2em;
-webkit-border-radius:0.2em;
border-radius:0.2em;
}
.CCcheckout a{
text-decoration:none;
color:black;
background:lightgrey;
border: solid 1px black;
padding:0.2em;
-webkit-border-radius:0.2em;
border-radius:0.2em;
}
img {
margin:10px 0 5px;
}
@-ms-viewport{
width: device-width;
}
@viewport{
width: device-width;
}
img {
max-width: 100%;
}
input, textarea {
max-width:100%
}
@font-face {
font-family: 'lobster_1.3regular';
src: url('lobster_1.3-webfont.eot');
src: url('lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
url('lobster_1.3-webfont.woff') format('woff'),
url('lobster_1.3-webfont.ttf') format('truetype'),
url('lobster_1.3-webfont.svg#lobster_1.3regular') format('svg');
font-weight: normal;
font-style: normal;
}
#header{
font-family: 'lobster_1.3regular','Verdana, sans-serif';
}
/* Header styles */
#header {
clear:both;
float:left;
width:100%;
background: #467AE3;
}
#header {
border-bottom:1px solid #000;
}
#header h1,
#header h2 {
padding:.4em 15px 0 15px;
margin:0;
color:#eee;
}
#header ul {
clear:left;
float:left;
width:100%;
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#header ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#header ul li a {
line-height:2.2em;
display:block;
float:left;
margin:0 0 0 1px;
padding:3px 10px;
text-align:center;
background:#eee;
color:#000;
text-decoration:none;
position:relative;
left:15px;
-webkit-border-top-left-radius: 0.5em;
-moz-border-top-left-radius:0.5em;
border-top-left-radius: 0.5em;
-webkit-border-top-right-radius: 0.5em;
-moz-border-top-right-radius: 0.5em;
border-top-right-radius: 0.5em;
}
#header ul li a:hover {
background:limegreen;
color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
color:#fff;
background:#000;
font-weight:bold;
}
#header ul li a span {
display:block;
}
/* 'widths' sub menu */
#layoutdims {
color:#000;
clear:both;
font-weight:bold;
background:#eee;
border-top:4px solid #000;
margin:0;
padding:6px 15px !important;
text-align:left;
}
/* column container */
.colmask {
position:relative; /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
}
.col1 p{
text-align:left;
width:60%;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 1em 0;
overflow:hidden;
}
/* Full page settings */
.fullpage {
background:#fff;
}
.fullpage .col1 {
width:96%;
left:2%;
}
.cart{
float:right;
padding-left:10px;
border-left:5px solid #000;
width:40%;
}
.cart .remove-itm, .view-cart .remove-itm{
text-decoration:none;
line-height: 8px;
border-radius: 3px;
background:crimson;
padding-right:5px;
padding-left:5px;
text-align:center;
}
.product-thumb{
padding:10px;
}
.product-thumb-blades{
float:left;
padding:10px;
max-width:25%;
}
.product-content{
}
.product-desc{
}
.product-info{
}
.product-price{
}
#banner {
width:55%;
float:left;
}
/* Footer styles */
#footer {
clear:both;
float:left;
width:100%;
border-top:1px solid #000;
}
#footer p {
padding:10px;
margin:0;
}
.products {
width: 55%;
float:left;
margin-right: 10px;
}
.product {
float:left;
width: 70%;
margin-bottom: 10px;
height: auto;
background: #F0F0F0;
padding: 10px;
border: 1px solid #DDD;
border-radius: 5px;
box-shadow: 5px 5px 5px #DDD;
}
p {
margin:.4em 0 .8em 0;
padding:0;
}
img {
margin:10px 0 5px;
}
.product .product-thumb {
padding-bottom:10px;
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
max-width:100px;
}
.product .product-content h3 {
font-size: 1.5em;
margin: 0px;
padding: 0px;
color: #707070;
}
.product .product-info {
float: right;
font-size: 13px;
font-weight: bold;
margin-top:10px;
}
.shopping-cart{
width: 30%;
float:left;
background: #F0F0F0;
padding: 10px;
border: 1px solid #DDD;
border-radius: 5px;
}
.shopping-cart h2 {
background: #E2E2E2;
padding: 4px;
font-size: 14px;
margin: -10px -10px 5px;
color: #707070;
}
.shopping-cart h3,.view-cart h3 {
font-size: 12px;
margin: 0px;
padding: 0px;
}
.shopping-cart ol{
padding: 1px 0px 0px 15px;
}
.shopping-cart .cart-itm, .view-cart .cart-itm{
border-bottom: 1px solid #DDD;
font-size: 12px;
font-family: arial;
margin-bottom: 5px;
padding-bottom: 5px;
}
.shopping-cart .remove-itm, .view-cart .remove-itm{
font-size: 14px;
float: right;
background: #D5D5D5;
padding: 4px;
line-height: 8px;
border-radius: 3px;
}
.shopping-cart .remove-itm:hover, .view-cart .remove-itm:hover{
background: #C4C4C4;
}
.shopping-cart .remove-itm a, .view-cart .remove-itm a{
color: #888;
text-shadow: 1px 1px 1px #ECECEC;
text-decoration:none;
}
.check-out-txt{
float:right;
}
/*** view cart **/
.view-cart{
width: 100%;
float:left;
background: #F0F0F0;
padding: 10px;
border: 1px solid #DDD;
border-radius: 5px;
}
.view-cart .p-price{
float: right;
margin-right: 10px;
font-size: 12px;
font-weight: bold;
}
.view-cart .product-info{width:60%;}