/* Shop.css */
.purchase {
    border: 1px solid #aeaeae;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.purchase h4 span {
    font-size: 11px;
    color: #fff;
}

.purchase ul {
    list-style: none;
    margin: 0;
}

.purchase li.instock {
    background: url(img/tick.png) left center no-repeat;
    padding-left: 25px;
    color: #3ab601;
}

.purchase li.outstock {
    background: url(img/exclamation.png) left center no-repeat;
    padding-left: 25px;
    color: #ff0000;
}

table input.qty[type =
'text'] {
    width: 25px;
    text-align: center;
    color: #fff;
    margin: 0;
}

.purchase p.error {
    margin: 0 0 15px;
    border: 1px solid #ccc;
    padding: 10px 10px 10px 50px;
    background: url(img/exclamation.png) no-repeat #fff990;
    background-position: 15px center;
    font-weight: bolder;
    color: #000;
}

.purchase p.error span {
    background: #fff990;
    color: #000;
}

.purchase select {
    font-size: 11px;
    margin: 0;
}

/* Box */
/*
div.box, div.box > div, div.box > div > div {
    background: url(img/box-sprite.png) no-repeat;
}
*/

div.section div.box {
    position: relative;
    padding: 0;
    border-bottom:1px dotted #7f7f7f;
}

div.section div.box > div {
    padding-bottom: 6px;
    overflow: hidden;
}

div.section div.box:last-child {
    border-bottom:none !important;
}

/*
div.box > div > div {
    padding: 10px 10px 0 10px;
}
*/

div.box h3 {
    font-size: 14px;
    height: 30px;
    line-height: 30px !important;
    /*padding: 0 10px;*/
    margin-bottom: 0;
}

div.box h3 a {
    color: #fff;
}

div.box h3 a:hover {
    color: #00aef0;
}

div.box p {
    font-size: 11px;
}

.spacer {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #7f7f7f;
}

/* Selector */
.selector {
    position: relative;
    background:url(img/selector-bg.png) no-repeat;
    background-position: top right;
    padding: 10px;
    margin-bottom: 10px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-transition-property: color, background-color;
    -moz-transition-duration: 0.1s, 0.1s;
    -moz-transition-timing-function: ease-in, ease-in;
    -webkit-transition-property: color, background-color;
    -webkit-transition-duration: 0.1s, 0.1s;
    -webkit-transition-timing-function: ease-in, ease-in;
}

.selector.sel-cat {
    display: block;
}

/* Catagory selector */
.sel-cat span.dynimg {
    display: block;
    height: 130px;
    width: 153px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
}

.sel-cat .name {
    font-size: 17px;
    padding-bottom: 0 !important;
    color: #fff;
    line-height: 1em;
}

.sel-cat a:hover {
    text-decoration: none;
}

.selector.sel-cat:hover {
    background: #00AEEF;
}

.selector.sel-cat span.proj-title {
    position: absolute;
    bottom: 20px;
    left: 10px;
    width: 123px;
    background:url(img/black85.png) repeat;
    padding: 5px 10px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
    font-weight: bold;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* Product Selector */
.sel-prod span.dynimg {
    display: block;
    height: 130px;
    width: 160px;
    margin-bottom: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
}

.sel-prod .image {
    width: 160px;
    float: left;
}

.sel-prod .description {
    width: 570px;
    padding-left: 10px;
    float: left;
    color:#fff;
}

/* Featured Products Selector */
.sel-serv div.image {
    float:left;
    width:160px;
    height: 130px;
    margin:0 10px 0 0;
}

.sel-serv div.image a {
    display:block;
}

.sel-serv div.description {
    float:left;
    width:270px;
    margin-bottom: 10px;
}

.area {
    padding: 10px;
    margin-top: 15px;
    border:1px dotted #7f7f7f;
}

.area.green {
    background: #c5eba3;
}

/* Detail */
#prod-img {
    position: relative;
    overflow: hidden;
    width: 760px;
    height: 365px;
    margin: 0 auto;
}

