html{
    height:100%;
    margin-bottom:1px;
}

body{
    background:#fff;
    margin:30px 0 30px 0;
    font-family:arial,sans-serif;
    font-size:80%;
    color:#56004E;
}

body.purple{
    background:#6C2769;
}

a img{
  border:0 !important;
}

a,
a:active,
a:visited{
   color:#56004E;
   text-decoration:none;
}

a:hover{
   color:#A581A1;
}

a.dotted,
a.dotted:active,
a.dotted:visited{
   color:#56004E;
   text-decoration:none;
   border-bottom:1px dashed #56004E;
}

a.dotted:hover{
   color:#A581A1;
   border-bottom:1px dashed #A581A1;
}



p{
   margin:0 0 10px 0;
   font-size:0.95em;
}

ul{
    list-style-type:none;
    margin:30px 0 10px 80px;
    padding:0;
}

li{
    margin:0 0 10px 0;
    padding:0 0 10px 30px;
    background:url("images/bullet.gif") transparent top left no-repeat;
}

.normal{
  list-style-type:disc;
  margin:30px 0 10px 30px;
}

.normal li{
  background-image:none !important;
  padding:0;
}

h1{
margin:0;
padding:0;
font-size:0px;
font-size:0%;
visibility:hidden;
}

h2{
    color:#56004E;
    margin:5px 0 0 0;
    width:560px;
    padding:0 0 10px 0;
    font-size:3em;
    background:url("images/heading-underline.gif") transparent bottom repeat-x;
}

h4{
    margin:10px 0 15px 0;
    padding:0;
    font-size:1.1em;
    font-weight:bold;
}

h4.newsletter{
    margin:5px 0 10px 0;
    padding:0;
    font-size:1.1em;
    font-weight:bold;
}

fieldset{
    border:0;
    margin:0 0 10px 0;
}


#wrap{
    width:707px;
    margin:0 auto 0 auto;
    background:#fff;
}

#newswrap{
    width:600px;
    margin:0 auto 0 auto;
    padding:10px 10px 3px 10px;
    background:#fff;
}

#newswrap a,
#newswrap a:active,
#newswrap a:visited{
   border-bottom:1px dashed #56004E;
}

#newswrap a:hover{
   border-bottom:1px dashed #A581A1;
}

#header{

}

#basket{
    position:absolute;
    margin:6px 0 0 523px;
    padding:3px 0 3px 0px;
    font-size:1.1em;
    font-weight:bold;
    width:180px;
    text-align:left;
    background:url("images/basket-icon.gif") #fff top left no-repeat;
}

#basket a,
#basket a:active,
#basket a:visited,
#basket a:hover{
        border:0;
        text-decoration:none !important;
}

a.viewbasket,
a.viewbasket:visited,
a.viewbasket:hover,
a.viewbasket:active{
    background:url("images/view_basket.gif") transparent top left no-repeat;
    padding:4px 0 8px 38px;
    display:block;
    height:14px;
    font-weight:bold;
    font-size:1.1em;
    text-decoration:none;
}

#productlist{
    border-collapse:collapse;
    width:560px;
}

#productlist td{
   vertical-align:top;
   width:25%;
   font-size:0.95em;
}

#productlist img{
   margin:20px 0 3px 0;
}

#productlist p{
  margin-top:7px !important;
}

#productview{
    border-collapse:collapse;
    width:560px;
}

#productview p{
   width:95% !important;
}

#productview h4{
   width:95% !important;
}

#layout h4{
   width:95% !important;
}

#productimg{
    width: 280px;
    text-align: center;
    font-size:0.95em;
    padding:20px 0 0 0 !important;
}

#productimg a,
#productimg a:active,
#productimg a:visited,
#productimg a:hover{
   color:#999 !important;
}

p.manufacturer{
    margin-top:3px !important;
}

#productview h4{
   margin-bottom:0 !important;
}

#productlist a.dotted,
#productlist a.dotted:active,
#productlist a.dotted:visited,
#productlist a.dotted:hover{
    margin-right:5px; !important;
}

#options{
    background:#D9E9C0;
    margin:20px auto 0 auto;
    width:270px;
}

