/* 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{
cursor:pointer;
}
: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
************************************************/
body{padding-top:110px;}
#header,
#page,
#footer{
padding:30px 0;
clear:both;
}
#header{
position:fixed;
top:0;
width:100%;
z-index:500;
}
#header>.container:after{
clear:both;
display:block;
width:100%;
height:0;
}
#logo{
text-decoration:none;
float:left;
font-size:20px;
}
#logo img{
max-height:50px;
}

#navbar{
float:right;
font-size:16px;
}
#navbar a{
padding:5px;
float:left;
vertical-align:top;
}
#documents,
#session,
#basket_summary{
float:left;
}

#sidebar{
padding-right:50px;
}
#sidebar .box{
padding:20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin:0 0 30px;
}
#sidebar .box h3{
margin-top:0;
}
#sidebar #categories{
margin:0 0 20px;
}
#sidebar #categories #navigation{
margin:0 -20px;
}
#featured_product form:after{
clear:both;
content:"";
width:100%;
height:0;
display:block;
}
#featured_product .image{
float:left;
margin:0;
}
#featured_product .info{
float:left;
margin:0 0 10px 10px;
}

#documents ul{
padding:5px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
width:180px;
min-width:180px;
left:-28px;
}
#documents ul a{
padding:0.4em 1em;
font-size:14px;
white-space:normal;
}

#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;
}

.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;
}

.icon.circle{
font-size:1.3em;
padding:5px;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
a .icon{cursor:pointer;}


/* 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:25%;
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:8px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
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.first{border-top:none;}
#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:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.review h3{margin-top:0;}
.review h3>span{padding-left:10px;}
.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) {
#header{padding:30px 0;}
#page,
#footer{
padding:40px 0;
}
#sidebar{
padding-right:60px;
}
#sidebar .box{
margin:0 0 40px;
}
}

/* Narrow
================================================== */
@media only screen and (min-width: 651px) and (max-width: 980px) {
#header,
#page,
#footer{
padding:20px 0;
}
input[type="text"],
input[type="password"],
select,
textarea{
min-width:60%;
}
.sf-vertical{min-width:1px;}
.product-list{
}
.product-list .product{
width:33%;
}
.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;
width:100%;
}
#logo img{max-height:42px;}
#navbar{
width:245px;
margin:0 auto;
clear:both;
float:inherit;
padding-top:12px;
}
#navigation{
height:0;
overflow:hidden;
}
#navigation.open,
.home #navigation ul{
height:auto;
}
#header{padding:10px 0;}
#page{padding:20px 0}
#footer{padding:20px 0;}
#sidebar{padding: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%;
}
}