/* !Common Styles */
@charset "utf-8";

/* reset
******************************************/
*{padding:0;margin:0;}


/* global
************************************/
body{
font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif;
font-size:12px;
color:#5f5f5f;
background:#63D1F4;
}

img{
max-width:100%;
}

a, a:link{
text-decoration:none;
}
a:visited{}
a:hover{}
a img{
border:none;
}
:focus{
outline:0;
}

p{
line-height:1.6;
margin:0 0 12px;
}

ul{
margin:0 0 0.6em 1.2em;
}
ol{
margin:0 0 0.6em 1.8em;
}
li{
padding:2px 0;
}
hr{
height:1px;
border:none;
background:#393633;
margin:5px 0 10px;
}

h1,
h2,
h3,
h4,
h5,
h6{
margin:0 0 0.8em;
letter-spacing:-0.1px;
}
h1{
font-size:28px;
font-weight:normal;
font-family:"Union",Georgia,'Times','Times New Roman',sans-serif;
padding:0 0 5px;
border-bottom:1px dotted #dedede;
}
h2{
font-size:18px;
font-weight:normal;
}
h3{
font-size:18px;
}
h4{
font-size:18px;
font-weight:normal;
}
h5{
font-size:16px;
font-weight:normal;
}
h6{
font-size:14px;
}

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

