/*UNIVERSAL STYLES*/

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

body{
    margin:0;
    padding:0 0 10px 0;
    font-family:verdana,sans-serif;
    font-size:80%;
    line-height:1.5em;
    color:#000;
    background:#fff;
}

table{
    border-collapse:collapse;
}

td{
    vertical-align:top;
    padding:0;
}

p{
   margin:10px 0 10px 0;
}

ul{
    list-style-type:square;
    list-style-position: inside;
    margin:10px 0 10px 10px;
    padding:0;
}

li{
    padding:0;
    margin:0;
}

strong{
    font-size:1.1em;
}

.floatleft{
    float:left;
}

.floatright{
    float:right;
}

.indented {
   margin-left: 25px;
   margin-bottom: 1em;
}

.indented td {
   padding: 1px 4px 1px 4px;
}

a,
a:active,
a:visited{
    color:#000;
    text-decoration:underline;
    display:inline;
}

a:hover{
    color:#FF5B5B;
}

a.whitelink,
a.whitelink:active,
a.whitelink:visited{
    color:#000 !important;
    text-decoration:underline;
    font-weight:normal !important;
}

a.whitelink:hover{
    color:#FF5B5B !important;
}

a.button,
a.button:visited,
a.button:active{
    background:url("images/button_background.gif");
    padding:2px 5px 3px 5px;
    color:#fff !important;
    text-decoration:none !important;
    font-size:1.1em;
    display:block;
    float:right;
    z-index:1;
    font-weight:bold;
}

a.button:hover{
    background:url("images/button_hover.gif");
}

a.readmore,
a.readmore:active,
a.readmore:visited,
a.readmore:hover{
    float:right;
    margin-right:20px;
    margin-top:-5px;
}

p.button{
    position:relative;
    float:right;
    clear:both;
    margin:0 10px 5px 0;
    float:right;
    z-index:1;
}

h2{
    color:#FF5B5B;
    margin:0 0 10px 0;
    padding:0;
    font-weight:bold;
    font-size:1.55em;
}

h3{
    color:#FF5B5B;
    margin:0 0 10px 0;
    padding:0;
    font-weight:bold;
    font-size:1.55em;
}

h4{
    margin:20px 0 10px 0;
    font-size:1.35em;
    font-weight:bold;
}

input.qty{
    width:30px !important;
}


/*WRAPPERS*/

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

#contentwrap{
    background:url("images/footer_background.jpg") #fff bottom center no-repeat;
    padding:0 0 20px 0;
}

#contentwrap img{
    border:1px solid #CACACA;
    margin:8px;
}

#contentwrap a,
#contentwrap a:hover,
#contentwrap a:active{
    color:#145958;
    font-weight:bold;
    display:inline !important;
    text-decoration:underline;
}

#contentwrap a:hover{
    color:#FF5B5B;
}


/*HEADER, ADDRESS, LOGO*/

#header{
    background:url("images/header_background.jpg") #fff top left no-repeat;
    height:123px;
    width:948px;
}

h1{
    color:#227369;
    font-size:1.5em;
    margin:0;
    padding:0;
    float:left;
    position:relative;
    top:0;
    left:0;
    z-index:1;
    width:326px;
}

h1 span{
    width:363px;
    height:99px;
    background:url("images/logo.gif") transparent top left no-repeat;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
}

#address{
    float:right;
    width:360px;
    clear:right;
    margin:10px 0 0 0;
}

.address{
    color:#227369;
    text-align:right;
    font-weight:bold;
    width:70px;
    padding:0 6px 0 0;
}

.location{
    line-height:1.6em;
}


/*MAIN MENU*/

#menuwrap{
    width:948px;
    background:url("images/menu_background.gif") #227369 top left repeat-x;
    height:25px;
    padding:0;
}

#menu{
    color:#fff;
    font-weight:bold;
    font-size:1.2em;
      margin:0 auto 0 auto;
}

#menu td{
  text-align:center;
  vertical-align:middle;
}


