* { margin: 0; padding:0; }
body {margin: 0 2% 0 0; padding:0; background-color: #FFFFFF; color:#FB3030; font: 0.86em Arial, Helvetica, sans-serif; }

a.clear:link {text-decoration: none;color:#FB3030;}
a.clear:hover {text-decoration: none;color:#FB3030;}
a.clear:visited {text-decoration: none;color:#FB3030;}
a.clear:active {text-decoration: none;color:#FB3030;}
a:link {text-decoration: underline;color:#FB3030;}
a:hover {text-decoration: underline;color:#FB3030;}
a:visited {text-decoration: underline;color:#FB3030;}
a:active {text-decoration: underline;color:#FB3030;}

/* hdr */
h1.index {font: 190%/80% arial narrow; letter-spacing: -1; margin: 0 0 0.6em 0}
h1.rubric {font: 190%/80% arial narrow; letter-spacing: -2; margin: 0 0 0.2em 0}
h2.menu {font: 110%/100% arial; letter-spacing: -1; color: #8A6E1C; padding: 0.15em 0; margin: 0}
h2.menu:hover {font: 110%/100% arial; letter-spacing: -1; color: #ffffff; background-color: #FB3030; padding: 0.15em 0; margin: 0}
h3 {font: 160%/100% arial narrow; margin: 0 0 0.6em 0}
h3.submenu {font: 70% arial; margin: 0 0 0.4em 0}
h4 {font: bold 100% arial; letter-spacing: -1; margin: 0 0 0.2em 0}
h4.list {font: bold 90%/160% arial; letter-spacing: -1; margin: 0 0 0.2em 0}
h4.dig {margin: 0 0 0.5em 0}
h4.submenu {font: 100% arial narrow; letter-spacing: 0; margin: 0 0.5em 0 0}
h5 {font: 130%/120% arial narrow; letter-spacing: -1; margin: 0 0 0.5em 0}
h5.cap1 {width: 100%; font: 130%/100% arial narrow; letter-spacing: -1; margin: 0; border-bottom: 1px solid #D0C7AE}
h5.cap2 {font: 130%/100% arial narrow; letter-spacing: -1; background-color: #FB3030; color: #FFFFFF; padding: 0.2em 0.75em; margin: 0 0 0.5em 0}
h5.cap3 {font: 130%/100% arial narrow; letter-spacing: -1; background-color: #EEEAE0; color: #000000; padding: 0.2em 0.75em; margin: 0 0 0.2em 0}
h5.cap4 {width: 100%; font: 130%/100% arial narrow; letter-spacing: -1; margin: 0; border-bottom: 1px solid #FFFFFF}
h5.cap5 {font: 130%/100% arial narrow; letter-spacing: -1; background-color: #D0C7AE; color: #FFFFFF; padding: 0.2em 0.75em; margin: 0}
h5.cap6 {width: 100%; font: 130%/100% arial narrow; letter-spacing: -1; margin: 0 0 0.3em 0; color: #8A6E1C}
h5.cap7 {width: 100%; font: 130%/100% arial narrow; letter-spacing: -1; background-color: #FB3030; margin: 0; border-bottom: 0px solid #000000}
h5.address {font: 130%/100% arial narrow; letter-spacing: -1; color: #FFFFFF; padding: 0; margin: 0}
h6 {font: bold 75%/100% arial; margin: 0 0 0.3em 0}

hr.index {border: 0; height: 1px; color: #000000; margin: 0}
hr.dev {border: 0; height: 1px; color: #000000; margin: 0.6em 0}
hr.dev2 {border: 0; height: 1px; color: #666666; margin: 0.6em 0}
hr.products {border: 0; height: 1px; color: #D0C7AE; margin: 0.6em 0}

/* txt */
p.intro {font: 130% arial narrow; color: #000000; margin: 0 0 0.8em 0}
p.intro2 {font: 80%/110% arial; margin: 1em 0 2em 0}
p.context {font: 80% arial; margin: 0 0 1.2em 0; padding:0.8em 0;border-top: 0px solid #000000; border-bottom: 0px solid #000000; }
p.text2 {font: 80%/110% arial; margin: 0}
p.text3 {font: 70%/120% arial; margin: 0}
p.text_s {font: 70%/120% arial; margin: 0 0 0.6em 0}
p.text_s1 {font: 70%/120% arial; margin: 0 0 0.2em 0}
p.text_s2 {font: 70%/120% arial; margin: 0 0 0.75em 0}
p.text_s3 {font: 70%/120% arial; color: #000000; margin: 0 0 0.75em 0}
p.date {font: 60% arial; margin: 0 0 0.5em 0}
p.hdr {font: bold 75% arial; margin: 0.2em 0;}
p.subhdr {font: 65% arial; margin: 0 0 0.2em 0}
p.more {font: 60%/110% tahoma; margin: 0}
p.copy {font: 60% tahoma; color: #D0C7AE; margin:0.6em 0}
p.address {font: 70%/120% arial; margin: 0}

/* img */
img {border: 0}
img.img50 {width: 50px; border: 0; margin: 0 0.7em 0 0}
img.img130 {border: 0; margin: 0 0.7em 0.5em 0}
img.img240 {width: 240px; border: 0; margin: 0 0 1.3em 0}
img.menu {width: 7px; height: 13px; border: 0; margin: 0.3em 0.5em 0 0.75em}
img.more {width: 7px; height: 7px; border: 0; margin: 0.1em 0.3em 0 0}
img.ico {width: 23px; height: 23px; border: 0; margin: 0 0.1em 0 0}
img.img_gallery {width: 50px; border: 0; margin: 0 2em 0 0}

/* frm */
.inp {width: 100%; font: 80% arial; padding: 0 0.15em; margin: 0 0 0.6em 0}
.inp2 {width: 100%; font: 70% arial; padding: 0 0.15em; margin: 0 0 0.3em 0}
.inp3 {width: 100%; font: 70% arial; padding: 0 0.15em; margin: 0 0 0.3em 0; background-color: #CDCDCD}
.sel {width: 100%; font: 70% arial; padding: 0 0.15em; margin: 0 0 0.3em 0}
.sel2 {width: 100%; font: 70% arial; padding: 0 0.15em; margin: 0 0 0.3em 0; background-color: #CDCDCD}
.but {font: 70% arial; padding: 0.1em 0.25em; margin: 0 0 0.6em 0; background-color: #8A6E1C; color: #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #8A6E1C; border-bottom: 1px solid #000000; border-left: 1px solid #8A6E1C}
.but2 {font: 70% arial; padding: 0.1em 0.25em; margin: 0; background-color: #8A6E1C; color: #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #8A6E1C; border-bottom: 1px solid #000000; border-left: 1px solid #8A6E1C}
.but3 {font: 70% arial; padding: 0 0.25em; margin: 0; background-color: #FFFFFF; color: #000000; border: 0}

/* ind */
.ind {margin: 0 0 0.75em 0}
.ind_menu {padding: 0.3em 0; margin: 0; border-bottom: 1px solid #000000}
.ind_submenu {padding: 0.4em 0.3em 0 1.7em; margin: 0}
.ind_menubar {padding:0.3em 0.5em; margin: 0.25em 0 1em 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; height:1.5em; }
.ind_menubar img{padding:0 0.5em 0 0; margin: 0; top:50%;}
.ind_menubar p{padding:0 1.5em 0 0; margin: 0; width:27%; font: 100% arial narrow; letter-spacing:0; float:left; top:50%; }
.ind_column {margin: 1.5em 0 0.5em 0}
.ind_products {padding: 1.2em 1em 1.2em 0; margin: 0 0 2em 0}
.ind_products2 {border-bottom: 1px solid #D0C7AE}
.ind_gallery {margin: 0 0 1.5em 0}
.ind_dig {padding: 0 1.3em}
.ind_address {padding: 0.3em 0 0.3em 0.6em; margin: 1em 0 0 0}

/* col */
#b {color: #000000}
#w {color: #FFFFFF}
#hi {color: #8A6E1C}
#hi2 {color: #BDB08D}
#g {color: #808080}
#lg {color: #A0A0A0}
#lg2 {color: #FFFFFF}

/* Main navigation list 
------------------------------------------------ */
ul.topnav { width:100%; padding:0.8em 0; margin-bottom: 0.3em; }
ul.topnav, ul.topav ul {padding: 0 0 4px; margin: 0 0 4px; }
ul.topnav li { list-style:none; margin: 0; padding: 0.1em; line-height: 1.7em; border-bottom: 1px solid #555; padding: 0.3em 0;}

.topnav a { font: 110%/100% arial; letter-spacing: -1;  padding: 0.15em 0; margin: 0 }
.topnav a:active {text-decoration: none; color: #8A6E1C;}
.topnav a:link {text-decoration: none; color: #8A6E1C;}
.topnav a:visited {text-decoration: none; color: #8A6E1C}
.topnav a:hover {text-decoration: none; color:#fff; background-color:#FB3030; }

ul.topnav ul { display:none; margin: 0 0 9px 20px; }
ul.topnav li.here ul { display:block; }

ul.topnav a { background: transparent url(assets/templates/keller/bul_menu.gif) no-repeat 15px 2px; display: block; color:#374A8D; border: 0 !important; padding-left:25px; }

ul.topnav li span { padding: 0 0 0 20px; line-height: 1.7em; }
ul.topnav li.here li.here span { padding: 0; }
ul.topnav li.here a span { padding: 0 0 0 20px; }
ul.topnav li.here li span { padding: 0 0 0 20px; line-height: 1.6em; }
ul.topnav li.here span li span, ul.topnav li.here span a span { padding:0; line-height: 1.6em; }
ul.topnav li.here li.here span a span { padding:0; }

ul.topnav a:hover, ul.topnav a:active { background: none !important; color: #006; }
ul.topnav a:active { color: #777; }

ul.topnav li.here { background: none !important; font: bold 100.01%/1.5em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif; }

/* remove extra icon on containing folders in the "here-path"
   make sure sub-pages below it have icons though... IE Win 
   needs "!important" for some reason... oh how I loathe thee */
ul.topnav li.here a { background: none !important; }
ul.topnav li.here li a { background-image: none !important; }
ul.topnav li.here li.here a { background-image: none !important; padding: 0; }
ul.topnav li.here li a:hover { background-color: #fafafa !important; }
ul.topnav li.here li.here { padding-left: 20px; line-height: 1.6em; }

.ditto_paging { border-top: 1px solid #ccc;  padding:10px; color:black; }
#ditto_pages .ditto_currentpage { padding: 1px 5px 2px; margin-right: 1px; margin-bottom:10px;   background-color:#2F4072; color:#fff; } 
#ditto_pages .ditto_off { border: 1px solid #ccc; padding: 1px 5px 2px; margin-right:1px; color:#ccc; }
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { /* border: 1px solid #2F4072;*/ padding: 1px 5px 1px;
    margin-right:1px; text-decoration: none !important; color:black; } 
/*#ditto_pages a:hover { background-color:#fff; color:#000; }*/


div.about { padding:1.0em; background-color:#F7F4ED; border: 1px solid #D0C7AE; margin: 0 0 0.75em 0;}
div.about h5 {}
div.about p {font: 8pt arial; margin: 0 0 0.75em 0}
div.about h3 { color:#fff; background-color:#D0C7AE; font: bold 10pt Arial, sans-serif; padding:2px; margin:0.3em;}
div.about2 {padding:1.5em; margin: 0 0 0.75em 0;}
div.about2 h5 {}
div.about2 p {font: 70%/120% arial; margin: 0 0 0.75em 0}

div.adress { padding:0.5em; background-color:#F7F4ED; border: 1px solid #D0C7AE; margin: 0 0 0.75em 0;}
div.adress h5 {}
div.adress p {font: 70%/120% arial; margin: 0 0 0.75em 0}

div.logo {padding:1em; margin:0 0 0.75em 0; border-top: 1px solid #555; border-bottom: 1px solid #555; /*width:235px;*/ /*height:60px; */
/*background: transparent url(assets/templates/keller/2logo.gif) no-repeat center !important;*/}

div.ditto-cat-first { padding:2px 5px; background-color:#F7F4ED; border-top: 2px solid #D0C7AE; border-bottom: 1px solid #D0C7AE; font: normal 8pt Arial, sans-serif; }
div.ditto-cat-first p { color:#333; font: normal 8pt Arial, sans-serif; }
div.ditto-cat-first h3 { color:#fff; background-color:#D0C7AE; font: bold 10pt Arial, sans-serif; padding:2px; margin:0.3em;}
div.ditto-cat-first a:link {text-decoration: underline;}
div.ditto-cat-first a:hover {text-decoration: underline;}
div.ditto-cat-first a:visited {text-decoration: underline;}
div.ditto-cat-first a:active {text-decoration: underline;}

div.ditto-cat { padding:2px 5px; background-color:#F7F4ED; border-top: 1px solid #D0C7AE; border-bottom: 1px solid #D0C7AE; font: normal 8pt Arial, sans-serif; }
div.ditto-cat p { color:#333; font: normal 8pt Arial, sans-serif; }
div.ditto-cat h3 { color:#fff; background-color:#D0C7AE; font: bold 10pt Arial, sans-serif; padding:2px; margin:0.3em;}
div.ditto-cat a:link {text-decoration: underline;}
div.ditto-cat a:hover {text-decoration: underline;}
div.ditto-cat a:visited {text-decoration: underline;}
div.ditto-cat a:active {text-decoration: underline;}

div.ditto-cat-alt { padding:2px 5px; font: normal 8pt Arial, sans-serif;}
div.ditto-cat-alt p { color:#333; font: normal 8pt Arial, sans-serif; }
div.ditto-cat-alt h3 { color:#fff; background-color:#D0C7AE; font: bold 10pt Arial, sans-serif; padding:2px; margin:0.3em;}
div.ditto-cat-alt a:link {text-decoration: underline;}
div.ditto-cat-alt a:hover {text-decoration: underline;}
div.ditto-cat-alt a:visited {text-decoration: underline;}
div.ditto-cat-alt a:active {text-decoration: underline;}

div.ditto-cat-last { padding:2px 5px; background-color:#F7F4ED; border-top: 1px solid #D0C7AE; border-bottom: 2px solid #D0C7AE; font: normal 8pt Arial, sans-serif; }
div.ditto-cat-last p { color:#333; font: normal 8pt Arial, sans-serif; }
div.ditto-cat-last h3 { color:#fff; background-color:#D0C7AE; font: bold 10pt Arial, sans-serif; padding:2px; margin:0.3em;}
div.ditto-cat-last a:link {text-decoration: underline;}
div.ditto-cat-last a:hover {text-decoration: underline;}
div.ditto-cat-last a:visited {text-decoration: underline;}
div.ditto-cat-last a:active {text-decoration: underline;}

img.icat { padding:2px; background-color:#ffffff;  border: 2px solid white;}

div.ditto-cat-rnd { padding:2px 3px; background-color:#F7F4ED; border: 1px solid #D0C7AE; margin-bottom:3px;/*font-size:0.9em;*/ }
div.ditto-cat-rnd h3 { color:#fff; background-color:#D0C7AE; font: bold 10pt Arial, sans-serif; padding:2px; margin:2px 4px;}
div.ditto-cat-rnd p { color:#000; font: normal 8pt Arial, sans-serif;}
div.ditto-cat-rnd a { text-decoration: underline; font: normal 8pt Arial, sans-serif;}


div.ditto-err { padding:2px 5px; background-color:#FBCCCC; border-top: 1px solid #FB3030; border-bottom: 1px solid #FB3030; font: normal 8pt Arial, sans-serif; }
div.ditto-err p { color:#333; font: normal 8pt Arial, sans-serif; }
div.ditto-err h3 { color:#fff; background-color:#FB3030; font: bold 10pt Arial, sans-serif; padding:2px; margin:0.3em;}
div.ditto-err a { color:#fff; text-decoration: underline; font: normal 8pt Arial, sans-serif;}

div.clearleft {clear:left;}

.ditto_paging { border-top: 1px solid #ccc; padding: 10px; font-size: 86%; color:#fff; background-color:#D0C7AE; }
#ditto_pages { background-color:#D0C7AE; padding: 2px 10px; margin-top: 0 5px;}
#ditto_pages .ditto_currentpage { /*border: 2px solid D0C7AE; */padding: 2px 5px 2px; margin-right: 1px; background-color: #fff; color:#D0C7AE; font: bold 10pt Arial, sans-serif; } 
#ditto_pages .ditto_off { border: 1px solid #D0C7AE; padding: 2px 5px 2px; margin-right:1px; color:#fff; }
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {color:#fff; background-color:#D0C7AE; font: bold 10pt Arial, sans-serif; padding: 1px 5px 2px; margin-right: 1px; text-decoration: none !important; }
#ditto_pages a:hover { color:#fff; font: bold 10pt Arial, sans-serif;}