html 						{font-size: 125%;}
body 						{margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 50%; line-height:1.2em;}

img, div 					{ behavior: url(iepngfix.htc) }

/* --------------------------------------- font quoteyles -------------------------- */

p 							{font-size:1.2em; line-height: 1.5em; color:#666;}
h1							{font-size:1.8em; margin:0 0 15px 0; color:#666; font-weight: normal}

a:link, a:visited			{text-decoration:none;	color: #669900;}
a:hover						{ text-decoration:underline;}

.phoneNumber				{font-weight: bold; font-size:1.8em;}
p.faqText 					{line-height: 0.7em}

#subLeft li 				{font-weight: bold; margin:5px 0 30px 0; font-size: 1.3em;}
#subLeft li ul				{list-style-type: none;}
#subLeft li ul li			{font-weight: normal;font-size: 1.0em; margin:10px 0 10px 0;}

#subFull li 				{font-weight: bold; margin:5px 0 30px 0; font-size: 1.3em;}
#subFull li ul				{list-style-type: none;}
#subFull li ul li			{font-weight: normal;font-size: 1.0em; margin:10px 0 10px 0;}

/* --------------------------------------- basic building blocks -------------------------- */

.photoPadding				{margin:0 0 0 25px}

#container 					{ width:940px; margin: 0 auto; padding: 0 0 20px 0; text-align: left; position: relative;}

#headerLogo					{float:left;}

#headerLang					{width:100px; height:27px; background: url(/images/butt_french.gif) no-repeat 0 0; position:absolute; top:77px; left:864px; display:block;}
#headerLang:hover			{background-position: 0px -26px}

#headerPhone				{margin:0px 0 0 0; text-align: right; position:absolute; top:103px; left:720px;}

#submitButton				{margin:0 0 0 10px}
#clear						{clear:both}

#content					{margin:20px 0 20px 0; padding:20px 0 20px 0px; background-color: #efeeec; display:table; width:940px;}

#yellowBox					{background-color: #f7d201; padding:20px; width:180px; position: absolute; margin:0 0 0 -220px}
#yellowBoxWide				{background-color: #f7d201; padding:20px; width:240px; position: absolute; margin:0 0 0 -280px}
#yellowBox h1, #yellowBoxWide h1{margin:0; padding:0; color:#000; font-size: 1.9em; }
#yellowBox p, #yellowBoxWide p{color:#000; line-height: 1.6em; margin:3px 0 0 0; padding:0; }
#yellowBox a, #yellowBoxWide a{color:#000; text-decoration: none;}
#yellowBox a:hover, #yellowBoxWide a:hover{text-decoration: underline}

#yellowBox ul {margin:0 0 0 13px; padding:0; font-size: 1.2em; font-weight: normal; line-height: 20px}


#greyBox{background-color: #615e5c; padding:20px; width:240px; min-height:560px;}
#greyBox p {color:#fff; line-height: 1.6em; margin:3px 0 0 0; padding:0; }
#greyBox a {color:#fff; text-decoration: none;}
#greyBox a:hover {color:#fff; text-decoration: underline;}

#footer{color:#666; font-size: 1.2em}

div#rotator { position:relative; margin:-10px 0 0 -20px; width:441px;}
div#rotator ul li {	float:left;	position:absolute;	list-style-type: none;}
div#rotator ul li.show {z-index:50}




/* --------------------------------------- this is for the homepage -------------------------- */

#homeLeft{float:left; width:560px; margin:0 20px 0 0}
#homeRight{float:right; _margin:-10px 0 0 0;}
#homeRightTop{margin:0 0 20px 0; background-color: #625e5d; padding:10px;}
#homeRightBottom{background-color: #f7d201; padding:18px; height:90px; overflow: hidden; width:311px;}
#flashDiv{margin:0; padding:0; }

#homeRightBottom h1{font-weight: bold; font-size: 1.8em; margin:0; color:#000; font-weight:normal}
#homeRightBottom a{text-decoration: none; color:#000;}
#homeRightBottom a:hover {text-decoration: underline;}
#homeRightBottom p{font-size:1.2em; color:#000; line-height: 1.5em;}

#newsNotch{width:34px; height:27px; background-image: url(/images/quizNotch.png); position: absolute; z-index: 100; margin:20px 0 0 -33px;}
#subNotch{width:42px; height:33px; background-image: url(/images/subNotch.png); position: absolute; z-index: 100; margin:20px 0 0 680px; _margin:20px 0 0 -42px;}
#subNotchWide{width:42px; height:33px; background-image: url(/images/subNotch.png); position: absolute; z-index: 100; margin:20px 0 0 620px; _margin:20px 0 0 -42px;}


/* --------------------------------------- this is for the subpages -------------------------- */
#subLeft{float:left; width:640px; min-height:560px; margin:0 20px 0 20px; _margin: 0 20px 0 10px; background-color: #fff; padding:20px;}
#subLeftWide{float:left; width:580px; min-height:560px; margin:0 20px 0 20px; _margin: 0 20px 0 10px; background-color: #fff; padding:20px;}
#subRight{float:right;}
#subFull{float:left; width:860px; min-height:560px; margin:0 20px 0 20px; _margin: 0 20px 0 10px; background-color: #fff; padding:20px;}

#productsBox{float:left; text-align:center; margin:20px 60px 0 0}
#productsBox img{border: solid 1px #ccc;}

#materialsBox{float:left; text-align:center; margin:20px 40px 0 0}
#materialsBox img{border: solid 1px #ccc; padding:7px;}

#flashcontent{background-color: #fff; width:900px; margin:0 0px 0 20px; padding:20px 0 0 0}
#flashVideos{background-color: #fff; width:660px; margin:0 0px 0 0px; padding:20px 0 0 0}

/* --------------------------------------- this is for the main navigation -------------------------- */

/* zeroing padding/margin for all elements */

#topNav{height:80px; padding:0; margin:0; background-image: url(/images/bg_nav.gif); background-repeat: repeat-x;}

#nav,
#nav * { margin:0;padding:0;}

#nav {padding:0; margin:0; color: #fff; float: left; font-size:1.4em; height:40px;}

#nav li ul {position:absolute; height:19px; _height:12px; top:194px; padding:10px 0; _padding:5px 0; left:-9000px; width:100%; background:#77b300}

#nav li {display: inline;cursor:pointer !important;}

#nav li ul li {	padding:0;	width:auto; cursor:pointer !important; margin:0 20px 0 0 }
	
#nav li a {padding: 15px 37px 15px 37px; color: #fff; text-decoration: none; float:left; }

#nav li ul li a { display: inline; margin:0 0 0 37px; padding:4px 0 0 0; color:#88b135; cursor:pointer !important; font-size:0.9em;}

/* :hover and quoteuff */
#nav li a:hover,
#nav li a:focus,
#nav li a:active {color:#fff; background-color:#336600}

/* position and z-index for the sub-menus */
#nav li:hover ul,
#nav li.msieFix ul {left:0;z-index:10}


/* Current location - class on Body muquote match LI's id */
.about #nav li#about a,
.products #nav li#products a,
.support #nav li#support a,
.gallery #nav li#gallery a,
.quote #nav li#quote a,
.contact #nav li#contact a{cursor:default; background-color:#336600}

.about #nav li#about ul,
.products #nav li#products ul,
.support #nav li#support ul {left:0px;z-index:5}

.about #nav .overview li#overview a,
.about #nav .history li#history a,
.about #nav .partners li#partners a,
.products #nav .styles li#styles a,
.products #nav .materials li#materials a,
.products #nav .parts li#parts a,
.support #nav .quiz li#quiz a,
.support #nav .manual li#manual a,
.support #nav .videos li#videos a,
.support #nav .calculator li#calculator a,
.support #nav .faq li#faq a {color:#fff}


/* background images and border colors - current location */
#nav li#about ul,
.about #nav li#about,
#products:focus,
#nav li#products ul,
.products #nav li#products,
#support:hover,#support:focus,
#nav li#support ul,
.support #nav li#support,
#gallery:hover,#gallery:focus,
#nav li#gallery ul,
.gallery #nav li#gallery,
#quote:hover,#quote:focus,
#nav li#quote ul,
.quote #nav li#quote,
#contact:hover,#contact:focus,
#nav li#contact ul,
.contact #nav li#contact {background:#336600}


/* "trigger" and "msieFix" classes */
#nav li.msieFix a {background-color:#336600}



/* --------------------------------------- this is for the form checking -------------------------- */

#extraInfo{background-color:#f7ce01; padding:5px; color:#333; font-size: 1.2em; width:506px; margin-bottom:20px;}

form label{display:block;}
textarea {font-family: arial; font-size: 1.5em; padding:4px;}

.inputError {BORDER: 1px solid #ff0000 ; COLOR: #cc3333;	BACKGROUND-COLOR: #f0eed3;	margin:0px;	padding:2px; font-size: 1.2em; width:510px;}

.inputNormal {BORDER: 1px solid #666 ; COLOR: #463817; BACKGROUND-COLOR: #fff;	width:510px; margin:0px 0px; padding:2px; font-size: 1.1em;}
.inputShort {BORDER: 1px solid #666 ; COLOR: #463817; BACKGROUND-COLOR: #fff;	width:200px; margin:0px 0px; padding:2px; font-size: 1.1em;}

.innerError {BORDER: 1px solid #cc3333; MARGIN: 2px; COLOR: #cc3333; padding:5px; font-size: 1.4em}