/* GLOBAL */

.payLater {float: right;
width: 170px;
height: 100px;
margin: 0px 400px -40px 0px;
}

/* html  { filter:expression(document.execCommand("BackgroundImageCache", false, true)); } */
body  { font-family:Arial, helvetica, verdana, sans-serif; line-height:1.3em; margin:0 34px 34px 34px; background:url(graphics/ui/body_bg_tile.png) repeat-x #dcdcdc; }
a     { color:#9a090d;  }

h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif; color: #293D00; font-weight:bold}


h1 { font-size: 1.7em }
h2 { font-size: 1.5em }
h3 { font-size: 1.3em }
h4 { font-size: 1.1em }
h5 { font-size: .988em; } 

h1, p, ul, ol { margin-top:0; margin-bottom:14px; }
h2, h3, h4, h5, td, table, div, form { margin:0; padding:0; }
img { border:0; }


h2 a { text-decoration:none; }
h2 a:hover { text-decoration:underline; }
.listheader h4, td h5 { color:white }

h5 { display:inline; }


.red {color:#9a090d;}

form { display:inline; }
select { margin-bottom:3px; }

#content { float:right; width:590px; padding:10px; border:5px solid #fff; background:url(graphics/ui/content_bg_tile.jpg) top repeat-x #fff; }
#content_home { float:right; width:590px; padding:10px; border:5px solid #fff; background:url(graphics/ui/content_bg_tile.jpg) top repeat-x #fff; }

#heading { width:590px; }
#heading h1 { width:460px; float:left; }
#heading .pdf {float:right; text-align:right; width:120px; font-size:.9em; }

#main-images { width:585px; height:440px; margin:0 0 30px 0; padding:18px 0 0 0; border:1px solid #e3e0b0; background-color:#fff; }
#main-images img {border:none; float:left; padding:0px 50px 18px 20px }
#main-images a:hover {border:1px solid black}

#main-pg-content {height:105px; }
#main-copy {float:left; width:375px; font-size:14px !important; }
#main-bulleted-points {float:right; font-size:16px; font-weight:bold; color:#c55235; width:180px; padding-left:15px; }
#main-bulleted-points li {padding-bottom:14px; }

#login { line-height:25px; width:265px; }

#mainbody { width:860px; margin:0 auto; padding:45px 25px 45px 25px; font-size:95%; border-top:0; background:url(graphics/ui/mainbody_bottom.jpg) bottom no-repeat #e7e7e7; }
#mainbody_account { width:860px; margin:0 auto; padding:50px 25px 50px 25px; font-size:95%; border-top:0; background:url(graphics/ui/mainbody_bottom.jpg) bottom no-repeat #e7e7e7; }

#topbar { width:910px; margin:0 auto; }

.clear { clear:both; }
.floatleft { float:left; }
.floatright { float:right; }

#topinfo { float:right; margin-top:10px; margin-right:0px; width:240px; background-color:#c55235; border-top:1px solid white; border-left:1px solid white ; border-bottom:1px solid white; }
#topinfo p {color:#fff; font-size:13px; font-weight:700; padding:4px; text-align:center; line-height:18px; margin:0px}
#starburst {float:right; background:url(graphics/ui/starburst.png); width:156px; height:100px; background-repeat:no-repeat; margin-top:160px; margin-left:680px}

/* NAVBAR */

#affiliatelink {
   font-size:95%;
   position:absolute;
   top:-240px;
   left:0;
   color:#fff;
   }

#affiliatelink a {
   font-weight:bold;
   font-size:95%;
   color:#fff;
   }

#currenttab { list-style:none; float:right; background:url(graphics/ui/current_nav_bg.gif) repeat-x #293d00; padding:14px 20px;color:#fff;
   }

#currenttab h3 { color:white }

#loginlink { font-size:95%; position:absolute; top:-260px; left:0; color:#fff; }

#loginlink a {
   font-weight:bold;
   font-size:95%;
   color:#fff;
   }

#logo {
   height:314px;
   display:block;
   background:url(graphics/ui/company_logo.jpg) no-repeat top left;
    }

