/*	--------
	This style sheet created by Jeff Fitzgerald of VelocityTrigger.com for Hoover Color Corporation.
	(c) 2006 Jeffrey R. Fitzgerald.
	You may modify for your own non-competing purposes but I do like credit. Thanks.


	All Pages
	--------	*/
	
* {
margin: 0; padding: 0;
}

body {
font: 0.8125em Verdana, sans-serif;
text-align: center;
line-height: 1em;
color: #000;
background-color: #eee;
margin: 0; padding: 0;
}

/* -- Primary Typography Definitions -- */
h1 {
font-size: 1.75em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
margin-bottom: .5em;
}
h2 {
font-size: 1.5em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
margin-bottom: .5em;
}
h3 {
font-size: 1.2em;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
margin-bottom: .5em;
}
p {
font-size: .87em;
line-height: 1.5em;
margin: 0 0 1.5em 0;
}
h4 {font-size: .85em;}
h5 {font-size: .7em;}
h6 {font-size: .6em;}

h1, h2, h3, h4, h5, h6 {
margin: 1em 0 1em 0;
line-height: 1em;
color: #222;
background-color: transparent;
}

ul, ol, dl {position: relative;
}

a {text-decoration: none;}

a:link {
color: #c30;
background-color: transparent;
text-decoration: none;
border-bottom: 1px solid #c30;}

a:visited {
color: #630;
background-color: transparent; 
text-decoration: none;
border-bottom: 1px dotted #630;}

a:hover {
color: #600;
background-color: transparent; 
text-decoration: none;
border-bottom: 1px solid #600;}

a:active {
color: #c30;
background-color: transparent; 
text-decoration: none;
border-bottom: 0;}

a:link img, a:visited img {
border: 0;
margin: 0; padding: 0;
text-decoration: none;
}

img {
display: block;
border: 0;
}

p+table, p+ul {
margin-bottom: 1.5em;
}

ul+h2, h2+table {
margin-top: 1em;
}

.pic {
float: right;
margin: 0 0 1.5em 1em;
border: 1px solid #000;
text-align: center;}

.pic+h1,h2,h3,h4,h5,h6 {
clear: both;
}

.bigpic {
display: block;
margin: 0 auto 1.5em auto;
border: 1px solid #000;
text-align: center;
}

.direct {
padding: 1.25em;
border: 1px solid #ccc;
color: #000;
background-color: #eee;
font-weight: normal;
line-height: 1.25em;
}

/* .offset {
position: relative;
left: 4em;
padding-right: 4em;}

h3.offset {
position: relative;
left: 8em;
padding-right: 8em;
} */

.origin {
padding: .1em;
margin: 1.75em 0 0 0;
background-color: #eee;
}

.chip {
display: inline;
float:left;
width: 130px;
padding: 10px;
text-align: center;}

.chip img {
border: 1px solid black;
margin: auto;
}

/* --  Primary Structure Definitions -- */

#wrapper {
margin: 0 auto; padding: 0;
width: 700px;
color: #000;
background-color: #fff;
border-width: 0 1px 1px 1px;
border-color: #000;
border-style: solid;
text-align: left;
}

#masthead {
margin: 0;
padding: 1px 0 20px 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #000;
color: #000;
background-color: #fff;
background-image: url(../siteimages/orangegraderight.jpg);
background-position: top right;
background-repeat: repeat-y;
}

#languages {
margin: 0; padding: 5px 14px 10px 1em;
font-size: 14px;
}

#logohead {
border-width: 1px 0 1px 0;
border-style: solid;
border-color: #000;
padding: 10px 20px 15px 20px;
color: #000;
background-image: url(../siteimages/header-bg-pigment.jpg);
background-position: top right;
background-repeat: no-repeat;
background-color: #fff;}

h1#logo, h1#logo a, h1#logo a:link, h1#logo a:visited, h1#logo a:hover, h1#logo a:active {
display: block;
margin: 0 0 10px 0; padding: 0;
border: none;
color: #000;
background: #fff url(../siteimages/hcclogo.gif) top left no-repeat;
text-decoration: none;
text-indent: -9999px;
height: 62px;
width: 200px;
}

#logohead strong {
font-size: 12px;
line-height: 12px;
font-weight: bold; 
}

/* Primary Navigation Definitions */

#primenav {
padding: 0;
width: 700px;
color: #000;
background-color: #eee;
border-bottom: 1px solid #000;}

#primenav ul {
list-style: none;}

#primenav li, #primenav li li, #primenav li li li {
margin: 0; padding: 0;
}

ul#navlist {
margin: 0; padding: 0;
height: 96px;
color: #000;
background: #eee url(../siteimages/primenavbg.gif) top center repeat-y;
}

#homeitem, #aboutitem, #productsitem, #distributorsitem {
float: left;
width: 139px; height: 95px;
border-right: 1px solid #000;}

#contactitem {
float: left;
width: 140px; height: 95px;
border: 0;
}

#primenav li a {
display: block;
margin: 0; padding: 4px;
text-align: left;
font: normal 14px/14px "Trebuchet MS", Verdana, sans-serif;
letter-spacing: .1em;
border-width: 0 0 1px 0;
border-color: #000;
border-style: solid;
}