#prod-img .prod-img-img {
    position: absolute;
}

#prod-img .prod-img-img a {
    display: block;
    width: 760px;
    height: 365px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#prod-img .prod-img-img a span {
    display: none;
}

#prod-img img {
    display: block;
    margin: 0 auto;
}

#prod-img-thumb {
    list-style: none;
    margin: 10px 0 0;
}

#prod-img-thumb li {
    float: left;
    margin-left: 20px;
}

#prod-img-thumb li:first-child {
    margin-left: 0;
}

#prod-img-thumb li a {
    height: 50px;
    width: 100px;
    display: block;
}

#prod-img-thumb li a:hover span {
    background-position:0 -370px;
}

.prod-desc .button {
    margin-top: 15px;
}

/* Mini basket */
.mini-basket {
    font-size: 10px;
}

.mini-basket table, .mini-basket table td, .mini-basket table tr {
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: top;
}

.mini-basket table tr.mb-key td {
    border-bottom: 1px dotted #aeaeae;
    padding-bottom: 5px;
}

.mini-basket table tr.mb-item td {
    border-bottom: 1px dotted #aeaeae;
    padding: 5px 0;
}

a.delete {
    background: url(img/delete.png) center left no-repeat;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    display: block;
}

.mini-basket a.button {
    margin-top: 20px;
}

/* Basket Crumbs */
ul.basketcrumbs {
    list-style: none;
    height: 55px;
    line-height: 55px;
    margin: 0;
    border-top:1px dotted #7f7f7f;
    border-bottom:1px dotted #7f7f7f;
}

ul.basketcrumbs li {
    font-family: 'HelveticaNeueThin';
    float: left;
    width: 185px;
    padding-left: 50px;
    height: 55px;
    line-height: 55px;
    background: url(img/basket-crumbs-sprite.png);
    font-size: 1.8em;
    color: #3d3d3d;
}

ul.basketcrumbs li a {
    display:block;
}

ul.basketcrumbs li.bc01off a,
ul.basketcrumbs li.bc02off a,
ul.basketcrumbs li.bc03off a,
ul.basketcrumbs li.bc04off a {
    color: #3d3d3d;
    text-decoration:none
}

ul.basketcrumbs li.bc01off a:hover,
ul.basketcrumbs li.bc02off a:hover,
ul.basketcrumbs li.bc03off a:hover,
ul.basketcrumbs li.bc04off a:hover {
    color: #00aef0;
    text-decoration:none;
}

ul.basketcrumbs li.bc01on, ul.basketcrumbs li.bc02on, ul.basketcrumbs li.bc03on, ul.basketcrumbs li.bc04on {
    color:#00aef0;
}

ul.basketcrumbs li.bc01on {
    background-position: 0 0;
}

ul.basketcrumbs li.bc01off {
    background-position: 0 -55px;
}

ul.basketcrumbs li.bc02on {
    background-position: -235px 0;
}

ul.basketcrumbs li.bc02off {
    background-position: -235px -55px;
}

ul.basketcrumbs li.bc03on {
    background-position: -470px 0;
}

ul.basketcrumbs li.bc03off {
    background-position: -470px -55px;
}

ul.basketcrumbs li.bc04on {
    background-position: -705px 0;
}

ul.basketcrumbs li.bc04off {
    background-position: -705px -55px;
}

/* Cat-Nav */
.cat-nav {
    margin: 0;
}
.cat-nav, .cat-nav ul {
    list-style: none;
}
.cat-nav ul {
    margin: 0 0 0 10px;
}
.cat-nav li {
    margin: 4px 0;
}
.cat-nav li a {
    display: block;
    background:url(img/selector-bg.png) no-repeat;
    background-position: top left;
    font-size: 11px;
    padding: 1px 10px;
    color: #fff;
}
.cat-nav li a:hover {
    background: #666;
    text-decoration: none;
}
.cat-nav li a.active {
    background:#00AEEF;
    color: #fff;
}