#optionsform{
    margin:10px;
}

td.productimg{
    vertical-align:middle !important;
}

td.productname{
   padding-right:20px !important;
}

#optionsform p{
   margin:0 !important;
}

#optionsform label{
   font-weight:bold;
   margin:1px;
}

input.qty{
    width:30px !important;
    margin-right:10px;
}

select.options{
   width:200px !important;
   margin:0 0 10px 0;
}

a.add,
a.add:visited,
a.add:hover,
a.add:active{
    background:url("images/add_order.gif") transparent top left no-repeat;
    padding:4px 0 8px 33px;
    font-weight:bold;
    text-decoration:underline;
}



#menu{
    background:url("images/menu-background.gif") #EAECC4 top center;
    height:33px;
   font-size:1.2em;
    font-weight:bold;
    padding:15px 0 0 15px;
}

#menu a,
#menu a:active,
#menu a:visited{
   color:#56004E;
   text-decoration:none;
}

#menu a:hover{
   color:#eee;
}

a.on,
a.on:active,
a.on:visited,
a.on:hover{
   color:#fff !important;
}


a.newsletter,
a.newsletter:active,
a.newsletter:visited,
a.newsletter:hover{
   text-decoration:underline !important;
   font-weight:normal;
   font-size:0.8em !important;
   margin:0 0 0 100px;
   padding:3px 0 8px 35px;
   background:url("images/newsletter-icon.gif") transparent top left no-repeat;
}

#contentwrap{
    background:#fff;
    padding:11px 0 10px 15px;
    font-size:0.9em;
}

#quibble{
    background:#FDC689;
    width:190px;
    position:absolute;
    padding:3px 0 3px 0;
    margin:0 0 0 490px;
    font-weight:bold;
    text-align:center;
    font-size:1.2em;
}

#quibble a,
#quibble a:active,
#quibble a:visited,
#quibble a:hover{
   text-decoration:none;
}

#homepage{
    background:url("images/home-background-dev.jpg") #fff top right no-repeat;
}

#homepage p{
    width:480px;
}


#catlisthome embed{
   width:250px !important;   /*fixes embed bug, needs sorting out properly but it works anyway*/
}


#catlisthome{
    margin:20px 0 0 0;
    float:left;
    background:transparent;
}

#catlisthome a,
#catlisthome a:active,
#catlisthome a:visited,
#catlisthome a:hover{
   text-decoration:none;
}

#catlisthome img{
    margin:0 20px 8px 0;
    float:left;
}

#catlisthome h3{
    margin:0px 0 10px 0;
    font-weight:bold;
    font-size:2em;
    width:170px;
    float: left;
    font-family:"trebuchet ms", helvetica, sans-serif;
}

#catlisthome p{
    float:left;
    width:210px;
/*    margin-bottom:0 !important;*/
    margin:0 !important;
}

#catlisthome div{
    clear:left;
    padding-bottom:10px !important;
    width:360px;
}

#catlisthome a.imgholder {
    width:111px;
	float:left;
	display:block;
    height:99px;
    padding:0px !important;
}

#catlist{
    float:left;
    clear:right;
    width:130px;
}

#catlist ul{
   list-style-type:none;
   margin:20px 0 0 0;
   padding:0;
   font-size:1.6em;
   font-weight:bold;
}

#catlist li{
   margin:5px 0 5px 0;
   padding:0;
    background:url("") !important;
}

li.on{
    color:#A581A1;
}

#catlist a,
#catlist a:active,
#catlist a:visited{
   text-decoration:none;
   color:#56004E;
   background:#fff !important;
}

#catlist a:hover{
   color:#A581A1;
   background:#fff !important;
}

a.on,
a.on:active,
a.on:visited{
   text-decoration:none;
   color:#A581A1;
}

#layout{
    border-collapse:collapse;
    width:692px;
    margin:0 0 20px 0;
}

#layout td{
   padding:0;
   vertical-align:top !important;
}

#layout p{
  margin:15px 0 10px 0;
}

