/* 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%;}