/* =GLOBAL
   ----------------------------------------------------*/
    body {
        text-align: center;
        margin: 0;
        padding: 0;
        font-size: 100.1%;
        line-height: 1.1em;
        font-family: Arial;
        height: 100%;
        text-align: center;
        background: url(../img/bg.jpg) center top no-repeat #0a0306;
        color: #fff;
    }
    body#shop,
    body#product {
        background: #fff;
        color: #000;
    }

    div#wrapper {
        width: 990px;
        margin: 0 auto;
        padding: 0;
        text-align: left;
    }

    * {
        outline: 0;
    }

    .clear {
        clear: both;
        margin: 0 !important;
        padding: 0 !important;
    }

    .right {
        float: right !important;
    }

    .left {
        float: left !important;
    }

    .hidden {
        display: none;
    }

    button {
        background: transparent;
        padding: 0;
        margin: 0;
        display: inline;
        border: 0;
        cursor: pointer;
        font-family: arial;
        font-size: 1em;
    }

    a {
        color: #702C91;
        text-decoration: none;
    }
    a:hover {
        background: #702C91;
        color: #fff;
    }
    a img {
        border: 0;
    }

    input, textarea, select {
        font-family: arial;
        padding: 0.1em;
        font-size: 1em;
        border: 1px solid #999;
    }

    input.error, textarea.error, select.error {
        border: 1px solid #f00;
    }

    label.error {
        color: #f00;
    }

    p {
        padding: 0 0 20px 0;
        margin: 0;
    }

    .hand {
        cursor: pointer; !important
    }

    input.button {
        width: auto !important;
    }

/* =LEFT
   ----------------------------------------------------*/

    #leftCol {
        float: left;
        width: 250px;
        padding-top: 85px;
    }

    #navigation {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0.8em;
        padding-bottom: 87px;
    }

    .homepage #navigation li a,
    .contact #navigation li a {
        color: #fff;
        font-weight: bold;
        opacity: 0.5;
        text-decoration: none;
        line-height: 2em;
    }

    #shop #navigation li a,
    #product #navigation li a {
        color: #ccc;
        font-weight: bold;
        text-decoration: none;
        line-height: 2em;
    }

    #navigation li a:hover {
        opacity: 0.8;
        background: transparent;
    }

    #shop #navigation li a:hover,
    #product #navigation li a:hover {
        color: #666;
        opacity: 1;
    }

    #navigation li.selected a {
        opacity: 1;
    }
    #shop #navigation li.selected a,
    #product #navigation li.selected a {
        color: #000;
    }

    #leftCol img {
        border: 1px solid #fff;
        margin-bottom: 20px;
    }

    .notice {
        float: left;
        width: 168px;
        border: 2px solid #fff;
    }

    .notice p {
        margin: 0.5em;
        font-size: 0.8em;
        font-weight: bold;
        color: #fff;
        padding: 0;
        line-height: 1.2em;
    }

    #shop .notice,
    #product .notice {
        border: 2px solid #000;
    }

    #shop .notice p,
    #product .notice p {
        color: #000;
    }

    a#contact {
        background: #fff;
        border: 1px solid #702c91;
        color: #702c91;
        width: 160px;
        margin-bottom: 20px;
        display: block;
        font-weight: bold;
        padding: 5px;
        font-size: 0.8em;
        text-decoration: none;
    }

/* =RIGHT
   ----------------------------------------------------*/

    #rightCol {
        float: right;
        width: 241px;
        padding-top: 110px;
    }
    #shop #rightCol {
        float: right;
        width: 740px;
        padding-top: 0;
    }

    #rightCol .notice {
        float: right;
        width: 150px;
    }

    #rightCol img {
        border: 1px solid #fff;
        margin-top: 20px;
        float: right;
    }

    #eventContainer {
        margin-top: 20px;
    }

    #eventContainer .event {
        width: 241px;
        position: absolute;
    }

/* =MIDDLE
   ----------------------------------------------------*/

    #middleCol {
        width: 499px;
        float: left;
        text-align: center;
    }

    .slideShow,
    .productImage {
        margin: 50px auto 65px auto;
        height: 209px;
        width: 499px;
        display: block;
        text-align: left;
    }
    #shop .slideShow {
        margin:0 0 40px;
    }
    .slideShow img {
        position: absolute;        
        display: inline;
        cursor: pointer;
    }
    .slideShow .hidden {
        display: none;
    }

    #content {
        text-align: left;
        color: #fff;
        font-size: 0.8em;
        line-height: 1.2em;
    }

    #leftCol #content {
        width: 170px;
        color: #000;
    }

    #content h1 {
        font-size: 1.2em;
    }
    #content h2 {
        font-size: 1.2em;
        font-weight: normal;
    }