/* forms
************************************/
input,
select,
textarea,
button{
font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Verdana,"Verdana Ref",sans-serif;
}
fieldset{
margin:0 0 20px;
padding:5px;
position:relative;
border:1px solid #cbcbcb;
}
legend{
font-weight:bold;
margin:0 5px 8px;
padding:0 2px;
}
label,
.label{
display:inline-block;
vertical-align:top;
width:22%;
padding-right:1%;
text-align:right;
font-weight:bold;
}
label span{
font-weight:normal;
font-size:10px;
display:block;

}
input[type="text"],
input[type="password"],
select,
textarea{
border:1px solid #cbcbcb;
padding:1px 2px;
font-size:12px;
position:relative;
}
input[type="text"],
input[type="password"]{
height:16px;
}
textarea{
display:inline-block;
width:71%;
min-height:100px;
}
input[type="checkbox"],
input[type="radio"]{
margin:2px 5px;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
a.btn{
border:1px solid;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
font-size:14px;
padding:8px 15px;
display:inline-block;
text-decoration:none;
}
a.btn{
padding:9px 15px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
a.btn:hover{
cursor:pointer;
}
input.disabled{
border-style:dashed !important;
color:#cbcbcb !important;
background:#f9f9f9 !important;
}
p.checkbox{
padding-left:23%;
}
p.checkbox label{
width:auto;
}
.required-error{
color:#B92C00 !important;
border-color:#b92c00 !important;
}
fieldset#recaptcha-title{
border:0;
}
optgroup option{
padding-left:10px;
}

/* icons
************************************/
.icon{
text-indent:-9999px;
width:16px;
height:16px;
display:inline-block;
border:none;
padding:0;
}
.icon.search{background:url(../images/common/background_icon_search.png) no-repeat 0px 0px;}
.icon.add-cart{background:url(../images/common/basket_put.png) no-repeat 0px 0px;}
.icon.money{background:url(../images/common/money.png) no-repeat 0px 0px;}
.icon.order{background:url(../images/common/table.png) no-repeat 0px 0px;}
.icon.cross{background:url(../images/common/cross.png) no-repeat 0px 0px;}
.icon.add-email{background:url(../images/common/email_add.png) no-repeat 0px 0px;}
.btn-view-cart,
.btn-add-cart,
.btn-cart-empty,
.btn-cart-update,
.btn-checkout,
.btn-add-email,
.btn-send-review,
.btn-print{
padding-left:30px !important;
background-repeat:no-repeat;
background-position:8px center;
}
.btn-view-cart{background-image:url(../images/common/basket.png);}
.btn-add-cart{background-image:url(../images/common/basket_put.png);}
.btn-cart-empty{background-image:url(../images/common/basket_delete.png);}
.btn-cart-update{background-image:url(../images/common/basket_edit.png);}
.btn-checkout{background-image:url(../images/common/basket_go.png);}
.btn-add-email{background-image:url(../images/common/email_add.png);}
.btn-send-review{background-image:url(../images/common/star.png);}
.btn-print{background-image:url(../images/common/printer.png);}

/* layout
******************************************/
#colourway{
height:5px;
width:100%;
}
#container{
margin:20px auto 30px;
width:1000px;
}
@media only screen and (min-width: 1200px) {
	#container{width:1190px;}
}
#header{
position:relative;
padding-top:30px;
margin:0 0 20px;
}
h1#logo{
margin:0;
border:none;
}
h1#logo a{
text-decoration:none;
}
#basket_summary{
position:absolute;
bottom:0px;
right:0px;
/*width:175px;*/
text-align:right;
color:#a0a0a0;
font-family:"Union",Georgia,'Times','Times New Roman',sans-serif;
z-index:100;
}
#basket_summary h4{
display:none;
}
#basket_summary .inner{
position:relative;
height:60px;
}
#basket_summary .left{
float:left;
}
#basket_summary p{
line-height:1;
margin:0 0 5px;
}
#basket_summary .basket_items .count{
font-size:35px;
letter-spacing:-0.1em;
vertical-align:sub;
}
#basket_summary .basket_total .price{
font-weight:bold;
}
#basket_summary p.view_basket{
margin:0 0 0 10px;
float:right;
}
#basket_summary p.view_basket a{
background:url(../images/common/cart.png) no-repeat 0px 0px;
width:51px;
height:60px;
display:block;
float:right;
text-align:left;
text-indent:-9999px;
}
#basket_summary ul{
display:none;
}
#documents{
position:relative;
margin:0 0 40px;
padding:0 5px;
height:40px;
list-style:none;
border:1px solid;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}
#documents li{
float:left;
height:40px;
padding:0 0 0 2px;
}
#documents li.first{
background:none;
}
#documents li a{
float:left;
height:40px;
line-height:40px;
padding:0 8px;
color:#fff;
text-decoration:none;
font-size:11px;
}
#documents li.left,
#documents li.right{
display:none;
/*position:absolute;
top:-1px;
left:0px;
width:15px;
height:42px;
background-repeat:no-repeat;
background-position:-15px 0px;
}
#documents li.right{
left:auto;
right:0px;
background-position:2px 0px;*/
}
.sidebar{
background:#f4f4f4;
color:#282828;
width:20%;
float:left;
padding:10px 0;
margin:0 0 20px;
border:1px solid #d6d6d6;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
position:relative;
}
.sidebar .top,
.sidebar .bottom{
/*height:10px;
width:222px;
position:absolute;
left:-1px;
top:0px;
background:url(../images/common/sidebar_ends.gif) no-repeat 0px -10px;*/
}
.sidebar .bottom{
/*top:auto;
bottom:0px;
background-position:0px 0px;*/
}
#sidebar-right{
float:right;
}
.sidebar .box{
margin:0 0 30px;
}
.sidebar .box h4{
text-align:center;
color:#252525;
text-shadow:1px 1px 0px #fff;
font-size:18px;
font-family:Georgia, 'Times New Roman', serif;
font-weight:normal;
border-bottom:1px solid #d6d6d6;
padding:0 0 4px;
margin:0;
}
.sidebar .box .inner{
border-top:1px solid #fafafa;
padding:10px;
}
#page-content{
margin:0 22% 20px;
padding:0 0 20px;
position:relative;
}
#breadcrumb{
margin:0 0 10px;
}
#breadcrumb a{
font-size:10px;
margin:0 5px 0 0;
padding:0 0 0 5px;
border-left:1px solid #cbcbcb;
}
#breadcrumb a.home{
border-left:none;
margin:0 5px;
}

#gui_message{
text-align:center;
margin:10px 20px;
padding:5px 0;
border-top:1px solid #cbcbcb;
border-bottom:1px solid #cbcbcb;
}
#gui_message .gui_message-notice{
color:#479314;
}
#gui_message .gui_message-error{
color:#B92C00;
}

#footer{
clear:both;
border-top:3px solid #f4f4f4;
border-bottom:3px solid #f4f4f4;
color:#a2a2a2;
font-size:11px;
padding:10px 0;
text-align:right;
}
#footer #skin_selector{
display:inline-block;
}
#footer #skin_selector select{}
#footer #webcity{
padding-left:20px;
}
#footer #copyright{
display:inline-block;
padding:0 10px;
}
#footer #copyright p{
display:inline;
margin:0;
}