#image{
    text-align:center;
    width:174px;
}
#image p{
    text-align:left;
    font-style:italic;
    font-size:0.9em;
    margin:20px 6px 0 14px;
    display:block;
}
#image img{
    margin:40px 10px 0 10px;
    border:1px solid #C0CE42;
}

#text{
    width:394px;       /*make image smaller?*/
}

#text a,
#text a:active,
#text a:visited{
   border-bottom:1px dashed #56004E;
}

#text a:hover{
   border-bottom:1px dashed #A581A1;
}


p.band{
   background:#E5DDE4;
   padding:4px;
   font-weight:bold;
   letter-spacing:3px;
}

#dates{
    border-collapse:collapse;
    width:98%;
    margin:0;
    font-weight:bold;
}

#dates td{
   background:#E5DDE4;
   padding:4px;
}



#footermenu{
    background:transparent;
    font-weight:bold;
    clear:both;
   font-size:1em;
    width:692px;
}

#footermenu a,
#footermenu a:active,
#footermenu a:visited{
   color:#56004E;
   text-decoration:none;
}

#footermenu a:hover{
   color:#A581A1;
}

#contactform{
    border-collapse:collapse;
}

#contactform td{
   padding:5px;
   vertical-align:top;
}

#contactform font{
   font-size:1em;
   color:#f00;
}

p.address{
    margin:0 0 4px 0 !important;
}

#subscribe {
   width: 1.4em;
   height: 1.4em;
   margin-top: 0;
}

form{
    margin:0;
    padding:0;
}

input{
    border:1px solid #6C2769;
    width:250px;
    background:#E5DDE4 !important;
    padding:1px;
    font-family:arial,sans-serif;
    font-size:1em;
}

input.button{
    width:90px;
    height:35px;
    font-weight:bold;
    color:#6C2769 !important;
    font-size:1.1em;
    border:0px !important;
    padding:4px 0 8px 15px;
    background:url("images/submit.gif") #fff top left no-repeat !important;
}

input.add{
    width:180px;
    height:35px;
    font-weight:bold;
    color:#56004E !important;
    font-size:1.1em;
    border:0px !important;
    padding:2px 0 8px 0px;
    background:url("images/add_order.gif") transparent top left no-repeat !important;
}

input.add:hover{
   color:#A581A1 !important;
}


a,
a:active,
a:visited{
   color:#56004E;
   text-decoration:none;
}

a:hover{
   color:#A581A1;
}

input.subinputcontact{
    background:#fff !important;
    border:0 !important;
}

select{
    border:1px solid #6C2769;
    width:50px;
    background:#E5DDE4 !important;
    padding:1px;
    font-family:arial,sans-serif;
    font-size:95%;
}

textarea{
    border:1px solid #6C2769;
    width:250px;
    background:#E5DDE4;
    overflow:auto;
    height:150px;
    padding:1px;
    font-family:arial,sans-serif;
    font-size:1em;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced {
    visibility: visible !important;
    clear: none;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
    visibility: hidden;
}

.sIFR-hasFlash h3 {
    visibility: hidden;
    letter-spacing: -6px;
    font-size: 30px !important;
}

.sIFR-hasFlash #text h3 {
    visibility: hidden;
    letter-spacing: -6px;
    line-height:25px !important;
    font-size: 20px !important;
    margin-bottom:0px !important;
    padding-bottom:0px !important;
}

.sIFR-hasFlash #catlist li{
    visibility: hidden;
    font-size: 23px !important;
}

.sIFR-hasFlash h2 {
    visibility: hidden;
    font-size: 45px !important;
}


/* image display popup */
#popup{
    margin-top: 0.5em;
}

#closedisp{
    float: right;
    margin: 0 1em 1em auto;
}

#displayimg{
    clear:right;
    text-align: center;
}

#featuredlist{
    border-collapse:collapse;
    width:255px;
}

#featuredlist td{
   vertical-align:top;
   width:50%;
   font-size:0.95em;
}

#featuredlist img{
   margin:20px 0 3px 0;
}

#featuredlist p{
  margin-top:7px !important;
  width:120px !important;
  float:left;
}

td.featuredproductimg{
    vertical-align:middle !important;
}

td.featuredproductname{
   padding-right:20px !important;
}