#logobar    {padding:0;    margin:0;   background-color:#50514E;  }
#logobar ul {position:absolute;  top:313px;  width:870px;   font-size:.8em;   background-color:#50514E;  }
#search     {position:absolute;  top:313px;  height:16px;   background:#50514e;  padding:10px 30px 10px 25px;  width:248px;   z-index:100;
   }



#search .searchbutton {
   vertical-align:middle;
   float:left;
   margin-top:0;
   }

#searchfield {
   border:1px solid #999;
   background:#eee;
   color:#666;
   font-size:.9em;
   padding:1px 2px 2px 2px;
   height:15px;
   width:150px;
   float:right;
   }

.hiddentab {
   list-style:none;
   float:right;
   color:#fff;
   padding:14px 20px;
   background:#50514e;
   }

.hiddentab h3 {
   font-size:1.6em;
   }

.hiddentab b h3 a {
   color:#fff;
   text-decoration:none;
   }

.hiddentab b h3 a:hover {
   text-decoration:underline;
   }


/* CTGY */

#nextbutton {
   clear:both;
   float:right;
   margin-top:20px;
   }

#prevbutton {
   position:relative;
   top:25px;
   clear:left;
    float:left;
   }

.catrow {
   clear:both;
    margin:20px 0;
    width:565px;
    }

.prodbutton {
   margin:8px auto;
   }

.prodbutton form {
   display:block;
   }

.prodcolumn {
   float:left;
   width:270px;
   margin-right:20px;
   text-align:center;
   }

.prodcolumn h2 a { font-size:1em; text-decoration:none; }
.prodcolumn h2 a:hover { text-decoration:underline; }


.catProdLink {text-align:center; padding:0 60px; }


.thumb {
   margin:15px auto 10px auto;
   border:1px solid #182902;
   }


/* ACCOUNT PAGES */

.custPre {text-align:left; margin-bottom:4px; }

.account_column {
   width:50%;
   float:left;
   }

.i5 {font-style:italic; font-weight:400 }
.account_column h5 { width:280px; }
.account_column input { margin-bottom:10px; margin-left:180px;  }
.account_column select { margin-bottom:3px; margin-left:180px; }

.listheader {
   background-color:#50514E;
   color:#fff;
   height:20px;
   padding:4px 5px;
   font-size:1em;
   font-weight:700;
   }


.paymentdetail {
   width:130px;
   display:block;
   height:26px;
   float:left;
   }

.invalid {
   color:#FF0000;
   }

.pad {
    margin-top:25px;
   }


/* BASKET */

#total {
    padding:10px 0 0 10px;
    text-align:right;
   }

.baskettext_left{
   padding:3px 15px 0 10px;
    vertical-align:top;
   }

.baskettext_right{
   padding:3px 0 0 10px;
   text-align:right;
    vertical-align:top;
   }

.baskettext_left h4, .baskettext_right h4 { margin:1px 0 2px 0; color:#fff }

.priceeach {
   text-align:right;
   width:80px;
   margin-left:5px;
   float:right;
   }


/* PRODUCT PAGES */

h1#prodname {
   font-size:1.6em;
   margin-bottom:5px;
   line-height:1.3em;
   width: 400px; 
   float:left; 
   }

#pdf { width:175px; }

A#pdf {font-size:.8em;float:right;text-align:right;}


#prodadd {
   display:inline;
   position:relative;
   left:8px;
   }

.prodimage {
   margin:0 20px 5px 0;
   float:left;
   border:1px solid #182902;
   }




/* SUBNAV - CATTREE */

ul#first{
   width:179px;
   margin:13px;
   padding:0;
   }

#subnav li.subcategory { padding:0; margin:3px 0 0 0; border:none; width:170px; }
#subnav li.subcategory a { font-weight:normal; font-size:.9em; }
#subnav li.subcategory a:hover { text-decoration:underline; }
#subnav li.subcategory a:visited:hover { color:#666767;  }
#subnav li.subcategory h5 { color:#293d00; }
#subnav a.curcat {font-weight:700; color:#293d00; text-decoration:none; }

