/*
 * Spares4Repairs - Intelligent Commerce CSS
 * 
 * @author daniel@internetintelligence.eu.com
 * @copyright A1Spares Ltd
 * @verson 1.0
 */


/* START GENERAL STYLES */

html,body {
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    font-family :Arial,  Verdana, Helvetica, sans-serif;
    font-size : 0.86em;
    color: #363636;
}

p {
    margin: 0px;
    padding-bottom: 10px;
}


table, tbody, thead, td, th, form {
    font-family :Arial,  Verdana, Helvetica, sans-serif;
    font-size : 1.0em;
    margin:  0;
    padding: 0;
}

th {
    vertical-align: middle;
    padding-right: 5px;
}

td {
    text-align: left; 
}

h1 {
    margin: 0;
    padding: 0;
    font-size : 16px;
    color: #FF0000;
}

h2 {
    color: #0808FF;
    margin: 0;
    padding: 0;
    font-size : 1.0em;
}

div {
    border: 0px solid #000000;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

a {
    text-decoration: underline;
    color: #0808FF;
    font-weight: bold;
}

a img {
   border: 0px; 
}

ul {
    margin: 0px;
    padding-left: 0px;
    margin-left: 15px;
}

li {
    list-style-image: none;
    margin: 0px;
}

input.action {
    height: 19px;
    width: 64px;
    background-color: transparent;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 5px;
    padding-bottom: 2px;
}

/* END GENERAL STYLES */


/* START OUTER CONTAINERS */

#outertable {
    width: 100%;
    height: 100%;
}

#outertable td {
    vertical-align: top;
    text-align: center;
}

#outertable td table td {
    text-align: left;
}

div.container {
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 783px;
}

/* END OUTER CONTAINERS */

/* START MISC TEMPLATE STYLES */

div.breadcrumb {
    
}

div.login {
    width: 100%;
    text-align: right;
    margin-bottom: -13px;
    margin-top: 4px;
}

div.logindetails {
    width: 505px;
    border: 1px solid #C7C7E3;
    text-align: left;
    padding: 4px;
    margin-bottom: 10px;
}

div.logindetails input.action {
    position: relative;
    right: 100px;
}

div.logindetails input.button {
    position: relative;
    right: 90px;  
}

/* END MISC TEMPLATE STYLES */


/* START AREA POSITIONING */

div.top {
    position: relative;
    top: 0px;
    left: 0px;
    width: 781px;
    height: 72px;
    background-color : #ECECF5;
    border: 1px solid #C7C7E3;
}

div.inner {
    position: relative;
    top: 8px;
    left: 0px;
}

div.left {
    position: relative;
    top: 0px;
    left: 0px;
    width: 140px;
    float: left;
    border: 1px solid #C7C7E3;
}

div.main {
    float: left;
    position: relative;
    top: 0px;
    left: 8px;
}

div.right {
    position: relative;
    top: 8px;
    right: 0px;
    float: right;
    margin-bottom: 8px;
    width: 111px;
}

div.footer {
    position: relative;
    top: 0px;
    left: 0px;
    width: 782px;
    height: 110px;
    border: 1px solid #C7C7E3;
}

div.content {
    width: 530px;
    margin-right: -17px;
}

div.globalnav {
    margin-top: 20px;
}

/* END AREA POSITIONING */

div.right img {
    padding-bottom: 8px;
}

/* START BUTTONS */

input.text {
    border: 1px solid #C7C7E3;
    padding: 2px;
    margin-bottom: 5px;
    margin-right: 5px;
}

input.button {
    height: 19px;
    width: 64px;
    background-color: transparent;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 1.0em;
    color: #FFFFFF;
    font-weight: bold;
    text-align: middle;
}

div.basket div {
    position: relative;
    right: -40px;
    top: 10px;
    margin-bottom: 0px;
    width: 64px;
    height: 19px;
    cursor: hand;
}

div.basket a img {
    border: 1px;
    width: 64px;
    height: 19px;
}

div.basket a {
    width: 64px;
    height: 19px;
    text-decoration: none;
    color: #FFFFFF;
}

div.basket a div {
    background-color: transparent;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
}

div.basket a span {
    position: relative;
    top: 0px;
    right: -18px;
    font-weight: bold;
    color: #FFFFFF;
}