/* boxes
******************************************/
#navigation{
z-index:100;
}
#navigation .inner{
padding:0;
}
#navigation a{
display:block;
padding:10px;
background:#f4f4f4;
border-bottom:1px solid #d6d6d6;
}
/* slider menu */
ul.slider,
ul.slider ul{
margin:0;
padding:0;
list-style:none;
}
ul.slider li{
position:relative;
display:block;
padding:0;
}
ul.slider li ul{
display:block;
position:absolute;
top:0px;
left:100%;
padding-left:20px;
margin-left:-20px;
background:url(../images/common/cat-ar.png) no-repeat 0px 11px;
width:0px;
z-index:50;
overflow:hidden;
}
ul.slider li ul li{
width:200px;
}
ul.slider li:hover > ul{
/* css fallback */
width:220px;
overflow:visible;
}
#quicksearch form{
padding:0 10px;
}
#quicksearch input[type="text"]{
background:#fff url(../images/common/background_icon_search.png) no-repeat 0px center;
padding:2px 2px 2px 18px;
width:85%;
}
#quicksearch input[type="submit"]{
display:none;
}
#session{
text-align:center;
}
#featured_product{
text-align:center;
}
#featured_product p{
margin:0 0 5px;
}
#featured_product img{
border:1px solid #d6d6d6;
}
#featured_product .name a{
font-size:14px;
text-decoration:none;
}
#featured_product .price{
display:inline;
font-size:14px;
}
#sale_products li a{
font-size:120%;
}
#language_select select,
#currency_select select{
width:100%;
}
#mailing_list input[type="text"]{
width:168px;
margin-right:5px;
}

/* products
******************************************/
.price_previous{
text-decoration:line-through;
font-size:0.8em;
color:#bbbbbb;
}
.price_sale,
.saving{
font-weight:bold;
}
.rating .rating-info{
font-size:10px;
}
.product-list-inline{
text-align:center;
}
.product-list-inline .product{
width:120px;
padding:5px;
margin:5px 15px;
display:inline-block;
vertical-align:top;
}
.product-list-inline .product p{
margin:0 0 2px;
}
.product-list-inline .product .image a{
height:120px;
width:120px;
display:table-cell;
vertical-align:bottom;
}
.product-list-inline .product .name a{
text-decoration:none;
}
.product-list-inline .product .actions button[type="submit"],
.product-list-inline .product .actions input[type="submit"]{
font-size:12px;
padding-top:2px;
padding-bottom:2px;
width:120px;
}
.product-list-block .product{
position:relative;
margin:0 0 10px;
padding:0 0 10px;
height:120px;
overflow:hidden;
border-bottom:1px dotted #e1e1e1;
}
.product-list-block .product .image{
float:left;
margin-right:10px;
width:120px;
text-align:right;
}
.product-list-block .product .details{margin-left:130px;}
.product-list-block .product h5 a{
text-decoration:none;
}
.product-list-block .product .price{
float:right;
padding-left:10px;
}
.product-list-block .product .rating{
width:220px;
display:inline-block;
}
.product-list-block .product .rating .rating-info{
display:block;
}
.product-list-block .product .purchase{
width:80px;
padding-left:10px;
float:right;
text-align:right;
}
.purchase .quantity{
width:40px;
text-align:center;
}
.product-list-block .product .out-of-stock{
color:#B92C00;
}

/* content
******************************************/
#latest-products{
margin-top:40px;
}