#menu a,
#menu a:visited,
#menu a:active{
      color:#fff;
      display:block;
      height:24px;
      padding:1px 20px 0 20px;
      text-decoration:none;
      margin:0;
    background:url("images/menu_background.gif") #227369 top left repeat-x;
}

#menu a:hover{
    background:url("images/menu_hover.gif") #FF5B5B top left repeat-x;
}

#menu a.on,
#menu a.on:active,
#menu a.on:visited,
#menu a.on:hover{
    background:url("images/menu_hover.gif") #FF5B5B top left repeat-x;
      margin:0;
}




/*CRUMBTRAIL, DATE, CART AND FOOTER*/

#belownav{
    background:url("images/crumbtrail_background.jpg") #D6D6D6 top left repeat-x;
    width:948px;
    height:20px;
    margin:2px 0 0 0;
    font-size:0.8em;
    line-height:1.3em;
}

#crumbtrail{
    float:left;
    width:600px;
    margin:0 0 0 4px;
}

#cartanddate{
    float:right;
    text-align:right;
    width:332px;
    margin:0 4px 0 0;
    display:block;
    height:18px;
}


#footer{
    background:url("images/footer_line.gif") #fff top left repeat-x;
    padding:4px 4px 4px 4px;
    clear:both;
    font-size:0.8em;
}

#footer p{
    margin:0;
}


a.viewbasket,
a.viewbasket:active,
a.viewbasket:visited,
a.viewbasket:hover{
   background:url("images/basket.gif") left no-repeat;
   padding:4px 0 6px 24px;
   margin:0 0 0 15px;
}




/*STANDARD FORM STYLES*/

input{
   border:1px solid #bbb;
   background:#fff !important;
   font-family:verdana,sans-serif;
   font-size:1em;
   padding:1px;
   width:200px;
   margin:0;
}

select{
   border:1px solid #bbb;
   background:#fff !important;
   font-family:verdana,sans-serif;
   font-size:1em;
   padding:1px;
   width:200px;
}

textarea{
   border:1px solid #bbb;
   background:#fff;
   font-family:verdana,sans-serif;
   font-size:1em;
   padding:1px;
   overflow:auto;
   width:200px;
   margin:0;
   height:130px;
}

fieldset{
   border:0;
    margin:0;
    padding:0;
}

input.checkbox{
    width:20px !important;
    border:0px !important;
    background:transparent !important;
}

input.submit{
    width:60px !important;
    height:22px;
    padding:1px;
    margin:0 0 0 30px;
    background:url("images/button_background.gif") !important;
    background-color:#145958;
    border:0px !important;
    color:#fff;
    font-size:1.1em !important;
    font-weight:bold;
}

input.submit:active,
input.submit:hover{
    background:url("images/button_hover.gif") !important;
}

input.buynow{
    width:70px !important;
    height:22px;
    padding:1px;
    margin:0 0 0 7px;
    background:url("images/button_background.gif") !important;
    background-color:#145958;
    border:0px !important;
    color:#fff;
    font-size:1em !important;
    font-weight:bold;
}

input.buynow:active,
input.buynow:hover{
    background:url("images/button_hover.gif") !important;
}


input.continue{
    width:75px !important;
    height:22px;
    padding:1px;
    margin:0 0 0 7px;
    background:url("images/button_background.gif") !important;
    background-color:#145958;
    border:0px !important;
    color:#fff;
    font-size:1em !important;
    font-weight:bold;
}
input.continue:active,
input.continue:hover{
    background:url("images/button_hover.gif") !important;
}

/*SEARCH BOXS*/

#homepagesearch{
    padding:0 !important;
    width:240px;
    margin:25px auto 0 auto;
}

#homepagesearch legend{
    color:#FF5B5B;
    margin:0 0 25px 0;
    padding:0;
    font-weight:bold;
    font-size:1.55em;
}


#fullsearch{
    width:220px;
    float:right;
    margin:21px 42px 0 0;
    _margin:21px 0 0 0;
    font-size:0.85em;
    background:#f00;
}

