BODY { font-family:Arial; background:url(http://localhost/oftheearthartworks/shop/images/white-band.jp) repeat-x #000000; margin: auto auto auto auto; text-align:center;color:#ffffff }
DIV#header DIV.title, DIV.item H3, DIV.item H4, DIV.pager A {
    font: bold 1em Arial;
}
a{color:#666666;font-weight:bold; text-decoration:none}
a:hover{color:#ffffff;}
#pagecontent {width:800px; height:auto; text-align:left; margin:auto;}
DIV#header { height:190px; border-bottom: 2px solid #111; color: White; }
#companyLogo {background:url(../images/Of-the-Earth-final.png) no-repeat; 
              width:180px;height:160px;padding-top:5px;float:left; margin: 10px 0 0 5px }
#navBar {width:615px;float:right; padding:0 0px 0 0px; background:#333333}
#navBar a{display:block; height:20px; background:#333333;float:left;width:auto;
          padding:5px 12px 2px 12px; border:solid 1px #ffffff;
          text-decoration:none;color: #ffffff; font-weight:bold; font-size:12px;}
#navBar a:hover{background:#ffffff;color:#B50000;}
#companyName {width:420px;height:60px;float:left;color:#5B954A;
              margin:0px 0 0 30px;font-size:36px; font-weight:bold;
              text-align:center;
              font-family: Georgia, 'Times New Roman', Times, serif;}
DIV#header DIV.title { font-size: 2em; padding: 0em; color:#FF0000 }
DIV#content { border-left: 0px solid gray; margin-left: 9em; padding: 1em;min-height:500px; }
DIV#categories {float: left; width: 125px; padding:10px 0 0 30px; min-height:200px; }

DIV.productcontainer {width:800px;height:auto;overflow:hidden;}
DIV.item { border: 1px solid gray; padding:20px; width:160px;height:160px;float:left; }

DIV.item H3 { font-size: 1.3em; margin: 0 0 .25em 0; }
DIV.item H4 { font-size: 1.1em; margin:.4em 0 0 0; }
DIV.item a {text-decoration:none;  }
DIV.item img { border:1px solid #ccc}

DIV.pager { text-align:right; border-top: 2px solid silver;
    padding: .5em 0 0 0; margin-top: 1em; }
DIV.pager A { font-size: 1.1em; color: #666; text-decoration: none;
      padding: 0 .4em 0 .4em; }
DIV.pager A:hover { background-color: Silver; }
DIV.pager A.selected { background-color: #353535; color: White; }

DIV#categories A  
{
    font-family: Georgia, 'Times New Roman', Times, serif; display: block;
    font-size:12px;
    background:url(../images/green-nav.png) no-repeat; 
    text-decoration: none; padding: 15px 0 20px 0px; color: #ffffff;
    border-bottom: 0px solid silver;
    text-align:center;
}
DIV#categories A.selected { background:url(../images/red-nav.png) no-repeat;  color: White; }
DIV#categories A:hover { background:url(../images/red-nav.png) no-repeat;  }


FORM { margin: 0; padding: 0; }
DIV.item FORM { float:right; }
DIV.item INPUT {
    color:#000000; background:url(../images/add_to_basket.png) no-repeat;
    /*background:url(http://oftheearthartworks.ie/shop/images/add_to_basket.png) no-repeat;*/ 
    border: 0px solid #ffffff; cursor:pointer;
    width:110px; height:50px; 
}

H2 { margin-top: 0.3em }
TFOOT TD { border-top: 1px dotted gray; font-weight: bold; }
.actionButtons A {
    font: .8em Arial; color: #000; margin: 0 .5em 0 .5em;
    text-decoration: none; padding: .15em 1.5em .2em 1.5em;
    background-color: #FFCC00; border: 1px solid black;
}
#continueShopping {background:#ccc}
.ProductDetailTable td{vertical-align:top;}
DIV#cart { float:right; margin: 0 0px 0 0; color: #333; font-size:14px; width:100px; 
   background:url(../images/cart.gif) no-repeat #ffffcc; padding: .7em .5em .5em 2.5em;
   border:5px solid #cccccc }
DIV#cart A { background-color:#FFCC00;
border:1px solid black;
color:#000000;
line-height:1.1em;
margin-left:-10px;
margin-top:2px;
padding:3px 10px;
text-decoration:none;
}
DIV#cart SPAN.summary { color: White;}
#cart caption{margin-bottom:20px;}

.field-validation-error { color: red; }
.input-validation-error { border: 1px solid red; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: red; }
.category{float:left;width:200px; text-align:center;overflow : hidden;height:200px;}
.category a img {border:0;}
.category a{text-decoration:none; border:0; color:#ffffff;}
.category a:hover{color:#33CC33;}

#regEmail { font-size:12px; width:160px; float:left}
#regEmail input{width:100px;}
#btnRegEmail {display:block;width:20px; margin:0; padding:0;height:20px}


#OrderConfirmation{padding-left:20px;}
#OrderConfirmation input {display:block;width:150px;text-align:center; margin:0; padding:2px;height:25px;text-decoration:none;
                      color:#000000;background:#FFCC00;float:right}
#OrderConfirmation input:hover{background:#FFFF99}
#OrderConfirmTable{background:#ffffff; padding:5px;border:1px solid #000000; color:#000000; width:500px;
                   text-align:left}
#OrderConfirmTable th{text-align:left;}
#OrderConfirmTable td{border-bottom: 1px solid #ffffff}

#proceedtopaypal{width:500px;}

#frmRegEmail{margin:2px 0 0 0}
.actions img {border:0}

#sayings
{
    font-family: Comic Sans MS;
    font-size: 12pt;
    font-style: italic;
    color: #ff9900;
}
#RegisteredEmail
{
    font-size:10px;
    width:120px;
    
}
#btnRegisteredEmail
{
    font-size:10px;
    width:100px;
}