body {scrollbar-base-color:#ffffff;
scrollbar-arrow-color:#7e2b42;
scrollbar-highlight-color:#dad5cb;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000; 
 }

 /* takes off the border of all images (like when the image is part of a link */
img {border: 0;} 



/* default a tags (with no class declared it will use this) */

a:link {color: #000066; text-decoration: none; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif}
a:visited {color: #000066; text-decoration: none; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif}
a:link:hover {color: #7E2B42; text-decoration: underline; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif}
a:visited:hover {color: #7E2B42; text-decoration: underline; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif}

/* default a tags bolded (with no class declared it will use this) */

a.bold:link {color: #000066; font-weight:bold; text-decoration: none; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif}
a.bold:visited {color: #000066; font-weight:bold; text-decoration: none; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif}
a.bold:link:hover {color: #7E2B42; font-weight:bold; text-decoration: underline; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif}
a.bold:visited:hover {color: #7E2B42; font-weight:bold; text-decoration: underline; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif}


/* default a tags (with no class declared it will use this) */

a.infont:link {color: #000066; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
a.infont:visited {color: #000066; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
a.infont:link:hover {color: #7E2B42; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline}
a.infont:visited:hover {color: #7E2B42; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline}



/* breadcrumbs links at the top of the shop pages */

a.breadcrumbs:link {color: #000066; text-decoration: underline; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif}
a.breadcrumbs:visited {color: #363666; text-decoration: underline; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif}
a.breadcrumbs:hover {color: #7E2B42; text-decoration: underline; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif}


/* rightsquares links */
a.rightsquares:link {color: #333333; text-decoration: none; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif}
a.rightsquares:visited {color: #333333; text-decoration: none; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif}
a.rightsquares:hover {color: #7e2b42; text-decoration: none; font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif}


/* general small text links */

a.small:link {color: #000066; text-decoration: none; font-size: 60%; font-family: Verdana, Arial, Helvetica, sans-serif}
a.small:visited {color: #363666; text-decoration: none; font-size: 60%; font-family: Verdana, Arial, Helvetica, sans-serif}
a.small:hover {color: #5A5B51; text-decoration: none; font-size: 60%; font-family: Verdana, Arial, Helvetica, sans-serif}


/* gallerylinks is on the gallery page for the left col links (no popup needed like the shop) */
a.gallerylinks:link {display: block; width: 110px; text-decoration:none; letter-spacing: -0.001cm; padding:0.1em 0.1em; font-size: 75%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
a.gallerylinks:visited {display: block; width: 110px; text-decoration:none; letter-spacing: -0.001cm; padding:0.1em 0.1em; font-size: 75%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
a.gallerylinks:hover {display: block; width: 110px; background: #7E2B42; text-decoration:none; letter-spacing: -0.001cm; padding:0.1em 0.1em; font-size: 75%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif} 


/* conversion tool link */
a.conversion:link {display: block; width: 120px; background: #dad5cb; text-decoration:none; padding:0.4em; font-size: 75%; color: #7e2b42; font-family: Verdana, Arial, Helvetica, sans-serif}
a.conversion:visited {display: block; width: 120px; background: #dad5cb; text-decoration:none; padding:0.4em; font-size: 75%; color: #7e2b42; font-family: Verdana, Arial, Helvetica, sans-serif}
a.conversion:hover {display: block; width: 120px; background: #FFFFFF; text-decoration:none; padding:0.4em; font-size: 75%; color: #7e2b42; font-family: Verdana, Arial, Helvetica, sans-serif} 

/* admin add and delete links */
a.admin:link {display: inline-block; background: #7e2b42; text-align:center; text-decoration:none; padding:0.4em; font-size: 65%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
a.admin:visited {display: inline-block; background: #7e2b42; text-align:center; text-decoration:none; padding:0.4em; font-size: 65%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
a.admin:hover {display: inline-block; background: #5a5b51; text-align:center; text-decoration:none; padding:0.4em; font-size: 65%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif} 
a.admin:visited:hover {display: inline-block; background: #5a5b51; text-align:center; text-decoration:none; padding:0.4em; font-size: 65%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif} 
 /* the buttons below the menu script in admin */
a.adminmenubuttons:link {display: block; background: #7e2b42; text-align:center; text-decoration:none; padding:0.4em; font-size: 65%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
a.adminmenubuttons:visited {display: block; background: #7e2b42; text-align:center; text-decoration:none; padding:0.4em; font-size: 65%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
a.adminmenubuttons:hover {display: block; background: #5a5b51; text-align:center; text-decoration:none; padding:0.4em; font-size: 65%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif} 




/* b one is font for the main menu items */

b.one {font-weight: bold; color: #000000; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif}


/* i one and span is for invisible things. Italics is used so no line breaks occur as they do with p and h */

i.one{visibility:hidden}
span.invisible{visibility:hidden}

/* inline stuff, to prevent line breaks */

span.inline{display: inline}

/* margin is for all info and faq pages that require a subsection indented. */
div.margin {margin-left: 25px}


/* p, li, and td one is the default font, the most used style in the site */

p.one{color: #000000; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif}
LI.one{color: #000000; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif}
TD.one{color: #000000; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif}


p.breadcrumbs{margin-left: 5px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}

img.homepage1{position:relative;top:10;left:10;}
img.homepage2{position:absolute;top:300;left:300;}

img.verticallistings{border: 0; margin-right:18px}


/*  
font main is the default for every normal text.
font one is for the footer mailing list in the  burgendy box,
font title is the title on the main page.
font specialsparagraph is for the timeproducts (products.php) for the paragraph.
b.subtitles is for slightly larger and bolded text, mostly on the info pages. */
font.main{font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif}
table.main{font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif}

font.one{color: #cccccc; font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif}
font.title{color: #000000; font-size: 250%; font-weight: bold; font-family: times, times new roman, serif}
font.title2{color: #000000; font-size: 150%; font-weight: bold; font-family: times, times new roman, serif}
font.specialsparagraph{color: #000000; font-style: italic; font-size: 100%; font-weight: bold; font-family: times, times new roman, serif}
b.subtitles{font-weight: bold; color: #000000; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif}


td.quantitytable{color: #000000; font-size: 70%; line-height: 0.9; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; border-style: solid; border-width: 0px 1px 0px 0px; padding: 0px 4px 0px 4px}
hr.quantitytable{width: 100%; height: 1px; color:#7E2B42}


/* TDs to control borders. td.maintd is to control the listings on the second category 
page of the shop, and the gallery links at the bottom of the second gallery page */
td.verticallistings{border-style: solid; border-width: 1px 0px 0px; border-color: #8a8a8a; align:left; vertical-align:middle;}
td.bordertopbottom{border-style: solid; border-width: 1px 0px 1px; border-color: #8a8a8a}

/* borderall controls the rightsquares */
table.borderallbasic{border-style: solid; border-width: 1px; border-color: #8a8a8a;}

td.borderall{border-style: solid; border-width: 1px; border-color: #8a8a8a; background: #dad5cb; text-align: center; vertical-align: top; color: #000000; font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif}
td.bordertop{border-style: solid; border-width: 1px 0px 0px; border-color: #8a8a8a;}
td.maintd{text-align: center; vertical-align: top; width: 150px; color: #000000; font-size: 85%; font-family: Verdana, Arial, Helvetica, sans-serif}
td.borderleft{border-style: solid; border-width: 0px 0px 0px 2px; padding: 0px 0px 0px 5px; border-color: #eefoe3;}
td.borderright{border-style: solid; border-width: 0px 1px 0px 0px; border-color: #a9a38d;}



/* menu2 is the submenus */

a.topmenu{float:left; width:8em; padding:0.1em 0.1em; font-size: 75%; color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif}
a.topmenu:visited{float:left; padding:0.1em 0.1em; font-size: 75%; color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif}
a.topmenu:hover {background-color:#7E2B42; font-size: 75%; color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif}

/* for the top menu, below the logo, horizontal */

div#navigation { 
  white-space: nowrap; 
  margin: 0; 
  padding: 0; 
  border: 0; 
} 
div#navigation span { 
  display: block; 
  width: 20px; 
  text-align: center; 
  margin: 0; 
  padding: 0; 
} 
div#navigation span a {display: inline-block; text-decoration: none; padding: .0em;} 
div#navigation span a:hover { background-color: #fff; }
div#navigation span .current { background-color: #A9A28D; } 



/* specialtabs is for the machinery, paint, vinyl tabs, so they change on rollover */
div#specialtabs {white-space: nowrap; }
div#specialtabs span {display:inline-block}
div#specialtabs span a { display:block; float: left; width: 115px; background-color: #a9a28d}
div#specialtabs span a:hover { float: left; background-color: #7e2b42}
div#specialtabs span a.specialtabson { float: left; background-color: #7e2b42}


/* for the images to show up side by side with a caption below them, on shop2, 4 items per line */
div.figure {
  float: left;
  width: 73px;
  border: 0;
  margin: 5px 30px 5px 5px;
  padding: 0;
}
div.figure p {
  text-align: center;
 font-size: 85%; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
  text-indent: 0;
}


/* for the images to show up side by side (3 per line) with a caption below them, 
on the specials, new products, and current features pages (products.php) */
div.figure2 {
  float: left;
  width: 130px;
  border-width: 0px;
	border-style: none;
	background: #fff;
  margin: 5px 10px 5px 10px;
  padding: 0, 0, 0, 0;

}
div.figure2 p {
 text-align: center;
 font-size: 85%; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
  text-indent: 0;
}

/* for the gallery main page images */
div.figure3 {
  float: left;
  width: 210px;
  border-width: 0px;
	border-style: none;
	background: #fff;
  margin: 5px 0px 5px 0px;
  padding: 0, 40px, 0, 40px;
}
div.figure3 p {
  text-align: center;
 font-size: 85%; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
  text-indent: 0;
}

/* For the admin section editing pages, for images to show up 3 per line with lots of space */
div.figureadmin {
  float: left;
  width: 256px;
  border-width: 0px;
	border-style: none;
	background: #fff;
  margin: 0px 5px 15px 5px;
  padding: 0, 0, 0, 0;
	
}
div.figureadmin p {
  text-align: center;
 font-size: 85%; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
  text-indent: 0;
}

/* POPOUT MENU STYLES BELOW */
/* Left button menu */
#buttons {
 width: 140px;
margin: 0 0 0 0; 
 /* background: #a9a28d; */
 padding: 0px;
}



/* Floating menus (uses names that are called in menu.php file for javascript parent/child relations) */
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10, #menu11, #menu12, #menu13, #menu14, #menu15, #menu16, #menu17, #menu18, #menu19, #menu20, #menu21, #menu22, #menu23, #menu24, #menu25, #menu26, #menu27, #menu28, #menu29, #menu30, #menu31, #menu32, #menu33, #menu34, #menu35, #menu36, #menu37, #menu38, #menu39, #menu40, #menu41, #menu42, #menu43, #menu44, #menu45, #menu46, #menu47 /*keep adding more to match however many main categories there are. more than are in use is fine. */
{
 visibility: hidden;
 position: absolute;
 top: 142px;
 left: 158px;
 padding: 0px 0px 0px 0px;
 width: 150px;
 /*background: #FFFFFF;
 filter:alpha(opacity=90);
 opacity: 0.9;
 -moz-opacity:0.9;*/
 /*border-color:dad5cb a9a28d a9a28d dad5cb;
 border-style: solid;
 border-width:1px 1px 1px 1px;*/
 color: #000000;
 margin: 0 0 0 0;
} 
/* menu anchors */ 
a.submenu {background: #ffffff; display: block; width: 140px; text-decoration:none; letter-spacing: -0.001cm; padding:0.5em 0.5em; font-size: 70%; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}
a.submenu:visited {background: #ffffff; display: block; width: 140px; text-decoration:none; letter-spacing: -0.001cm; padding:0.5em 0.5em; font-size: 70%; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}
a.submenu:hover {display: block; width: 140px; background: #dad5cb; text-decoration:none; letter-spacing: -0.001cm; padding:0.5em 0.5em; font-size: 70%; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif } 
a.submenucolourchange {background: #99DDFF; display: block; width: 140px; text-decoration:none; letter-spacing: -0.001cm; padding:0.5em 0.5em; font-size: 70%; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}
a.submenucolourchange:visited {background: #99DDFF; display: block; width: 140px; text-decoration:none; letter-spacing: -0.001cm; padding:0.5em 0.5em; font-size: 70%; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif}
a.submenucolourchange:hover {display: block; width: 140px; background: #dad5cb; text-decoration:none; letter-spacing: -0.001cm; padding:0.5em 0.5em; font-size: 70%; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif } 

a.menu {display: block; width: 140px; text-decoration:none; letter-spacing: -0.001cm; padding:0.1em 0.1em; font-size: 70%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
a.menu:visited {display: block; width: 140px; text-decoration:none; letter-spacing: -0.001cm; padding:0.1em 0.1em; font-size: 70%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
a.menu:hover {display: block; width: 140px; background: #7E2B42; text-decoration:none; letter-spacing: -0.001cm; padding:0.1em 0.1em; font-size: 70%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif } 
a.menucolourchange {display: block; background: #000066;width: 140px; text-decoration:none; letter-spacing: -0.001cm; padding:0.1em 0.1em; font-size: 70%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
a.menucolourchange:visited {display: block; background: #000066; width: 140px; text-decoration:none; letter-spacing: -0.001cm; padding:0.1em 0.1em; font-size: 70%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
a.menucolourchange:hover {display: block; width: 140px; background: #7E2B42; text-decoration:none; letter-spacing: -0.001cm; padding:0.1em 0.1em; font-size: 70%; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif } 


td.flyout{border-style: solid; border-width: 0px 2px 2px 0px; border-color: #a9a28d;}
table.flyouttable{background: #FFFFFF; border-color:dad5cb a9a28d a9a28d dad5cb; border-style: solid; border-width:1px 1px 1px 1px;}