#fullsearch legend{
    color:#FF5B5B;
    margin:0;
    padding:0;
    font-weight:bold;
    font-size:1.55em;
}

#search{
   width:220px;
background:url('images/searchbox_background.jpg') #dfdfdf bottom repeat-x;
}

#search select{
   width:222px;
   font-family:verdana,sans-serif;
   font-size:1.1em;
   padding:1px;
    border-bottom:1px solid #bbb;
}

#search input{
   width:218px;
   font-family:verdana,sans-serif;
   font-size:1.1em;
   background:#fff;
   padding:1px;
   border:1px solid #bbb;
}

#search label{
    font-weight:bold;
}

#search td{
   padding:4px 10px 0 10px !important;
   margin:0 !important;
}




/*HOME PAGE SPECIFIC LAYOUTS ETC*/

#threecolumnlayout{
    width:948px;
    margin:0;
    padding:0;
    font-size:0.85em;
    border-collapse:collapse;
}

#threecolumnlayout td{
    vertical-align:top;
    padding:8px;
    width:306px;
}

#featured img{
   margin-left:0;
}



/*SEARCH RESULTS*/

#searchresults{
    padding:0;
    clear:both;
}

#searchresults form{
   margin:0;
}

#searchresults table{
   width:100%;
   text-align:center;
}

#searchresults td{
    padding:5px 5px 5px 0;
    min-width:100px;
    vertical-align:middle;
}

#headings{
    font-weight:bold;
}

#headings a,
#headings a:active,
#headings a:visited,
#headings a:hover{
   text-decoration:none;
   color:#000;
}

h2.searchhead{
   padding:20px 0 0px 0;
   margin:0;
}

p.searchtext{
   padding:15px 0 15px 0;
}

#searchnavtop{
    margin:26px 0 36px 0;
    /* WAS margin 10px 0 16px 0 only - altered by RPL to make it into a table*/
}

#searchnavtop td{
   width:100px;
   height:22px;
}

#searchnavtop a,
#searchnavtop a:active,
#searchnavtop a:visited{
    text-decoration:underline;
    color:#000;
    font-weight:normal;
}

#searchnavtop a:hover{
    color:#FF5B5B;
    font-weight:normal;
}

a.first,
a.first:active,
a.first:visited{
   text-align: left;
   background:url("images/searchnav_first.gif") transparent left no-repeat;
   padding:2px 0 4px 30px;
}

a.first:hover{
   background:url("images/searchnav_first_on.gif") transparent left no-repeat;
}

a.previous,
a.previous:active,
a.previous:visited{
   text-align: left;
   background:url("images/searchnav_previous.gif") transparent left no-repeat;
   padding:2px 0 4px 30px;
   display:block;
   height:22px;
}

a.previous:hover{
   background:url("images/searchnav_previous_on.gif") transparent left no-repeat;
}

a.next,
a.next:active,
a.next:visited{
   background:url("images/searchnav_next.gif") transparent right no-repeat;
   padding:2px 30px 4px 0;
}

a.next:hover{
   background:url("images/searchnav_next_on.gif") transparent right no-repeat;
}

a.last,
a.last:active,
a.last:visited{
   background:url("images/searchnav_last.gif") transparent right no-repeat;
   padding:2px 30px 4px 0;
}

a.last:hover{
   background:url("images/searchnav_last_on.gif") transparent right no-repeat;
}

#searchnavbottom{
    margin:26px 0 0 0;
    /* WAS margin 10px 0 16px 0 only - altered by RPL to make it into a table*/
}

#searchnavbottom td{
   width:100px;
   height:22px;
}

#searchnavbottom a,
#searchnavbottom a:active,
#searchnavbottom a:visited{
    text-decoration:none;
    color:#000;
    font-weight:normal;
}

#searchnavbottom a:hover{
    color:#FF5B5B;
    font-weight:normal;
}

.subprice {
    font-size: 0.9em;
    margin: 0;
    line-height: 0.9em;
}

