/* 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 .3s, background-color .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 .3s, background-color .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:140px;
}
.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.8em;
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:11px;
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:40px 0;
}
}

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