/* END BUTTONS */

#accountmanagement a {
    color: #000000;
}

/* START BREADCRUMB */

div.breadcrumb {
    height: 22px;
    background-color: #C7C7E3;
    text-align: left;
    padding-left: 10px;
    margin-top: 8px;
    padding-top: 2px;
}

div.breadcrumb, div.breadcrumb a {
    color: #363636;
    font-size: 1.0em;
    text-align: left;
}

/* END BREADCRUMB */

div.login a {
    color: #FF0000;
}

/* START LOCAL NAV */

td.leftnav {
    width: 140px;
    border: 1px solid #C7C7E3;
}

div.leftnav {
    float: left;
    width: 140px;  
}

div.leftnav h1 {
    background-color: #C7C7E3;
    color: #FFFFFF;
    padding-left: 10px;
}

div.leftnav a {
    color: #363636;
    font-size: 13px;
    text-decoration: none;
    padding-left: 5px;
    background-color: #C7C7E3;
    display: block;
    padding-bottom: 2px;
}

div.leftnav a.subcategory {
    color: #666666;
    font-size: 11px;
    background-color: #ECECF5;
    line-height: 18px;
}

a.category {
    font-size : 1.2em;
    color: #FF0000;
    font-weight: bold;
    text-decoration: none;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    z-index: 10;
    display: block;
}

a.subcategory {
    font-size : 1.0em;
    color: #363636;
    margin: 0px;
    padding-left: 5px;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 10;
    display: block;
}

div.category {
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
    background-color: transparent;
    background-image: url(../images/small_fade.jpg);
    background-repeat: no-repeat;
    background-position : right;
}

div.category table {
    border: 1px solid #C7C7E3;
    width: 250px;
    height: 115px;
}

div.category a.category {
    margin-top: 0px;
    margin-bottom: 1px;
    padding-bottom: 0px;
    line-heighlinet: 10px;
}

div.category a.subcategory {
    margin-bottom: 0px;
    line-height: 14px;
}

/* END LOCAL NAV */

/* START GLOBAL NAV */

div.globalnav {
    float: left;
    width: 100%;
}

div.globalnav h1 {
    background-color: #C7C7E3;
    color: #363636;
    padding-left: 10px;
}

div.globalnav a {
    color: #363636;
    background-color: transparent;
    text-decoration: none;
}

/* END GLOBAL NAV */

/* START SEARCH */

div.search {
    border: 1px solid #C7C7E3;
    height: 130px;
    margin-bottom: 8px;
    width: 513px;
}

div.search img {
    padding-right: 5px;
}

div.search {
    background-color: transparent;
    background-image: url(../images/big_fade.jpg);
    background-repeat: repeat-x;
}

div.search table td {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 1px;
}

div.search table td input.button {
    position: relative;
    top: -5px;
    right: 5px;
}

/* END SEARCH */

/* START SHOPPING BASKET */

div.shoppingcart {
    border: 1px solid #C7C7E3;
    margin-bottom: 8px;
    height: 93px;
    line-height: 18px;
}

div.shoppingcart div {
    text-align: center;
}

div.shoppingcart h2 {
    color: #363636;
    font-size: 13px;
    text-decoration: none;
    padding-left: 5px;
    background-color: #C7C7E3;
    display: block;
    padding-bottom: 2px;
    margin-bottom: 4px;
}

div.shoppingcart div.details {
    margin-top: 4px;
}

div.checkout {
    position: relative;
    top: 0px;
    right: -22px;
    width: 64px;
    height: 19px;
    margin-bottom: 0px;
    margin-top: 4px;
    z-index: 50;
}

div.checkout a {
    text-decoration: none;
    cursor: hand;
    color: #FFFFFF;
}

div.checkout a div {
    background-color: transparent;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
    width: 64px;
    height: 19px;
}

div.checkout a span {
    position: relative;
    top: 0px;
    right: 0px;
    font-weight: bold;
}

/* END SHOPPING BASKET */

/* START SHOPPING BASKET CONFIRMATION */

table.lineitems {
    width: 513px;
    padding-right: 15px;
    margin-bottom: 20px;
}

table.lineitems div.lineitem {
    border: 1px solid #C7C7E3;
    width: 513px;
}