.right {
    text-align: right;
}

.white{
    background:transparent;
}

.blue{
    background:#E7EDF5;
}

.yellow{
    background:#FFFFD5;
}

input.qty{
   border:1px solid #bbb;
}

/*PRODUCT PAGE*/

#productview{
    margin:0;
    width:655px;
}

#productview h2{
    padding:20px 0 0 0;
    clear: left;
}

#productview table{
   width:380px;
   text-align:center;
   clear:right;
   margin:20px auto 0 auto;
}

#productview td{
   padding:5px 0 5px 0;
}


#productview a,
#productview a:active,
#productview a:visited,
#productview a:hover{
    width:80px;
    max-width:80px;
    display:block;
    margin:0 auto 0 auto;
}

#productview img{
   border:0;
   margin:0 auto 0 auto;
}

#productview p{
   font-size:0.85em;
}

p.description{
   margin-top:-20px;
   float:right;
   width:454px;
}

p.extlink{
   width:254px;
   float:right;
   clear:right;
   text-align:right;
}

p.small{
    font-size:0.8em;
    padding:3px 0 10px 0;
}

#productimage{
    float:left;
    clear:left;
    width:245px;
    margin:0;
    padding:0;
    text-align:center;
}



/* SUPPLIER PAGE */

div.catimage{
    float:left;
    clear:left;
    width:240px;
    margin:5px 8px 0 0;
    text-align:center;
}

#supplierlist {
    clear:left;
}

/*POPUP*/

#popup{
   margin:5px;
   background:url("images/loading.jpg") #fff 50% 50% no-repeat;
   color:#000;
}

#popup p{
  text-align:right;
  margin:0;

}

#popup a,
#popup a:active,
#popup a:visited,
#popup a:hover{
  font-weight:normal;
   font-size:0.9em;
}
#popup h4{
   text-align: center;
   margin-top: 5px;
   line-height: 1em;
}

#popup div{
   margin:0 auto 0 auto;
   text-align:center;
   display:block;
}

#popup a img,
#popup a img:active,
#popup a img:visited,
#popup a img:hover{
   border:1px solid #ccc;
}

/*STATIC PAGES*/

#content{
   width:660px;
   margin:0 !important;
}

#content h2{
   margin:0;
   padding:20px 0 15px 0;
}

#content p{
   margin:0 0 15px 0;
}

#content h3{
    color:#FF5B5B;
    margin:0 0 10px 0;
    padding:0;
    font-weight:bold;
    font-size:1.1em;
}

/*CONTACT FORM*/

#contactform td{
   padding:3px 3px 8px 3px;
}

textarea.message{
   height:155px;
   margin-bottom:6px;
}

#contactform input.submit{
    font-size:1.1em !important;
}


/*DROPDOWN MENU STYLES*/

#supplierssub{
   position:absolute;
   z-index:2;
   display:none;
   list-style-type:none;
   background:transparent;
   font-size:0.7em;
   font-weight:normal;
   margin:0;
   padding:0;
}

#suppliersub li{
}

#supplierssub a,
#supplierssub a:active,
#supplierssub a:visited{
   padding:0px 4px 0 2px;
   display:block;
   width:170px !important;
    background:url("") #115757;
  position:relative;
   z-index:3;
  top:0;
  left:-64px;
   border-top:2px solid #fff;
}

#supplierssub a:hover{
    background:url("") #B24040;
}

#supplierslist {
    margin-left: 5em;
}

#supplierslist td{
   padding-bottom:4px;
}

#vatform .continue {
   float: right;
   margin: 0 5px 10px 0px;
}

#vatform .checkbox {
   margin-top: 9px;
   float: left;
   clear: left;
}

#vatform label {
   display: block;
   float: left;
   width: 600px;
   margin-left: 0.3em;
   margin-top: 0.6em;
}

.clear {
   clear: both;
}

#submitme {
   display: none;
}

.invisible {
   display: none;
   background-color: #fff;
   color: #fff;
}