#subnav{
   float:left;
   color:#000;
   border:10px solid #fff;
/* font-size:1.1em; */
   background-color:#fff;
   width:205px;
   }

#subnav h2 {font:bold 1.4em Arial, Helvetica, sans-serif; }
#subnav h5 { color:#293d00; }
#subnav-table {margin-top:5px; font-size:12px; }
#subnav-table ul {padding:0; }
#subnav-table li {padding:4px 0; list-style:none; }
#subnav-table li a {color:#9a090d; display:block; }
#subnav-table li a:hover {color:#293d00; text-decoration:none; }



#subnav-table2 {margin-top:5px; font-size:12px; background:#fff url(graphics/ui/subnav2-bg.gif) repeat-x top left; border:1px solid #e3e0b0; }
#subnav-table2 ul {padding:0; }
#subnav-table2 li {padding:4px 0 4px 6px; list-style:none; }
#subnav-table2 li a {color:#5e5a1f; display:block; }
#subnav-table2 li a:hover {text-decoration:none; }

.catStuff { margin-top:5px; font-size:12px; background:#fff url(graphics/ui/subnav2-bg.gif) repeat-x top left; border:1px solid #e3e0b0; padding:4px 0 4px 6px; color:#5e5a1f;  }
p.catStuff {font-size:9px; font-weight:400; }

h2.catStuff {font:bold Arial, Helvetica, sans-serif; }


.btnTxt     {
  background:url('btnbck.gif');
  border:1px solid  #c9c9c9;
  color:white;
  font-size:10px;
  font-weight:700;
  height:20px;
  }

 .clear {clear:both}

 #ctgyHead  h2{font-size:1.1em; color:#293d00; margin-bottom:8px; }
 #ctgyHead ul {margin-right:10px; list-style:none; }
 #ft {display:inline;  border:1px dotted red}



.buttonLarge  {
    background-color: rgb(22, 71, 163);
    border: none;
    color: white;
    font-size: 1.3em;
    font-weight: 700;
    padding: 5px 10px;
}

.button {
    background-color: rgb(22, 71, 163);
    border: none;
    color: white;
    font-size: 1.1em;
    font-weight: 400;
    padding: 4px 8px;
}


.buttonSmall {
    background-color: rgb(22, 71, 163);
    border: none;
    color: white;
    font-size: .8em;
    font-weight: 400;
    padding: 3px 6px;
}


.right { text-align:right }



blockquote {margin-left:12px}

.radImage {float:left; padding-left:10px; padding-bottom:16px; text-align:center; width:85px; font-size:.8em; vertical-align:top;}
img.radImage {width:85px}

input[type="radio"] { margin-top:4px;  }

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(media/formbg.gif) repeat-x left top;
}


.baskButtons {width:600px; margin:18px 0px 18px 250px; display:block}
.baskContShop  {float:left;  text-align:left; display:inline; padding-left:20px}
.baskContCheck {float:right; text-align:right; display:inline}
.baskSSL {text-align:center; padding-top:48px}

/* Replaces Account Column Nonsense : Don't know if those tags where used elsewhere */

.custInfo .i5 { float:left;font-weight:400}
.custInfo h5  { float:left;}
.custInfo input  { float:right; margin-right:28px;   }
.custInfo select  { float:right;  margin-right:28px; width:232px   }
.custInfoBR {clear:both; margin-bottom:12px; line-height:28px }
.custInfo .country  { float:right;  margin-right:28px;  width:232px }

.blk {color:#000000;}



a.specLink  {
   color:#000000;
   text-decoration:none;
   }

a.specLink:hover {
   text-decoration:underline;
   }


  

/* PRODUCT LIST */


.productlist_row {
   padding:4px 6px;
   float:right;
   width:547px;
   border-bottom:1px dotted #000;
   }

.productlist_row form { display:inline; float:right; margin-left:3px; }

.productrow_text{
   width:325px;
   padding-top:2px;
   float:left;
   }

.productrow_text .floatleft { 
   max-width:270px; 
   width:expression(document.body.clientWidth > 272? "270px":"auto" ); }