#primenav li a:link {color: #ddd; background-color: #700; text-decoration: none;}
#primenav li a:visited {color: #ddd; background-color: #700; text-decoration: none;}
#primenav li a:hover {color: #fff; background-color: #900; text-decoration: underline;}
#primenav li a:active {color: #fff; background-color: #900; text-decoration: none;}

#primenav li li a {
font: normal 12px/12px "Trebuchet MS", Verdana, sans-serif;
letter-spacing: .1em;
float: none;
color: #000;
background-color: #eee;
border: 0;
}

#primenav li li a:link {color: #333; background-color: #eee; text-decoration: none;}
#primenav li li a:visited {color: #333; background-color: #eee; text-decoration: none;}
#primenav li li a:hover {color: #000; background-color: #ccc; text-decoration: underline;}
#primenav li li a:active {color: #000; background-color: #ccc; text-decoration: none;}

#primenav li li li a {
padding: 0 0 0 2em;
font: normal 10px/11px "Trebuchet MS", Verdana, sans-serif;
}

#footer {
clear: both;
font: 11px "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
letter-spacing: 0em;
padding: 15px 10px 15px 10px;
border-width: 1px 0 0 0;
border-color: #000;
border-style: solid;
color: #000;
background-color: #fff;
}

#address {
float: right;
margin-right: 0;
width: 40%;
}

#boiler {
margin-left: 0;
line-height: 2.5em;
}

#footer em {
color: #666;
background-color: transparent; 
font-style: normal;
}

#sitemap {
padding: 1em;
}
#sitemap ul {
padding: .5em 0 0 .5em;
}

#sitemap ul li {
line-height: 1.5em;
padding: .1em;
border-width: 1px 0 0 1px;
border-color: #999;
border-style: solid;
}

#sitemap ul ul li {
background-color: #eee;
}
#sitemap ul ul ul li {
background-color: #ddd;
}
#sitemap ul ul ul ul li {
background-color: #eee;
}
#sitemap ul ul ul ul ul li {
margin: .33em; padding: .25em;
background-color: #fff;
}
.homepage, #gencontent, #hiscontent, #aboutcontent, #faqcontent, #contactcontent, #catalogcontent {
margin: 0;
min-height: 200px;
padding: 0 50px 2em 50px;
}

.homepage {background: url(../siteimages/bg-gugenhiem.jpg) top right no-repeat; padding: .1em;}
.homepage h1 {text-indent: 2em;}
.homepage h2 {text-indent: 4em;}

#faqcontent ul {
list-style-type: square;
padding: 0 0 0 40px;
margin: 0 0 1.5em 0;}

#faqcontent ul li {
list-style-type: square;
padding: .8em 0 0 0;
line-height: 1.5em;
}

div.answ p {
margin: 1em 0 0 1.2em;}

div.answ p.ques {
font-weight: bold;
margin: 1em 0 0 0;
padding: 1em 0 0 0;
border-top: 1px solid #ccc;
}

.answ ol, .answ dl {
list-style: none;
margin: 0 0 0 4em;}

.answ dt {
font-style: oblique;
display: inline;
}

/* Specialized Placement and Appearance Definitions */

.hidden {
position: absolute;
top: 0;
padding: 0 0 0 200px;
text-indent: -9999px;}

/* Appearance Definitions */
.locationred, .locationyellow, .locationbrown, .locationblack, .locationgreen, .locationblue, .locationviolet { color: #000;}
.locationred {background: #fff url(../siteimages/redvert.gif) bottom left repeat-x;}
.locationyellow {background: #fff url(../siteimages/yellowvert.gif) bottom left repeat-x;}
.locationbrown {background: #fff url(../siteimages/brownvert.gif) bottom left repeat-x;}
.locationblack {background: #fff url(../siteimages/blackvert.gif) bottom left repeat-x;}
.locationgreen {background: #fff url(../siteimages/greenvert.gif) bottom left repeat-x;}
.locationblue {background: #fff url(../siteimages/bluevert.gif) bottom left repeat-x;}
.locationviolet {background: #fff url(../siteimages/violetvert.gif) bottom left repeat-x;}


/*	=======================
	distributor specific
	=======================	*/
#distcontent {
margin: 0;
min-height: 200px;
padding: 10px 10px 2em 10px;}

.distributor {
padding: .5em;
border: none;
background-color: #ddc;
margin: .75em 0 0 0;}

.distributor h2, .distributor h3 {
margin: .25em 0;}

.distributor p {
margin: 0;
padding: .5em 0 .5em 1.6em;
width: 75%;}

.distributor h3+p {border: none;}


#distcontent form {text-align: center;
}

.global-map {
margin-top: .7em;
}

.global-map img{border: 1px solid black;
}

.state, .country, .region {padding: .7em;}
.state h2, .country h2, .region h2 {margin: .25em .2em .5em .2em;}

.region h2 {color: #555;}
.country h2, .state h2 {color: #333;}

.state, .country {
background-color: #fff;
color: #000;
border: 1px solid #ddd;
margin-top: .7em;
}

.region {
margin-top: 2em;
background-color: #eee;
color: #000;
}


/*	================================
	check the following 
	================================	*/

/*	================================
	I don't like the following... 
	================================	
.short {
height: 50em;
margin: 0;}

.shortshort {
height: 20em;
margin: 0;
}*/


/*	=======================
	About page specific
	=======================	*/
#aboutcontent ol {
margin: 0 1em 0 2em;
padding: 0;
list-style-type: decimal;}

#aboutcontent ol li {
margin: 1em 0 0 0;}

#aboutcontent strong {
padding: 0 .5em 0 0;
}

/*	=======================
	"by color" specific
	=======================	*/
#colornav li li {
margin-top: 0;
}


/*	=======================
	"by type" specific
	=======================	*/
.pigmenttype {
border: 1px solid #666;
padding: 0 1em;
margin: .33em 0;
}

#content ul {
list-style: none;}

#content ul li {
font-style: normal;}

#content ul li li{
padding-left: 2em;
}

#properties {
border: 1px solid #666666;
border-spacing: 0;
}
	