/* Attributes list */
dl.attr-list {
    margin-bottom: 25px;
}

dl.attr-list dt, dl.attr-list dd {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dotted #000;
    background: #f1f1f1;
    overflow: hidden;
}

dl.attr-list dt {
    width: 130px;
    float: left;
}

dl.attr-list dd input[type =
'text'] {
    width: 30px !important;
    text-align: center;
    margin-bottom: 0;
}

dl.attr-list dd img {
    position: relative;
    top: 4px;
    margin-right: 6px;
}

dl.attr-list dd span.stockin {
    color: #00c10e;
}

dl.attr-list dd span.stockout {
    color: #00aef0;
}

.area input[type =
'text'], .area select {
    width: auto;
    margin: 0;
}

/* Attributes */
.attrs {
    clear: both;
}

.attrs dl {
    clear: both;
}

.attrs dt, .attrs dd {
    margin-bottom: 8px;
    padding-top: 8px;
    border-top: 1px solid #aeaeae;
}

.attrs dt {
    clear: both;
    float: left;
    width: 160px;
    text-align: right;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    color: #ff0200;
}

.attrs dd {
    float: right;
    width: 400px;
}

dt.attr {
    background-repeat: no-repeat;
    background-position: 0 4px;
    min-height: 14px;
}

dt.attr_frame {
    background-image: url(img/attr-ico/frame.png)
}

dt.attr_fork {
    background-image: url(img/attr-ico/fork.png)
}

dt.attr_rear_shock {
    background-image: url(img/attr-ico/rear_shock.png)
}

dt.attr_rims {
    background-image: url(img/attr-ico/rims.png)
}

dt.attr_hubs {
    background-image: url(img/attr-ico/hubs.png)
}

dt.attr_spokes {
    background-image: url(img/attr-ico/spokes.png)
}

dt.attr_tyres {
    background-image: url(img/attr-ico/tyres.png)
}

dt.attr_pedals {
    background-image: url(img/attr-ico/pedals.png)
}

dt.attr_crank {
    background-image: url(img/attr-ico/crank.png)
}

dt.attr_chain {
    background-image: url(img/attr-ico/chain.png)
}

dt.attr_rear_cogs {
    background-image: url(img/attr-ico/rear_cogs.png)
}

dt.attr_bottom_bracket {
    background-image: url(img/attr-ico/bottom_bracket.png)
}

dt.attr_front_derailleur {
    background-image: url(img/attr-ico/front_derailleur.png)
}

dt.attr_rear_derailleur {
    background-image: url(img/attr-ico/rear_derailleur.png)
}

dt.attr_shifters {
    background-image: url(img/attr-ico/shifters.png)
}

dt.attr_handlebars {
    background-image: url(img/attr-ico/handlebars.png)
}

dt.attr_stem {
    background-image: url(img/attr-ico/stem.png)
}

dt.attr_headset {
    background-image: url(img/attr-ico/headset.png)
}

dt.attr_brakeset {
    background-image: url(img/attr-ico/brakeset.png)
}

dt.attr_brakeleavers {
    background-image: url(img/attr-ico/brakeleavers.png)
}

dt.attr_saddle {
    background-image: url(img/attr-ico/saddle.png)
}

dt.attr_seat_post {
    background-image: url(img/attr-ico/seat_post.png)
}

dt.attr_sizes {
    background-image: url(img/attr-ico/sizes.png)
}

dt.attr_extras {
    background-image: url(img/attr-ico/extras.png)
}

/* Tables */
table.basket {
    padding: 0 0 30px;
    margin: 15px 0;
    width: 100%;
    color: #fff;
    border-bottom:1px dotted #7f7f7f;
}

