* { margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif;}
.clear{ clear: both; font-size: 1%;}

blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}

body { background-color: #fbfdfd; background-image:url(images/background.jpg); background-repeat:no-repeat; background-position:center top; text-align: center;}
.faq{ position: absolute; top: 14px; margin-left: 547px;}
.so{ position: absolute; top: 29px; margin-left: 275px;}


#maintable{ width: 778px; text-align: left; margin: auto; background-color: #fbfdfd;}


#header { width: 778px; height: 246px; background-image:url(images/header.jpg)}
#header .logo{ padding-top: 25px; padding-left: 25px;}
#header .telephone{ position: absolute; margin-left: 340px; margin-top: 25px;}
#header .navigation{ position: absolute; margin-left: 133px; margin-top:30px;}
#header #flash{ position: absolute; margin-left: 341px; margin-top: 96px;}

#latestnews{ width: 767px; margin-left: 5px; background-color:#f0efe8; font-size: 80%;}
#latestnews p{ padding: 3px; color:#003366;}
#latestnews a{ color:#003366; text-decoration: none;}
#latestnews a:hover{ color:#003399; text-decoration:underline;}
#latestnews .t {background: url(images/latestnews/dott.gif) 0 0 repeat-x; background-color:#f0efe8;}
#latestnews .b {background: url(images/latestnews/dotb.gif) 0 100% repeat-x}
#latestnews .l {background: url(images/latestnews/dotlr.gif) 0 0 repeat-y}
#latestnews .r {background: url(images/latestnews/dotlr.gif) 100% 0 repeat-y}
#latestnews .bl {background: url(images/latestnews/bl.gif) 0 100% no-repeat}
#latestnews .br {background: url(images/latestnews/br.gif) 100% 100% no-repeat}
#latestnews .tl {background: url(images/latestnews/tl.gif) 0 0 no-repeat}
#latestnews .tr {background: url(images/latestnews/tr.gif) 100% 0 no-repeat; padding:10px} 

#leftcontainer{ width: 187px; float: right;}

#leftcontainer .chairmans{ width: 182px; margin-top: 5px; margin-left: 5px;}
#leftcontainer .chairmans .product{ text-align: center;}
#leftcontainer .chairmans h1{ display: none;}
#leftcontainer .chairmans h2{ font-size: 75%; color:#CC0000; margin-bottom: 5px;}
#leftcontainer .chairmans p{ font-size: 65%; margin-bottom: 5px;  color:#666666;}
#leftcontainer .chairmans .t {background: url(images/chairmans/dott.gif) 0 0 repeat-x; background-color:#ecf1fb;}
#leftcontainer .chairmans .b {background: url(images/chairmans/dotb.gif) 0 100% repeat-x}
#leftcontainer .chairmans .l {background: url(images/chairmans/dotlr.gif) 0 0 repeat-y}
#leftcontainer .chairmans .r {background: url(images/chairmans/dotlr.gif) 100% 0 repeat-y}
#leftcontainer .chairmans .bl {background: url(images/chairmans/bl.gif) 0 100% no-repeat}
#leftcontainer .chairmans .br {background: url(images/chairmans/br.gif) 100% 100% no-repeat}
#leftcontainer .chairmans .tl {background: url(images/chairmans/tl.gif) 0 0 no-repeat}
#leftcontainer .chairmans .tr {background: url(images/chairmans/tr.gif) 100% 0 no-repeat; padding:10px}
#leftcontainer .chairmans .button{ text-align: right; margin-bottom: 6px;}
#leftcontainer .newsletter { width: 182px; margin-top: 8px; margin-left: 5px;}
#leftcontainer .newsletter h1{ display: none;}
#leftcontainer .newsletter .text{ width: 160px;}
#leftcontainer .newsletter p{ margin-top: 5px; font-size: 70%; color:#666666;}
#leftcontainer .newsletter .button{ text-align: right; margin-top: 6px;}
#leftcontainer .newsletter .t {background: url(images/newsletter/dott.jpg) 0 0 repeat-x; background-color:#f0f7f7;}
#leftcontainer .newsletter .b {background: url(images/newsletter/dotb.jpg) 0 100% repeat-x}
#leftcontainer .newsletter .l {background: url(images/newsletter/dotlr.jpg) 0 0 repeat-y}
#leftcontainer .newsletter .r {background: url(images/newsletter/dotlr.jpg) 100% 0 repeat-y}
#leftcontainer .newsletter .bl {background: url(images/newsletter/bl.gif) 0 100% no-repeat}
#leftcontainer .newsletter .br {background: url(images/newsletter/br.gif) 100% 100% no-repeat}
#leftcontainer .newsletter .tl {background: url(images/newsletter/tl.gif) 0 0 no-repeat}
#leftcontainer .newsletter .tr {background: url(images/newsletter/tr.gif) 100% 0 no-repeat; padding:10px}


#rightcontainer{ width: 574px; float: right; margin-left: 15px;}
#rightcontainer h1{ font-weight: normal; font-size: 130%; margin-top: 5px; margin-bottom: 10px; color:#006699}
#rightcontainer h2{ font-weight: normal; font-size: 115%; margin-top: 5px; margin-bottom: 10px; color:#990000}
#rightcontainer h3{ font-size: 80%; margin-top: 5px; margin-bottom: 10px; color:#006699}
#rightcontainer p{ font-size: 75%; margin-top: 5px; margin-bottom: 10px; color:#333333}
#rightcontainer p.question{ background-color:#F0F0F0; padding: 4px; margin-bottom:0px; font-weight: bold;}
#rightcontainer p.answer{ background-color:#ecf1fb; padding: 4px; margin-top: 0px;}
#rightcontainer ul{ font-size: 75%; margin-left: 25px; margin-top: 5px; margin-bottom: 10px; color:#333333}
#rightcontainer ol{ margin-left: 29px; font-size: 75%; margin-bottom: 15px;}
#rightcontainer ol h2{ font-size:150%; margin-left: -25px;}
#rightcontainer .date{ margin-top: -10px; margin-bottom: 10px; color:#666666}
#rightcontainer .pressImg{ border: 4px solid #666666; float: right; margin: 0px 20px 20px 20px}
#rightcontainer a{ color:#990000; text-decoration: none;}
#rightcontainer a:hover{ color:#003399; text-decoration:underline;}
#rightcontainer .news{ background-color: #F9F9F9; padding: 5px; width: 550px; border:1px solid #cccccc; margin: 10px 0px 10px 0px;}
#rightcontainer .boxes{ width: 273px; float: left; margin-top: 5px; margin-bottom: 0px;}
#rightcontainer .boxes .left{ width: 92px; float: left;}
#rightcontainer .boxes .right{ width: 161px; float: left;}
#rightcontainer .boxes .right p { font-size: 70%; color:#666666; margin-bottom: 5px;}
#rightcontainer .boxesspace{ width: 21px; float: left;}
#rightcontainer .boxes .t {background: url(images/boxes/dott.gif) 0 0 repeat-x; background-color:#f0f0f0;}
#rightcontainer .boxes .b {background: url(images/boxes/dotb.gif) 0 100% repeat-x}
#rightcontainer .boxes .l {background: url(images/boxes/dotlr.gif) 0 0 repeat-y}
#rightcontainer .boxes .r {background: url(images/boxes/dotlr.gif) 100% 0 repeat-y}
#rightcontainer .boxes .bl {background: url(images/boxes/bl.gif) 0 100% no-repeat}
#rightcontainer .boxes .br {background: url(images/boxes/br.gif) 100% 100% no-repeat}
#rightcontainer .boxes .tl {background: url(images/boxes/tl.gif) 0 0 no-repeat}
#rightcontainer .boxes .tr {background: url(images/boxes/tr.gif) 100% 0 no-repeat; padding:10px}
#rightcontainer .hotProducts{ width: 568px; margin-top: 10px;}
#rightcontainer .hotProducts h2{ color:#CC0000}
#rightcontainer .hotProducts p{ color:#666666; font-size: 75%;}
#rightcontainer .hotProducts .left{ float: left; width: 131px;}
#rightcontainer .hotProducts .right{ float: left; width: 417px;}
#rightcontainer .hotProducts .t {background: url(images/boxes/dott.gif) 0 0 repeat-x; background-color:#f0f0f0;}
#rightcontainer .hotProducts .b {background: url(images/boxes/dotb.gif) 0 100% repeat-x}
#rightcontainer .hotProducts .l {background: url(images/boxes/dotlr.gif) 0 0 repeat-y}
#rightcontainer .hotProducts .r {background: url(images/boxes/dotlr.gif) 100% 0 repeat-y}
#rightcontainer .hotProducts .bl {background: url(images/boxes/bl.gif) 0 100% no-repeat}
#rightcontainer .hotProducts .br {background: url(images/boxes/br.gif) 100% 100% no-repeat}
#rightcontainer .hotProducts .tl {background: url(images/boxes/tl.gif) 0 0 no-repeat}
#rightcontainer .hotProducts .tr {background: url(images/boxes/tr.gif) 100% 0 no-repeat; padding:10px}
#rightcontainer .specialOffers { margin-top: 5px; margin-right: 5px;}
#rightcontainer .specialOffers .left{ width: 310px; float:left;}
#rightcontainer .specialOffers .left img{ border:0; margin: 5px 0pc 5px 0px;}
#rightcontainer .specialOffers .right{ width: 120px; float:left; text-align:right;}
#rightcontainer .specialOffers .right img{ text-align:right;}
#rightcontainer .specialOffers p{ margin:5px 0px 0px 0px; color:#000000; }
#rightcontainer .specialOffers .t {background: url(images/specials/dott.gif) 0 0 repeat-x; background-color:#f4eae5}
#rightcontainer .specialOffers .b {background: url(images/specials/dotb.gif) 0 100% repeat-x}
#rightcontainer .specialOffers .l {background: url(images/specials/dotr.gif) 0 0 repeat-y}
#rightcontainer .specialOffers .r {background: url(images/specials/dotr.gif) 100% 0 repeat-y}
#rightcontainer .specialOffers .bl {background: url(images/specials/bl.gif) 0 100% no-repeat}
#rightcontainer .specialOffers .br {background: url(images/specials/br.gif) 100% 100% no-repeat}
#rightcontainer .specialOffers .tl {background: url(images/specials/tl.gif) 0 0 no-repeat}
#rightcontainer .specialOffers .tr {background: url(images/specials/tr.gif) 100% 0 no-repeat; padding:10px}
#rightcontainer #cat_navigation { font-size:0; width: 559px; margin-left: 95px; padding-top: 5px;}
#rightcontainer #cat_navigation img { border: 0px;}
#rightcontainer #cat_container .t {background: url(images/catalogue/dott.gif) 0 0 repeat-x; background-color:#ffffff}
#rightcontainer #cat_container .b {background: url(images/catalogue/dot.gif) 0 100% repeat-x}
#rightcontainer #cat_container .l {background: url(images/catalogue/dot.gif) 0 0 repeat-y}
#rightcontainer #cat_container .r {background: url(images/catalogue/dot.gif) 100% 0 repeat-y}
#rightcontainer #cat_container .bl {background: url(images/catalogue/bl.gif) 0 100% no-repeat}
#rightcontainer #cat_container .br {background: url(images/catalogue/br.gif) 100% 100% no-repeat}
#rightcontainer #cat_container .tl {background: url(images/catalogue/tl.gif) 0 0 no-repeat}
#rightcontainer #cat_container .tr {background: url(images/catalogue/tr.gif) 100% 0 no-repeat; padding:10px}
#rightcontainer #cat_container {}
#rightcontainer #cat_container img{ border:0px;}
#rightcontainer #cat_container #cat_home_cats{ float: left; width: 176px;}
#rightcontainer #cat_container #cat_home_cats p{ font-size: 130%;}
#rightcontainer #cat_container .sv{ color:#6da8a8}
#rightcontainer #cat_container .h{ color:#a69b52}
#rightcontainer #cat_container .d{ color:#a16849}
#rightcontainer #cat_container .l{ color:#9b9163}
#rightcontainer #cat_container .p{ color:#5a5a5a}
#rightcontainer #cat_container .o{ color:#8c5267}
#rightcontainer #cat_container .k{ color:#628e4c}
#rightcontainer #cat_container .ti{ color:#4b6d94}
#rightcontainer #cat_container .hotProducts{ width: 555px; margin-top: 10px;}
#rightcontainer #cat_container .hotProducts h2{ color:#CC0000}
#rightcontainer #cat_container .hotProducts p{ color:#666666; font-size: 75%;}
#rightcontainer #cat_container .hotProducts .left{ float: left; width: 125px;}
#rightcontainer #cat_container .hotProducts .right{ float: left; width: 407px;}
#rightcontainer #cat_container .hotProducts .t {background: url(images/boxes/dott.gif) 0 0 repeat-x; background-color:#f0f0f0;}
#rightcontainer #cat_container .hotProducts .b {background: url(images/boxes/dotb.gif) 0 100% repeat-x}
#rightcontainer #cat_container .hotProducts .l {background: url(images/boxes/dotlr.gif) 0 0 repeat-y}
#rightcontainer #cat_container .hotProducts .r {background: url(images/boxes/dotlr.gif) 100% 0 repeat-y}
#rightcontainer #cat_container .hotProducts .bl {background: url(images/boxes/bl.gif) 0 100% no-repeat}
#rightcontainer #cat_container .hotProducts .br {background: url(images/boxes/br.gif) 100% 100% no-repeat}
#rightcontainer #cat_container .hotProducts .tl {background: url(images/boxes/tl.gif) 0 0 no-repeat}
#rightcontainer #cat_container .hotProducts .tr {background: url(images/boxes/tr.gif) 100% 0 no-repeat; padding:10px}
.hometop{ position: absolute; top: 290px;}
.homebottom{ margin-top: 19.5em;}


#sitemap { margin-top: 25px; margin-bottom: 15px; width: 568px; display: none; margin-left: 204px;}
#sitemap h1{ font-weight: normal; font-size: 130%; margin-bottom: 10px; color:#006699;}
#sitemap h2 { font-weight: bold; font-size: 75%; margin-bottom: 2px; color:#333333;}
#sitemap p { font-weight: normal; font-size: 75%; margin-bottom: 14px; color:#333333;}
#sitemap #lft { position: relative; float: left; width: 264px;}
#sitemap #rgt { position: relative; float: right; width: 264px;}
#sitemap a { color: #333333; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: left 6px; padding-left: 14px;}


#footer{ background-image:url(images/footer.jpg); background-repeat:no-repeat; background-position:top; }
#footer p{ padding-top: 20px; padding-bottom: 10px; text-align: left; font-size: 70%;}
#footer a{ color:#333333; text-decoration: none;}

.button .t {background: url(images/button/dot.gif) 0 0 repeat-x; background-color:#999999;}
.button .b {background: url(images/button/dot.gif) 0 100% repeat-x}
.button .l {background: url(images/button/dot.gif) 0 0 repeat-y}
.button .r {background: url(images/button/dot.gif) 100% 0 repeat-y}
.button .bl {background: url(images/button/bl.gif) 0 100% no-repeat}
.button .br {background: url(images/button/br.gif) 100% 100% no-repeat}
.button .tl {background: url(images/button/tl.gif) 0 0 no-repeat}
.button .tr {background: url(images/button/tr.gif) 100% 0 no-repeat; padding:10px}