#cat-desc{
margin:0 0 10px;
}
#subcategories{
padding:0 20px;
margin:0 0 10px;
}
#subcategories .subcategory{
display:inline-block;
vertical-align:top;
width:150px;
height:150px;
padding:5px;
text-align:center;
}
#subcategories .subcategory .img{
display:block;
width:120px;
height:120px;
margin:0 auto;
}
#subcategories .subcategory a{
display:inline-block;
text-decoration:none;
font-size:10px;
font-weight:bold;
}
#subcategories .subcategory a span{
display:block;
}
.control{
padding:5px;
margin:0 0 10px;
text-align:right;
border:1px solid #d6d6d6;
background:#f4f4f4;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.pagination{
margin:0 0 3px;
text-align:right;
}
.pagination a{
display:inline-block;
text-decoration:none;
padding:2px 5px;
margin:0 1px;
border:1px solid #cccccc;
background:#fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
#product h1{
margin:0 0 5px;
}
#product #gallery{
margin:0 0 20px;
}
#product #gallery .image{
text-align:center;
}
#product #gallery .image a{
display:block;
height:270px;
width:270px;
margin:0 auto;
border:1px solid #e1e1e1;
}
#product #gallery .image #preview{
max-width:270px;
max-height:270px;
}
#product #gallery #gallery-select{
text-align:center;
}
#product #product-meta{
background:#f0f0f0;
color:#ababab;
padding:5px;
font-size:11px;
text-align:center;
margin:0 0 20px;
}
#product #product-meta p{
display:inline-block;
padding:2px 10px;
margin:0;
vertical-align:middle;
}
#product #product-meta .rating{
position:relative;
}
#product #product-meta .rating .rating-info{
position:absolute;
top:20px;
left:-38px;
background:#f0f0f0;
border:1px solid #ababab;
padding:2px;
width:180px;
display:none;
}
#product #product-meta .rating:hover .rating-info{
display:block;
}
#product .price{
font-size:24px;
text-align:right;
font-family:"Union",Georgia,'Times','Times New Roman',sans-serif;
}
#product .price .price_sale{
font-weight:normal;
}
#product .product_description{
margin:0 0 30px;
}
#product .options{
width:200px;
}
#product .options label{
display:block;
width:100%;
text-align:left;
}
#product .options select,
#product .options input{
width:100%;
}
#product .options textarea{
width:100%;
height:100px;
}
#product .purchase{
text-align:right;
}
.share{
margin:0 0 10px;
}
#product #quantity_discounts{
padding:5px 10px;
margin:0 0 30px;
border:1px solid #d6d6d6;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#product #quantity_discounts table{
margin:0 50px 10px;
width:306px;
}
.review{
margin:0 0 20px;
border:1px solid;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.review h3{
margin:0;
padding:5px 9px;
}
.review h3 .review-stars{
float:right;
padding-left:20px;
}
.review .review-content{
background:#fff;
padding:10px;
}
.review .review-content img{
float: left;
margin: 0 5px 0px 0;
}
.review .author{
padding:5px 9px;
color:#fff;
font-style:italic;
}
a#write-review{
font-size:14px;
font-weight:bold;
}
#review_write .review-stars{
height:20px;
padding-left:23%;
}

/* checkout
******************************************/
.checkout-progress{
text-align:center;
padding:5px 20px;
}
.checkout-progress span{
padding:0 10px;
}
.checkout-progress a,
.checkout-progress a:link{
text-decoration:none;
color:#ababab;
}
.checkout-progress .current a{
font-size:16px;
}

form#basket{
margin:0 0 30px;
}
#basket-contents{
border-bottom:1px solid #fff;
margin:0 0 10px;
}
#basket-contents thead{
background:#f4f4f4;
}
#basket-contents td{
vertical-align:top;
}
.basket_price,
.basket_price-unit{
width:60px;
text-align:right;
}
.basket_product{
border-bottom:1px dotted #ababab;
}
.basket_product .remove{
padding:10px 0;
}
.basket_product .image{
width:50px;
}
#basket-contents .details{
text-align:left;
}
.basket_product .details p{
margin:0 0 2px;
}
.basket_product .details .name a{
text-decoration:none;
font-weight:bold;
}
.basket_product .details .option{
font-size:10px;
}
.basket_product .basket_quantity{
width:22px;
}
.basket_product .basket_quantity input{
width:20px;
font-size:10px;
}
.subtotals{
border-bottom:1px solid #d6d6d6;
margin:0 0 20px;
text-align:right;
}
.subtotal{
padding:5px 0;
background:#f4f4f4;
}
.subtotals span,
.content .basket_total span{
padding:0 5px;
}
.subtotals .price,
.discounts .price,
.content .basket_total .price{
font-weight:bold;
display:inline-block;
width:60px;
}
.shipping .select-shipping,
.shipping .shipping-total{
width:210px;
padding:0;
display:inline-block;
}
.shipping .select-shipping{
text-align:left;
}
.discounts{
text-align:right;
}
.discounts .code_input label{
width:auto;
}
.content .basket_total{
padding:5px 0;
text-align:right;
margin:0 0 20px;
background:#f4f4f4;
}
.basket_actions .btn-checkout{
float:right;
}

#checkout-confirm{
margin:0 0 30px;
}
#checkout-confirm h6 a{
float:right;
font-size:0.9em
}
#checkout-confirm #delivery_address{
width:100%;
}
#checkout-confirm .comments label{
display:block;
width:auto;
text-align:left;
}
#checkout-confirm #delivery_comments{
width:422px;
}
#register .select_register label{
width:auto;
}
#gateways label{
width:auto;
text-align:left;
}

/* account
******************************************/
#addressbook .address input{
float:left;
margin:5px 5px 0 0;
}
#addressbook .address p{
display:inline-block;
}
#orders table tbody tr{
border-bottom:1px dotted #ababab;
}
#receipt .billing-address,
#receipt .delivery-address{
float:left;
width:50%;
margin-bottom:20px;
}
#receipt .delivery-address{
text-align:right;
}