table.basket th, table.basket td, table.basket tr {
    vertical-align: middle;
}

table.basket th {
    border-right: 1px dotted #7f7f7f;
    border-bottom: 1px dotted #7f7f7f;
    border-top: 1px dotted #7f7f7f;
    text-align: left;
    padding: 6px 6px 6px 12px;
}

table.basket th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px dotted #7f7f7f;
    background: none;
    text-align: left !important;
}

table.basket td {
    border-right: 1px dotted #7f7f7f;
    border-bottom: 1px dotted #7f7f7f;
    padding: 6px 6px 6px 12px;
}

table.basket td.nobg {
    background: none !important;
}

table.basket th.spec, table.basket td.spec {
    border-left: 1px dotted #7f7f7f;
    border-top: 0;
}

table.basket th.spec.brdtop {
    border-top: 1px dotted #7f7f7f;
}

table.basket thead th {
    border-top: 1px dotted #7f7f7f;
}

table.basket td.error {
    border-right: 1px dotted #7f7f7f;
    border-bottom: 1px dotted #7f7f7f;
    padding: 6px 6px 6px 12px;
    background: #fff990;
}

table.basket th {
    text-align: center;
}

table.basket td {
    text-align: center;
}

table.basket tfoot td, table.basket tr.total td {
    border: none;
    font-weight: bolder;
}

table.basket tfoot td.desc, table.basket tr.total td.desc {
    text-align: right;
    font-weight: normal;
    background: none;
}

table.basket tfoot td.total, table.basket tr.total td.total {
    background: #00aef0;
    color: #fff;
    font-weight: bolder;
    font-size: 14px;
}

table.basket td.total span.price-below span {
    color: #fff;
}

#productConfigAddButton, #productConfig tr.na {
    display: none;
}

/* Group Table */
table.group {
    padding: 0;
    margin: 15px 0;
    width: 100%;
    color: #fff;
}

table.group th, table.group td, table.group tr {
    vertical-align: middle;
}

table.group th {
    border-right: 1px dotted #7f7f7f;
    border-bottom: 1px dotted #7f7f7f;
    border-top: 1px dotted #7f7f7f;
    text-align: left;
    padding: 6px 6px 6px 12px;
}

table.group th.nobg {
    border-top: 0;
    border-left: 0;
    border-right: 1px dotted #7f7f7f;
    background: none;
    text-align: left !important;
}

table.group td {
    border-right: 1px dotted #7f7f7f;
    border-bottom: 1px dotted #7f7f7f;
    padding: 6px 6px 6px 12px;
}

table.group td.nobg {
    background: none !important;
}

table.group th.spec, .group td.spec {
    border-left: 1px solid #ccc;
    border-top: 0;
}

table.group thead th {
    border-top: 1px dotted #7f7f7f;
}

table.group th.spec {
    text-align: left !important;
}

table.group th, table.group th {
    text-align: center;
}

table.group th.spec {
    text-align: left !important;
}

table.group td, table.group td {
    text-align: center;
}

table.group th {
    text-align: center;
}

table.group td {
    text-align: center;
}

/* Price */
span.price-side span {
    padding-left: 0.5em;
    font-style: italic;
    color: #666;
}

span.price-below span {
    font-style: italic;
    color: #666;
    display: block;
}

/* Twitter */
.twitter span {
    display: block;
}

.twitter > img {
    position:absolute;
    top:-8px;
    right:0;
}

/* Prod filter */
table.prodFilter {
    margin:0 0 10px;    
}

table.prodFilter th,
table.prodFilter td {
    padding:5px ;
}

table.prodFilter tr {
    border-bottom:5px solid #fff;
}

table.prodFilter th {
    text-align:right;
}

.headBasket {
    position: absolute;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    top: 21px;
    right: 0;
    text-align: right;
    background: url(img/basket.png) center left no-repeat;
    padding: 0 0 0 40px;
}