/* =SHOP
   ----------------------------------------------------*/

    #shop .chocolateBar {
        float: left;
        display: block;
        margin: 20px 30px 0 0 !important;
        width: 215px;
        text-decoration: none;
    }

    #shop #rightCol {
        padding-top: 30px;
    }

    #shop .chocolateBar img {
        border: 0 !important;
        float: none !important;
        margin-top: 0 !important;
        display: block;
    }
    #shop .chocolateBar div {
        background: #fff;
        color: #000;
        font-weight: bold;
        padding: 1em;
        font-size: 0.8em;
    }

    fieldset {
        border: 0;
        padding: 0;
        margin: 10px 0 0 0;
    }
    #shop fieldset div.right {
        line-height: 35px;
        padding: 0 10px 0 0;
        font-size: 1em;
    }

    #shop button.whitePurpleNotice {
        width: auto;
        font-size: 1.25em;
        display: inline;
        margin: 0;
        min-height: 30px;
        height: auto !important;
        height: 30px;
    }
    #product button.whitePurpleNotice {
        min-height: 30px;
        height: auto !important;
        height: 30px;        
    }
    #addToBasket .whitePurpleNotice,
    #addToBasket .purpleWhiteNotice  {
        width: 260px;
    }

    #shop input {
        width: 25px;
        text-align: right;
    }

/* =PRODUCT
   ----------------------------------------------------*/
    .whitePurpleNotice,
    .purpleWhiteNotice {
        float: left;
        width: 169px;
        border: 1px solid #702c91;
        color: #702c91;
        margin-bottom: 0.75em;
        text-align: left !important;
        font-weight: normal !important;
    }
    .whitePurpleNotice {
        background: #702c91;
        color: #fff;
    }

    .whitePurpleNotice p,
    .purpleWhiteNotice p{
        margin: 0.5em;
        font-size: 0.8em;
        font-weight: bold;
        padding: 0;
        line-height: 1.2em;
    }

    .whitePurpleNotice input,
    .purpleWhiteNotice input {
        width: 20px;
        border: 1px solid #702c91;
        float: right;
        margin: 2px;
        text-align: right;
    }

    .whitePurpleNotice a {
        color: #fff;
        text-decoration: none;
    }
    .purpleWhiteNotice a {
        color: #702c91;
        text-decoration: none;
    }
    .purpleWhiteNotice a:hover {
        background: transparent;
    }

    #product #content {
        color: #000;
    }

/* =MODAL
   ----------------------------------------------------*/

    .dialog {
        font-size: 0.8em;
        text-align: left !important;
    }
    .dialog label.left {
        width: 100px;
        margin-bottom: 10px;
        font-size: 1em;
    }
    .dialog textarea {
        width: 100%;
    }
    .dialog label {
        font-size: 0.65em;
        line-height: 1em;
    }
    .dialog button {
        width: auto;
    }

/* =FOOTER
   ----------------------------------------------------*/

    #footer {
        padding-top: 20px;
        text-align: left;
        font-size: 0.7em;
    }
    #footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline;
    }
    #footer li {
        display: inline;
    }
    #footer a {
        color: #fff;
        text-decoration: none;
    }
    #shop #footer a,    
    #product #footer a {
        color: #000;
    }
    #footer a:hover {
        text-decoration: underline;
        background: transparent;
    }
    

/* =BASKET
   ----------------------------------------------------*/
    #basketTable {
        font-size: 0.8em;
    }

    #basketTable img {
        margin: 0;    
        float: none;
    }

    colgroup.first {
        border-left: 0px;
    }
    
    #basketTable td.image {
        width: 150px;
    }
    #basketTable td.image a:hover {
        background: transparent;
    }
    #basketTable tfoot input {
        width: auto;
    }
    #updateCartButton,
    #checkoutButton,
    #loginButton {
        width: 169px !important;
        margin-bottom: 0.75em;
        text-align: left !important;
        font-size: 0.8em;
        font-weight: bold !important;
        padding: 0.5em 0;
        text-indent: 0.5em;
        cursor: pointer;
    }
    #loginButton {
        margin-left:125px;
        text-align: center;
        width: 57px!important;
    }
    #updateCartButton {
        background: #fff;
        position: relative;
        right: 20px;
    }
    .textRight {
        text-align: right;
    }

/* =CHECKOUT
   ----------------------------------------------------*/
    #checkoutForm .col {
        width: 50%;
        text-align: left;
    }
    #checkoutForm {
        font-size: 0.8em;
    }
    #checkoutForm input {
        width: auto;
    }
    #checkoutForm label {
        color:#000000;
        display:block;
        float:left;
        margin-bottom:10px;
        margin-right:5px;
        padding-top:0;
        text-align:right;
        width:120px;
    }
    #checkoutForm label.cardHolder {
        display:block;
        float:none;
        margin:10px 0;
        padding:0;
        text-align:left;
        width:auto;
    }
    #checkoutForm .optIn {
        display:block;
        float:none;
        margin-right:0;
        padding:0;
        text-align:right;
        width:auto;
    }
    #checkoutForm .whitePurpleNotice,
    #checkoutForm .purpleWhiteNotice p{
        font-size: 1em;
    }
    #country {
        width:158px;
    }
    label.error,
    p.error {
        color:#FF0000;
    }
    input.error, textarea.error, select.error {
        border:1px solid #FF0000;
    }
    form div.error {
        float:left;
        font-size:0.8em;
        font-style:italic;
        margin-bottom:10px;
        width:150px;
    }
    #checkoutForm input {
        text-align: left;
    }
    
    #social-links {
        margin: 0;
        padding: 0;
    }
    
    #social-links  li {
        margin: 0;
        padding: 0;
        display: inline;
    }
    
    #social-links  a:link,
    #social-links  a:visited,
    #social-links  a:hover,
    #social-links  a:active {
        background: none transparent;
    }
    
    #social-links  li img.social-icon {
        border: none;
        margin: 0;
        padding: 0 10px 20px 0;
    }