#properties caption {
text-align: left;
padding: .25em 0 .25em .25em;
font-weight: bold;
}

#properties tbody tr td, #properties tbody tr th {
padding: .25em 2em .5em 1em;
}
	
#properties tbody tr.even td, #properties tbody tr.even th {
background-color: #ddd;
}
#properties tbody th {
font-style: italic;
font-weight: normal;
text-align: left;
}

.feature {
float: right;
width: 100px;
display: inline;
text-align: center;
color: #000;
background-color: #eee;
padding: 6px;
margin: 0 .25em 1.25em .25em;
}

.minigal {
text-align: center;
}

.thumbnail {
float:left;
background-color: #eee;
border: 1px solid #ddd;
margin: 1em .15em;
width: 112px
}

.thumbnail img{
margin: .5em;
}
#seccontent p {
clear: both;
text-align: left;
}

#seccontent li {
margin: 0;
padding: 2px;
font-style: italic;
border: 1px solid #fff;
background-color: #eee;
color: #000;
}

#seccontent dl {
color: #000;
padding: .5em;
}

#seccontent dt {
clear: right;
margin: 1em 0 0 0;
padding: .6em;
background-color: #eee;
font-style: italic;
}

#seccontent dd {
padding: 0 10px 10px 10px;
text-align: left;
border-width: 0 1px 1px 1px;
border-color: #000;
background-color: #eee;
}

#seccontent dt img {
display: inline;
float: right;
margin: 0 0 1em 0
}

.minithumb{
display: inline;
height: 16px;
width: 33px;
margin: 0 0 0 1em;
}
.nofloat{
clear: both;
}

/*	=======================
	muller specific
	=======================	*/
#mullercontent {
margin: 0;
min-height: 200px;
padding: 10px 10px 2em 10px;
background: #fff;
color: #000;
float: left;
background-color: #fff;
background-image: url(/siteimages/mullerback.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#mullermov {
border: 1px solid #bbb;
width: 364px;
margin: 0 5px 0 5px;
padding: 5px;
text-align: center;
float: left;
clear: both;
background-color: transparent;
color: #000;
}

#mullermov img {
display: inline;
border: 1px solid #000;
}

#mullercontent p {
text-align: left;
float: right;
width: 270px;
margin: 1em auto;
padding: .5em;
right: 0;
}

#mullercontent #mullermov h3 {
text-align: center;
margin: .25em auto .25em auto;
}



/*	=======================
	catalog specific
	=======================	*/
.catalogs {
border: 1px solid #ccc;
padding: .25em 0 0 1.5em;
background-color: #eee;
margin: .75em 0 0 0;
}


/*	=======================
	request form specific
	=======================	*/
#inforequest {
background-color: #fff;
}

form {
margin: 0;
padding: 0;
}

fieldset {
margin: 0;
padding: 1em 2em 2em 2em;
border: none;
border-top: 1px solid #ccc;
}

fieldset div {
margin-bottom: .5em;
padding: .1em;
display: block;
}
fieldset div input, fieldset div textarea {
width: 200px;
border-top: 1px solid #555;
border-left: 1px solid #555;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 1px;
color: #333;
}
fieldset div textarea {
height: 150px;
}
fieldset div select {
padding: 1px;
}
legend {
margin: 1em 0;
padding: 0 .5em;
color: #333;
background: transparent;
font-size: 1.1em;
font-weight: bold;
}
label {
float: left;
width: 215px;
padding: 0 1em;
text-align: right;
}
input:focus, textarea:focus {
background: #efefef;
color: #000;
}

.required {
font-weight: bold;
}

.error {
padding: 2em;
border: 1px solid #000;
background-color: #9f0;
font-weight: normal;
line-height: 2em;
}
.formsubmit {
text-align: center;
margin: 0 auto;
width: 170px;
padding: 1em;
border: 2px solid #ddd;
background-color: transparent;
}
#colorcat,#concat,#mullcat,#techinf,#msd {
width: auto;
}