table.lineitems div.lineitem table td {
    vertical-align : middle;
    margin-bottom: 5px;
}

table.lineitems div.lineitem table td.description {
    width: 200px;
    padding: 5px;
}

table.lineitems div.lineitem table td.quantity {
    padding-top: 20px;
    width: 100px;
}

table.lineitems div.lineitem table td.quantity input {
    width: 20px;
}

table.lineitems div.lineitem table td.price {
    text-align: right;
    padding-top: 20px;
    padding-right: 6px;
    width: 100px;
}

table.lineitems div.lineitem table td.edit {
    padding-top: 5px;
}

div.button {
    width: 64px;
    height: 19px;
    margin-top: 20px;
}

div.button div {
    margin-bottom: 0px;
    width: 64px;
    height: 19px;
    cursor: hand;
}

div.button a img {
    border: 1px;
    width: 64px;
    height: 19px;
}

div.button a {
    position: relative;
    z-index: 100;
    width: 64px;
    height: 19px;
    text-decoration: none;
    color: #FFFFFF;
}

div.button a div {
    background-color: transparent;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
}

div.button a span {
    position: relative;
    top: 0px;
    right: -14px;
    font-weight: bold;
}

div.shoppingbasketconfirmation {
    margin-bottom: 30px;
    width: 513px;
}

div.shoppingbasketconfirmation div.button {
    position: relative;
    left: 0px;
    top: 0px;
}

div.shoppingbasketconfirmation div.button a div {
    background-color: transparent;
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
}

div.shoppingbasketconfirmation div.button a span {
    position: relative;
    top: 0px;
    right: -11px;
}

div.shoppingbasketconfirmation div.price {
    z-index: 70;
    border: 1px solid #C7C7E3;
    text-align: right;
}

div.shoppingbasketconfirmation div.price div {
    position: relative;
    left: 200px;
    top: 0px;
}

div.shoppingbasketconfirmation div.price table td {
    padding-right: 5px;
}

div.buttons {
    width: 140px;
    float: right;
}

div.shoppingbasketconfirmation div.checkout {
    position: relative;
    left: 74px;
    top: -23px;
}

div.shoppingbasketconfirmation div.checkout a span {
    position: relative;
    top: 0px;
    right: -9px;
}

/* END SHOPPING BASKET CONFIRMATION */

table.payment div.checkout, table.confirmpayment div.checkout {
    position: relative;
    right: 0px;
    top: 4px;
}

div.buttons div.checkout a span, table.confirmpayment div.checkout a span {
    position: relative;
    top: 0px;
    right: -4px;
}

/* START MODELS */

div.models {
    padding: 10px;
    text-align: center;
}

div.model {
    width: 150px;
    height: 15px;
    border: 1px solid #000000;
    margin: 0px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    float: left;
    display: inline;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: 0px;
}

table.model {
    display: inline;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    margin-left: -3px;
}

table.model td {
    width: 150px;
    border: 1px solid #000000;
    margin: 0px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-collapse: collapse;
}

table.model td a {
    text-decoration: none;
    color: #363636;
    font-weight: normal;
}

table.model td a:hover {
    text-decoration: underline;
}

/* END MODELS */

/* START MANUFACTURERS */

table.categorymanufacturer {
    width: 100%;
    border-collapse: collapse;
}

table.categorymanufacturer tr {
    vertical-align: middle;
}

table.categorymanufacturer tbody tr td {
    text-align: center;
}

table.attributes th {
    padding-right: 5px;
}

div.paging {
    text-align: center;
    font-size: 12px;
}

div.paging div.page {
    display: inline;
    padding-right: 2px;
    padding-left: 2px;
}

div.paging a {
    
}

div.paging a.current {
    color: #CA0005;
}

div.paging span.previous, div.paging span.next {
    font-size: 13px;
}

div.manufacturerouter {
    margin: 3px;
    display: inline;
    width: 109px;
}

table.manufacturer {
    display: inline;
    margin: 3px;
}

td.manufacturerimage, td.manufacturerimage div {
    vertical-align: middle;
    text-align: center;
}

td.manufacturerimage div {
    line-height: 56px;
}

td.manufacturerimage, div.manufacturerimage {
    text-align: center;
    border: 1px solid #C7C7E3;
    width: 107px;
    height: 61px;
    vertical-align: middle;
}

