/* GLOBAL
************************************************/
html,
body {
height: 100%;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
a {
-webkit-transition: color .3s, background-color .3s;
transition: color 0.3s, background-color 0.3s;
text-decoration: none;
}
a:hover {
}
:focus {
outline: 0;
}
a img {
border: none;
}
img {
max-width: 100%;
}
hr {
border: solid;
border-width: 1px 0 0;
}
p {
line-height: 1.6;
margin: 0 0 0.6em;
}
ul,
ol,
dl {
margin: 0 0 0.6em 5px;
padding: 0 0 0 20px;
}
li {
margin: 0 0 5px;
}
table {
border: none;
border-spacing: 0;
border-collapse: collapse;
width: 100%;
margin: 0 0 20px;
}
th,
td {
padding: 5px;
text-align: center;
vertical-align: top;
}
th {
}
tbody th {
text-align: right;
}
.clearfloat {
clear: both;
height: 1px;
}
/* TEXT
************************************************/
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Open Sans Condensed', sans-serif;
margin: 0.8em 0 0.4em;
}
h1 {
font-size: 22px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 19px;
}
h4 {
font-size: 17px;
}
h5 {
font-size: 16px;
letter-spacing: -0.05em;
}
h6 {
font-size: 14px;
}
/* FORMS
************************************************/
fieldset {
margin: 0 0 20px;
padding: 5px;
position: relative;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #F6F4EA;
behavior:   url(/skins/PIE.php);
}
legend {
font-weight: bold;
margin: 0 5px 8px;
padding: 0 2px;
}
label {
display: inline-block;
vertical-align: top;
width: 25%;
padding-right: 1%;
text-align: right;
font-weight: bold;
line-height: 24px;
font-size: 12px;
}
input[type="text"],
input[type="password"],
select,
textarea {
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid;
padding: 1px 8px;
vertical-align: top;
min-width: 25%;
}
input[type="text"],
input[type="password"] {
height: 22px;
}
select {
padding: 2px;
}
textarea {
display: inline-block;
width: 68%;
min-height: 150px;
}
.fieldgroup {
/* container for radios and checkboxes */
display: block;
float: right;
width: 74%;
}
.fieldgroup label {
width: 32%;
text-align: left;
padding: 0;
font-weight: normal;
}
input[type="checkbox"],
input[type="radio"] {
margin: 5px 3px 0 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
a.btn {
border: none;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 1px 12px;
height: 26px;
line-height: 24px;
font-weight: bold;
font-size: 12px;
text-decoration: none;
text-align: center;
-webkit-transition: color .3s, background-color .3s;
transition: color 0.3s, background-color 0.3s;
}
a.btn {
display: inline-block;
height: 24px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
a.btn:hover {
cursor: pointer;
}
input[disabled],
button[disabled] {
cursor: default;
}
.btn-pair .left {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
-moz-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
}
.btn-pair .right {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
-moz-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
}
.btn-pair.input .left {
width: 65%;
min-width: 65%;
}
.btn-pair.input .right {
width: 35%;
}
.btn-pair input[type="text"].left,
.btn-pair input[type="password"].left,
.btn-pair select.left,
.btn-pair textarea.left {
float: left;
height: 26px;
}
input.textboxDisabled {
}
.button_add_basket.basket_added {
text-indent: -800px;
overflow: hidden;
background-image: url(../images/tick_white.png);
}
/* LAYOUT
************************************************/
#utility {
width: 100%;
font-size: 0.9em;
}
#utility:after {
content: '';
clear: both;
display: block;
height: 0;
}
#utility #session,
#utility #basket_summary {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
padding: 10px;
float: left;
}
#utility p {
margin: 0;
}
#utility #basket_summary {
text-align: right;
}
#utility #basket_summary .icon-basket {
font-size: 20px;
}
#header,
#page,
#footer1,
#footer2 {
padding: 30px 0;
clear: both;
}
#logo {
text-decoration: none;
display: block;
text-align: center;
font-size: 20px;
}
#navbar {
float: left;
width: 100%;
}
#navigation {
margin: 0;
padding: 0;
list-style: none;
}
/* css fallback */
#navigation ul {
display: none;
z-index: 12000;
}
#navigation li:hover > ul,
#navigation li.sfHover > ul {
display: block;
}
#footer1 h3 {
margin-top: 0;
}
#footer1 #quick_search {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid;
}
.cycle-slideshow {
clear: both;
}
.cycle-slide {
width: 100%;
}
.cycle-slide img {
display: block;
width: 100%;
}
.cycle-pager {
text-align: center;
font-size: 30px;
line-height: 30px;
margin: 0;
}
.cycle-pager span {
padding: 0 5px;
cursor: pointer;
}
#webcity {
text-align: right;
font-size: 11px;
}
/* CUBECART
************************************************/
#gui_message {
margin: 10px 20px;
padding: 5px 0;
border-top: 1px solid;
border-bottom: 1px solid;
}
#gui_message .gui_message-notice {
color: #479314;
}
#gui_message .gui_message-error {
color: #B92C00;
}
.required-error {
color: #B92C00;
border-color: #B92C00;
}
.product-list {
text-align: center;
}
.product-list:after {
content: '';
clear: both;
display: block;
height: 0;
}
.product-list .product {
float: left;
width: 20%;
border: 1px solid;
}
.product-list .product form {
padding: 12px;
}
.product-list .image {
position: relative;
height: 220px;
}
.product-list .image .rating {
position: absolute;
bottom: 2px;
right: 2px;
}
.product-list .title {
height: 50px;
overflow: hidden;
}
.product-list .title a {
font-size: 1.1em;
text-decoration: none;
}
.product-list button.disabled {
font-size: 10px;
padding: 1px 5px;
}
.product .price {
font-size: 1.2em;
}
.price .price_previous {
font-size: 0.9em;
text-decoration: line-through;
}
#subcategories {
margin: 20px 0;
}
#subcategories .subcategory {
float: left;
width: 98px;
margin: 0 5px 20px;
text-align: center;
font-size: 10px;
font-weight: bold;
}
#subcategories .subcategory a {
display: block;
text-decoration: none;
}
.control {
clear: both;
margin: 20px 0;
padding: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
min-height: 23px;
}
.control a {
padding: 2px 5px;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.control .sort {
float: right;
}
.control .sort:after {
content: '';
clear: both;
display: block;
height: 0;
}
.control .sort select {
}
#basket_summary .item-list {
margin: 0 0 10px;
}
#basket_summary .item-list .row {
padding: 3px 0;
}
#basket_summary .item-list .item-name {
}
#basket_summary .item-list .price {
display: block;
text-align: right;
}
#breadcrumb {
margin: 0 0 10px;
font-size: 14px;
padding: 0;
list-style: none;
}
#breadcrumb li {
display: inline;
padding: 0 5px;
border-left: 1px solid;
}
#breadcrumb li.first {
border-left: none;
}
#breadcrumb a {
text-decoration: none;
}
input.quantity {
width: 30px;
min-width: 30px !important;
text-align: right;
}
#gallery {
text-align: center;
}
#gallery .hover_zoom {
font-size: 11px;
font-style: italic;
}
.discounts_table {
max-width: 650px;
}
.rating .rating-info {
font-size: 0.9em;
font-style: italic;
}
.checkout-progress {
text-align: center;
font-size: 1.1em;
margin: 0 0 30px;
}
.checkout-progress span {
padding: 0 5px;
}
.checkout-progress a {
text-decoration: none;
}
.checkout-progress .current {
font-size: 1.2em;
}
#basket .price {
display: block;
text-align: right;
padding-right: 5px;
}
#basket .label {
display: block;
text-align: right;
font-weight: bold;
font-size: 11px;
}
#basket .row {
padding: 5px 0;
margin: 5px 0;
}
#basket .row > * {
padding: 0 4px;
}
#basket .basket_header {
font-size: 11px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#basket .basket_product {
border-top: 1px dotted;
}
#basket .basket_product:first {
border-top: none;
}
#basket .remove a {
text-decoration: none;
font-size: 18px;
}
#basket .locale {
font-size: 90%;
font-style: italic;
}
#basket .subtotal,
#basket .total {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#gateway-transfer table td {
text-align: left;
}
#orders-list .row {
padding: 10px 0;
margin: 0;
border-top: 1px dotted;
}
#orders-list .row > * {
padding: 0 4px;
}
#orders-list .order-num {
font-size: 11px;
font-weight: bold;
}
#orders-list .order-actions {
text-align: right;
}
#orders-list .order-actions a {
text-decoration: none;
}
.row.heading,
#orders-list .row.heading {
font-size: 11px;
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#share {
margin: 20px 0;
}
.review {
margin: 0 0 20px;
padding: 14px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.review .content {
margin: 0 0 10px;
}
.review .gravatar {
margin: 0 5px 5px 0;
float: left;
}
.review .author {
font-style: italic;
clear: both;
}
.rating .icon {
font-size: 1.1em;
}
.discounts_table th,
.discounts_table td {
border: 1px solid;
}
#category_image img {
max-height: 200px;
}
fieldset#captcha {
max-width: 650px;
}
/* Wide
================================================== */
@media only screen and (min-width: 1200px) {
#logo a {
padding: 30px;
}
#header,
#page,
#footer1,
#footer2 {
padding: 10px;
}
}
/* Narrow
================================================== */
@media only screen and (min-width: 651px) and (max-width: 980px) {
#header,
#page,
#footer1,
#footer2 {
padding: 20px 0;
}
input[type="text"],
input[type="password"],
select,
textarea {
min-width: 60%;
}
.product-list {
}
.product-list .product {
}
.product-list .product form {
padding: 5px;
}
.product-list .price {
height: 50px;
overflow: hidden;
}
.product-list .price .price_previous {
display: block;
}
}
/* Mobile
================================================== */
@media only screen and (max-width: 650px) {
body {
}
.mobile-home-only {
display: none;
}
.home .mobile-home-only {
display: block;
}
#logo {
text-align: center;
}
#utility .btn {
font-size: 11px;
padding: 1px 8px;
}
#header,
#page,
#footer1,
#footer2 {
padding: 20px 0;
}
#content {
margin-bottom: 20px;
}
#subcategories .subcategory {
width: 80px;
}
input[type="text"],
input[type="password"],
select,
textarea {
min-width: 60%;
}
.product-list {
text-align: left;
}
.product-list .product {
float: none;
width: auto;
margin: 0 0 10px;
}
.product-list form:after {
content: '';
clear: both;
display: block;
height: 0;
}
.product-list .image {
float: left;
margin: 0 10px 0 0;
width: 140px;
}
#basket .basket_product .remove,
#basket .basket_product .image {
width: 10%;
}
#basket .basket_product .u6 {
width: 80%;
}
#basket .basket_product .u2 {
width: 50%;
}
#basket .pricerow-label {
width: 83.3333%;
}
#basket .pricerow-price {
width: 16.6667%;
}
#footer1 #popular_products,
#footer1 #sale_products,
#footer1 #mailing_list {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid;
}
}