/* CSS Document */
table.content {background:#fff;}
ul.iefix {margin-left:-15px;list-style-type:square;}
#headrow tr,#headrow td {font-weight:bold;font-size:11px;background:#ccc;color:#333; text-transform:capitalize; text-align:center}

.website {position:absolute; width:990px; margin:0px auto;  
 left: 0;
  right: 0;
  margin-left: auto; ; z-index:2;
  margin-right: auto;
 } 
 
 #bgbox {width:100%; height:100%; } 
  .backgrounds {overflow:hidden; width:100% }
 .backgrounds div {position:absolute; width: 100%; border:1px solid #000; z-index:1; display:none; background-position:center top }
body.body{background:#fff; margin-top:0px; margin-left:auto; margin-right:auto;  background-image:url(../images/cdfox18-bgs_01.jpg); background-position:top; background-repeat:repeat-x; background-color:#82d8d0;
background-image:url(../images/bgdef.jpg); background-position:top center; background-repeat:no-repeat; background-attachment:fixed}
body,td {font-family:arial; color:#666; font-size:85%; line-height:1.3em; text-align:justify}
#wrapper {width:920px;  margin-left:auto; margin-right:auto; padding-top:0px;}
#header {height:142px; width:920px; background-image:url(../images/cdfox2_051.png); background-repeat:no-repeat }
 
#contfoot,#conthead { width:920px; height:11px; background-repeat:no-repeat ; } 
#contfoot {background-image:url(../images/cdfox_33.png);  }
#logo {float:left ; margin-left:40px; }
#logo h2 {
	position:absolute;
	font-size:12px;
	font-weight:normal;
	margin-left:80px;
	margin-top:-30px;
	width:200px;
	height: 31px;
} 
#top, #bottom {height: 920px; height:25px; background-repeat:no-repeat; } #bottom {background-image:url(../images/cdfox2_03-03.png); }
#top {background-image:url(../images/cdfox2_031.png); }
#header #box {position:absolute; margin-left:680px; z-index:200 } 
#conthead {background-image:url(../images/topbg_17.png);  }
#contbody {background-image:url(../images/cdfox2_03-02.png); background-repeat:repeat-y;  width:840px; padding:10px 40px; display:table; height:; width:830px  } 
#navmenu {background-image:url(../images/cdfox2MIsc_12.png); z-index:190; position:absolute; margin-left:490px; background-position:top left; margin-top:-37px; height:32px; background-repeat:no-repeat; padding-left:21px;  width:413px; }
#navmenu ul.menu {margin-left:0px;  background-repeat:repeat-x; display:table;  }
#navmenu .menu li { list-style-type:none; float:left; 
padding:2px 15px 10px 5px; text-align:left;   font-weight:bold;  }
#navmenu .menu li a span { display:none; } 
#content {clear:both;  }
#footer {clear:both; background-color:#6eb9b2; width:880px; margin:0px auto; font-weight:bold;   font-size:11px; color:#222; text-align:center; padding:10px 0px; line-height:normal  }
#footer a {color:#222; text-decoration:none }
#footer a:hover {color:#222; text-decoration:underline }

h1 {font-size:220%; margin-top:0px; font-weight:normal; line-height:normal; color:#6eb9b2;   }
h2 {font-size:150%;   margin-top:3%; font-weight:normal;  line-height:normal; color:#6eb9b2 }
h3 {font-size:16px; margin-top:0px; line-height:normal }
h4 {font-size:14px; margin-top:0px; line-height:normal}
a,a:visited,a:active { color:#1ccfbe; text-decoration:none}
a:hover { color:#82d8d; text-decoration:underline}
a.print,a.print:active,a.print:visted,a.print:hover {color:#666; letter-spacing:0.05em}
input,textarea {font-family:Arial, Helvetica, sans-serif; color:#444;font-size:11px; border:1px solid #aaa }
img {border:0px;}
select {font-family:arial; color:#333; font-size:11px; }
p {margin-bottom:15px;margin-top:0px;}
input.contact {width:95%; }


hr {
border: 0;
color: #ccc;
background-color: #ccc;
height: 1px;
width: 90%;
text-align: left; margin-bottom:10px; margin-left:0px;
}

.packingmaterial { background-image:url(../images/cdfox_27.jpg); background-repeat:repeat-x; clear:both; margin-top:20px; }
.packingmaterial2 {background-image:url(../images/cdfox_28.jpg); background-position:right; height:91px; display:table-cell; vertical-align:middle; padding:20px 75px 20px 20px; background-repeat:no-repeat; font-size:12px; }
.products {clear:both; } .prodcol {float:left; width:48%; margin-right:2%; }.bread {font-size:10px;color:#444; font-weight:normal }
.promo {height:150px; background-image:url(../images/promo_09.jpg); background-position:center; background-repeat:repeat-y; margin-top:-6px; padding:0px 20px 0px 20px; color:#fff; margin-left:auto; margin-right:auto; }
.promo h2,.promo h2 a {color:#fff; } .promo .text {padding-right:20px; width:50%; }
.promo h2 {padding-top:20px; font-size:190%; } 
.shadow {background-image:url(../images/shadow_11.jpg); background-repeat:repeat-x; width:879px; margin:0 auto; height:19px; } 
.shadow2 { background-image:url(../images/cdfox2_03-02.png);   }
.newsleft {width:15%; float:left; margin-right:12px; }
.newsmain {width:80%; float:right; margin-left:12px; margin-top:-35px; }
.newsmain h2 {margin-bottom:12px; font-size:140%}
.row2 {background:#eee; } .row1 {background:#ddd; }
table.banner td {line-height:normal;font-family:verdana; font-size:1px}
#navbar td {text-align:center; font-size:15px; font-weight:bold;}
div.body{margin-left:5px; padding-top:4px;height:388px; padding-right:10px; overflow:auto;
scrollbar-arrow-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-face-color: #BF9660;
scrollbar-highlight-color: #915F23;
scrollbar-shadow-color: #915F23;
scrollbar-track-color: #eeeeee;
}
.contact td{font-size:9px;}
.date {font-size:9px; margin-top:0px; font-weight:normal}


.nav1 td a {color:#fff;}
.headline {font-size:11px;}
.hide {display:none;}
.intro {margin-bottom:10px; margin-left:10px;font-size:12px; line-height:normal; text-align:justify }
.niframe {display:none;width:1; height:1;}

.thumb {float:left; width:100px; height:100px; background-position:center; border:3px solid #ddd; margin:5px; }
.thumb img {width:100px; height:100px; } 
h3.subhead {font-size:12px;}
.sidenav .headnav {font-size:13px; font-weight:bold; }
.sidenav .navitem {font-size:11px; font-weight:bold; padding:1px; padding-top:2px;
 padding-bottom:2px; padding-left: 6px; }

.itemcode {font-size:10px; font-weight:normal}
.itemname {font-size:11px; font-weight:bold; }

.pagethis {border:1px solid #ddd; padding:2px; background:#eee;}
.page {border:1px solid #ddd; padding:2px;}
.page:hover {border:1px solid #ddd; background:#eee}
.pageof {float:left; color:#666;}

.pagit {text-align:right; margin-top:10px; font-size:11px; margin-bottom:10px;}
#results tr td {font-size:10px;}
.req {float:right; font-size:10px; }

.NavMenu td {font-weight:bold; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px;}
.quote {font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; }
.testimonial {margin:20px;}
.testname {font-style:italic; padding-left:25px; margin-top:7px;}

.sitemap,.sitemap ul,.sitemap ul ul  {list-style-type:none; margin-left:0px; display:block}
.sitemap ul li.closed ul {display:none}
.sitemap li.closed ul {display:none}

.sitemap ul li.open ul {display:block}
.sitemap li.open ul {display:block}
.contactleft {float:left; width:45%; padding-top:3%}
ul {margin:0px; padding:0px; margin-left:20px; }
.contactright fieldset {float:right; width:45%; padding:3%; }
fieldset label,fieldset input[type=submit] {display:block; font-size:90%; font-weight:bold; text-transform:uppercase; margin-top:2%; }
fieldset label input,fieldset label textarea,fieldset label select {display:block; width:99%; }

div.catalogue {padding-top:0px; height:150px; width:825px; overflow:auto; white-space: nowrap; 

scrollbar-arrow-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-face-color: #6eb9b2;
scrollbar-highlight-color: #6eb9b2;
scrollbar-shadow-color: #6eb9b2;
scrollbar-track-color: #eeeeee;

  }
  div.catalogue td{padding:0px;}
  
  
.leftarrow { position:absolute; border:0px solid #333; height: 141px; margin-left:-18px; } 
.rightarrow {position:absolute; margin-left:820px; border:0px solid #333; height: 141px; } 

.Safaricss #contbody {width:100%; }