td.manufacturerimage a img {
    vertical-align: middle;
}

td.manufacturertext {
    width: 107px;
    text-align: center;
}

span.categoryouter {
    margin: -2px;
    padding: 10px;
    border: 1px solid #C7C7E3;
    min-width: 115px;
    text-align: center;
    display: -moz-inline-box;
    display: inline-block;
}

span.categoryouter a {
    font-size : 1.0em;
    text-decoration: none;
    color: #0808FF;
    text-align: center;
}

/* END MANUFACTURERS */

/* START PRODUCT LIST */

div.productimage {
    border: 1px solid #C7C7E3;
    padding: 5px;
    height: 145px;
    text-align: center;
}

div.productkeydetails {
    margin-left: 15px;
    border: 1px solid #C7C7E3;
    padding: 5px;
    height: 145px;
}

div.productkeydetails div.price {
    text-align: right;
    width: 100%
}

div.productkeydetails div.basket {
    float: right;
    width: 64px;
}

div.productkeydetails div.basket div {
    position: relative;
    right: 0px;
    top: 0px;
    margin-bottom: 0px;
    width: 64px;
    height: 19px;
    cursor: hand;
}

div.productkeydetails div.basket a span {
    position: relative;
    top: 0px;
    right: -18px;
}

div.productdescription {
    margin-top: 15px;
    border: 1px solid #C7C7E3;
    padding: 5px;
}

div.productdescription h1 {
    background-color: #C7C7E3;
    color: #363636;
    padding-left: 10px;
    margin-right: -5px;
    margin-left: -5px;
    margin-top: -5px;
}

table.productlist {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-right: 15px;
    border-collapse: collapse;
}

table.productlist tbody tr td {
    padding: 5px;
    margin: 0px;
    height: 85px;
}

table.productlist tbody tr td span.name {
    padding: 0px;
    margin: 0px;
    font-size: 1.1em;
}

table.productlist tbody tr td.first {
    font-size: 1.1em;
    width: 136px;
    border-left: 1px solid #C7C7E3;
    border-top: 1px solid #C7C7E3;
    border-bottom: 1px solid #C7C7E3;
    padding: 5px;
}

table.productlist tbody tr td.second {
    border-top: 1px solid #C7C7E3;
    border-bottom: 1px solid #C7C7E3;
    padding: 5px;
}

table.productlist tbody tr td.price {
    width: 100px;
    color: #FF0000;
    border-right: 1px solid #C7C7E3;
    border-top: 1px solid #C7C7E3;
    border-bottom: 1px solid #C7C7E3;
    padding: 5px;
    text-align: right;
    padding-right: 20px;
}

table.productlist tbody tr td.price span.price {
    font-size: 1.5em;
}

table.productlist tbody tr td a {
    color: #0808FF;
    text-decoration: none;
}

table.productlist tbody tr td a img {
    margin: 0px;
    padding: 2px;
    z-index: 1;
}

/* END PRODUCT LIST */

/* START PRODUCT */

div.product {
    border: 1px solid #C7C7E3;
}

table.product tr td {
    padding: 5px;
}

table.product tr td.image {
    width: 195px;
    text-align: center;
}

table.product tr td.title h1 {
    color: #363636;
}

table.product tr td.price {
    width: 100px;
    color: #FF0000;
    padding: 5px;
    text-align: right;
    padding-right: 20px;
}

table.product tr td.price span.price {
    font-size: 1.5em;
}

span.price {
    font-size: 1.5em;
    font-weight: bold;
    color: #FF0000;
}

span.rrp {
    font-size: 1.1em;
    font-weight: bold;
    color: #FF0000;
    white-space: nowrap;
}

/* END PRODUCT */

/* START FOOTER */

div.footer {
    text-align: right;
    border-top: 1px solid #C7C7E3;
    margin-top: 5px;
    padding-top: 5px;
    float: left;
    background-color: #ECECF5;
}

div.footer p {
    font-size: 9px;
    font-weight: normal;
    text-align: right;
    color: #363636;
    padding-right: 10px;
}

div.footer p a {
    color: #363636;
}

div.siteseal {
    margin-top: -35px;
}

/* END FOOTER */