/*--------------------------------------------------------------------------------*/
/*  all pages  */
/*--------------------------------------------------------------------------------*/

body {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	margin:0; 
	padding:0; 
	font-family: "Helvetica", Arial, sans-serif; 
	font-size: 12px;
	line-height:16px;
	white-space: normal; 
	color: black;
	width: 100%;
	height: 100%; 
	}

div {
	border-style: none; 
	border-width: 0px; 
	padding: 0px; 
	margin: 0px;
	}

a {	text-decoration: none;
	color: black;
	outline: none;
	}
a:active {border: none;}
a:focus {border: none;}
	
a img {
	border: none;
	}

p {padding: 0px; margin-bottom: 10px; margin-top: 10px; padding-top: 0px;}
dl {padding: 0px; margin-bottom: 10px; margin-top: 10px; padding-top: 0px;}

iframe {background-color: #444444;}


/*Peopledesign's Styles*/
.homeAll                            { height:650px !important; }
#baker_logo                         { margin-left:-13px;}
#neocon_logo                        { bottom:20px !important;left:33px !important;top:auto !important; }
#greenguard_logo	{ bottom:120px !important;left:0px !important;top:auto !important; }
.pdContent                          { width:650px !important;}
.pdInnerContentTop                  { text-align:right;border-bottom:none !important;}
div.front_content                   { position:absolute;top:133px; }
h1.front-content                    { text-align:center !important;margin:0px;}
#pdFrontProductArea                 { position:absolute;top:300px;width:680px;}
#pdFrontProductArea a.product       { float:left;width:203px;margin-right:20px;}
#pdFrontProductArea a.product img   { float:left;margin-right:10px;}
.pdFrontProductHeading              { display:block;font-size:20px;color:#ea6f22;padding-bottom:5px;
                                      margin-bottom:8px;border-bottom:1px #c1c1c1 solid;width:100%; }
#pdFrontProductArea .last           { margin-right:0px !important;}
.pdFrontProductContent              { color:#767676;font-size:11px;line-height:auto !important; }
.homeFooter                         { top:300px !important;width:650px !important;text-align:center;border-top:1px solid #c1c1c1 !important; }
.homeFooter a,
.homeFooter p                       { width:100% !important;text-align:left !important;font-size:10px !important;color:#c1c1c1; }

.hmRegistrationOut                  { position:absolute;top:536px; }
.hmRegistrationOut a	              { color:#EA6F22; }
.hmRegistrationOut2                 { position:absolute;top:533px; }
.hmRegistrationOut p,
.hmRegistrationOut2                 { text-align:left; }
.hmRegistrationOut2 a	              { color:#EA6F22; }
/*/Peopledesign's Styles*/



.small_tms{font-size:18px;}

#all {
	position: relative;
	top: 0px;
	width: 880px;
	height: 610px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	}

#leftside {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 215px;
	height: 100%; 
	background-repeat:no-repeat;
	background-position:right;
	}


#baker_logo {
	position: absolute;
	top: 15px;
	left: 10px;
	z-index: 20;
	}

#nav {
	position: absolute; 
	top: 130px; 
	left: 25px; 
	z-index: 30; 
	list-style-type: none; 
	margin: 0px; 
	padding: 0px; 
	width: 150px;
	}
	
#nav li {
	position: relative;
	}

#product_list {
	width: 75px; 
	list-style-type: none; 
	padding-left: 0px; 
	position: absolute; 
	left: 130px; 
	top: -15px; 
	display: none; 
	border: dotted 1px #bfbfbf; 
	border-bottom: none; 
	border-right: none;
	margin-left: 0px;
	padding-left: 0px;
	background-repeat:no-repeat;
	}


#nav li ul li {
	line-height: 16px; 
	border-bottom: dotted 1px #bfbfbf; 
	margin-bottom: 0px;
	}
	
#p_list:hover {
	border-bottom: dotted 1px #bfbfbf; 
	margin-bottom: 11px;
	}
	
	
#product_list li:hover {
	margin-bottom: 0px;
	}
	
#nav li:hover ul, #nav li.over ul {
	display: block; 
	}

#nav a {
	color: #ea6f22; 
	font-size: 14px; 
	font-weight: normal;
	}
	
#nav a:hover {
	border-bottom: dotted 1px #bfbfbf;
	}

#p_list a:hover {border-bottom: dotted 1px #bfbfbf;}

#nav li {
	line-height: 20px; 
	margin-bottom: 12px;
	}

#product_list a {
	color: #676767; 
	font-weight: normal; 
	position: relative; 
	left: 5px; 
	font-size: 11px;
	}
	
#product_list a:hover {
	color: #c36118;
	}

#p_list a:hover {
	border-bottom: none;
	}
	
#levelone_logo{position: absolute; top: 330px; left: 10px;}
#levelone_logo img {width: 145px; height:76px;}
.levelone_small {
	margin-left: 20px;
	width: 20px; 
	height: 20px;
}
.pdFrontProductHeading a {
	float: none !important;
}
.pdFrontProductHeading img{
	float: none !important;
	margin: 0;
	padding: 0;
	margin-left: 20px;
	width: 20px; 
	height: 20px;
}
#neocon_logo {position: absolute; top: 410px; left: 30px;}
#greenguard_logo {position: absolute; top: 440px; left: 30px;}

#content {position: absolute; top: 0px; left: 230px; z-index: 60; width: 540px;}
#hm_logo {display:block;text-align:right;height:40px;}
#content_top {width: 100%;margin-bottom:15px;border-bottom:1px solid #888888;}
#heading {position: relative; left: 0px; font-size: 15px; font-weight: bold;}

#footer {clear: both; position: absolute; top: 553px; left: 0px; border-top: solid 1px #888888; width: 540px;}
#footer a {color: #777777; text-align:left;}
#footer p {font-size: 9px; position: absolute; left: 0px; top: 0px; width: 540px; line-height: 10px; margin-top: 0px; padding-top: 5px; color: #777777;}

#footer2 {clear: both; position: absolute; top: 556px; left: 0px; border-top: solid 1px #888888; width: 540px;}
#footer2 a {color: #777777;}
#footer2 p {font-size: 9px; position: absolute; left: 0px; top: 0px; width: 540px; line-height: 12px; margin-top: 0px; padding-top: 5px; color: #777777;text-align:left;}

.headings {font-weight:bold; }

h3 {font-size: 12px; font-weight: bold; padding-bottom: 0px;}


.phase2 {display: none;}

/*--------------------------------------------------------------------------------*/
/*  index page  */
/*--------------------------------------------------------------------------------*/

.taglines {font-size: 10px;}
#gray_area {position: relative; top: 5px; left: 0px; width: 100%;}
#box1 {position: absolute; left: 0px; top: 0px; width: 178px; height: 180px; }
#box2 {position: absolute; left: 183px; top: 0px; width: 175px; height: 180px;}
#box3 {position: absolute; left: 365px; top: 0px; width: 175px; height: 180px; }
#gray_area a {color: #ea6f22;}

.mini_pics {position: absolute; top: 30px; left: 5px;}
.box_heading {position: absolute; top: 4px; left: 8px; width: 160px; padding-bottom: 3px; border-bottom: solid 1px #888888; z-index: 20; color: black;}
.box_text {position: absolute; top: 28px; left: 88px; width: 85px; font-size: 10px; line-height: 10px; color: black; z-index: 30;}
.black {color: black;}

/*--------------------------------------------------------------------------------*/
/*  about baker page  */
/*--------------------------------------------------------------------------------*/


#main_box { position: absolute; top: 100px; left: 0px; width: 535px; height: 400px; border: solid 1px #888888; overflow: hidden;}
#aboutbaker_info_links {position: absolute; top: 80px; left: 0px; z-index: 200; text-align: left; background: #cccccd; color: black; height: 20px;} 
#aboutbaker_info_links img {vertical-align: middle; height: 100%; position: relative; top: -1px;}
#aboutbaker_info_links a {color: black; text-decoration: none; margin-right: 0px; margin-left: 2px;}
#about_link {padding-left: 5px;}
#aboutbaker_info_links a:hover {color: #c36118;}
#about_baker {list-style-type: none; padding-left: 0px; margin-left: 0px; position: absolute; left: 10px; top: 0px; width: 400px; padding-top: 0px; margin-top: 0px;}
#about_baker li {}
#about_baker li ul li{padding-bottom: 0em;}
#about_baker li ul {list-style: disc;}
.dynBaker {position: relative; left: 0px; display: none; width: 400px;}
.dynBaker p {width: 400px; position:relative; left:20px;}
.dynBaker li {width: 380px;}
.dynBaker dl {width: 400px;}
.dynBaker ul dd {width: 320px; margin-bottom: 10px;}
.dynBaker a {color: #444444; border-bottom: 1px dotted;}
.dynBaker a:hover {color: black;}
#awards a {border-bottom: none;}
#about_baker_nav a {color: black;}
#about_baker_nav a:hover {border-bottom: dotted 1px black;}

#history dl {margin-bottom: 10px; position: relative; top: 0px; left: 30px; width: 360px; margin-left: 0px; padding-left: 0px;}
#history dt {position: relative; top: 0px; left: -290px; text-align: right;}
#history dd {position: relative; top: -14px; left: 40px;}
.news_releases {display: none;}
#news_links li {margin-bottom: 8px;}

.environment_list dd {padding-top: 5px;}
.environment_list dt {padding-top: 5px;}

/*--------------------------------------------------------------------------------*/
/*  gov't sales page  */
/*--------------------------------------------------------------------------------*/
#gsa_main_box { position: absolute; top: 100px; left: 0px; width: 535px; height: 400px; border: solid 1px #888888; overflow: hidden;}
#gsa_main_box a {color: #444444; border-bottom: 1px dotted;}
#gsa_main_box a:hover {color: black;}
#gsa_info_links {position: absolute; top: 80px; left: 0px; height: 20px; z-index: 200; text-align: left; background: #cccccd; color: black;} 
#gsa_info_links img {vertical-align: middle; height: 100%; position: relative; top: -1px;}
#gsa_info_links a {color: black; text-decoration: none; margin-right: 10px; margin-left: 10px;}
#first_one {margin-left: 0px;}
#gsa_info_links a:hover {color: #c36118;}
#gsa_info {position: relative; left: 10px; width: 525px; height: 400px; overflow: auto;}
#gsalist {width: 400px; position: relative; left: 0px; top: 0px; margin-top: 0px; padding-top: 0px;}
#gsalist dt, #gsalist dd {line-height: 140%;}

.dyn_gsa_text {position: relative; left: 10px; width: 525px; height: 400px; overflow: auto; display: none; z-index: 50;}
.dyn_gsa_text p {width: 400px;}
.dyn_gsa_text dl {width: 400px;}


/*--------------------------------------------------------------------------------*/
/*  links page  */
/*--------------------------------------------------------------------------------*/
#links_box { position: absolute; top: 80px; left: 0px; width: 535px; height: 420px; border: solid 1px #888888; overflow: hidden; padding-top: 15px;}
#links_list li {margin-bottom: 1.5em; }
#links_box a {color: #444444; border-bottom: 1px dotted;}
#links_box a:hover {color: black;}
/*--------------------------------------------------------------------------------*/
/*  faqs page  */
/*--------------------------------------------------------------------------------*/

#faq_instructions {position: absolute; top: 68px; left: 0px;}
#faq_instructions a {color: #444444; border-bottom: 1px dotted;}
#faq_instructions a:hover {color: black;}
#faqs_main_box { position: absolute; top: 95px; left: 0px; width: 538px; height: 405px; border: solid 1px #888888; overflow: auto; background: #ffffff;}
#faqs_main_box ul, #faqs_main_box ol {position: relative; left: 10px; width: 420px;}
.answers {padding-top: 5px; padding-left: 15px; width: 350px;}
#faqs_main_box li {padding-top: 10px;}
#faqs_main_box a {color: #444444; border-bottom: 1px dotted;}
#faqs_main_box a:hover {color: black;}
.answers {font-weight: normal; display: none;}
#faq_list li {list-style:decimal;}


/*--------------------------------------------------------------------------------*/
/*  contact page  */
/*--------------------------------------------------------------------------------*/

#contact_tabs {position: absolute; top: 80px; left: 0px; height: 20px; z-index: 200; text-align: left; background: #cccccd; color: black;} 
#contact_tabs img {vertical-align: middle; height: 100%; position: relative; top: -1px;}
#contact_tabs a {color: black; text-decoration: none; margin-right: 10px; margin-left: 10px;}
#contact_tabs a:hover {color: #c36118;}
#form_box {position: absolute; top: 100px; left: 0px; width: 535px; height: 400px; border: solid 1px #888888; overflow: auto; color: black;}
#contactform { position: absolute; left: 8px; top: 8px; z-index: 20; width: 360px;}
#contactform .forminput { font-family: monospace; width: 100%; height: 1em; padding-bottom: 0px; margin-bottom: 4px; background-color: white !IMPORTANT;}
#contactform .forminput_messagebox { font-family: monospace; width: 100%; padding-bottom: 0px; margin-bottom: 4px; background-color: white !IMPORTANT;}

#contact_instructions {position: absolute; top: 50px; left: 400px; width: 100px;}
#info_box {position: absolute; top: 100px; left: 0px; width: 535px; height: 400px; border: solid 1px #888888; overflow: auto; color: black;}
#sales_map {position: absolute; top: 100px; left: 0px; width: 535px; height: 400px; border: solid 1px #888888; overflow: auto; background-color: #cdceca; background-image: url(images/graphics/contact-bg.jpg); background-repeat:repeat-x; background-attachment:fixed; color: black;}
#left_column {font-size: 11px; color: black; position: absolute; left: 10px; top: 15px; z-index: 20; width: 200px;}
#right_column {font-size: 11px; color: black; position: absolute; left: 300px; top: 15px; z-index: 30; width; 200px;}
#info_box dd {margin-left: 0px; padding-left: 0px;}
.dyn_contact {display: none;}
.dyn_contact a {color: #444444; border-bottom: 1px dotted;}
.dyn_contact a:hover {color: black;}



/*--------------------------------------------------------------------------------*/
/*  product pages  */
/*--------------------------------------------------------------------------------*/



#products_gray_area {position: absolute; top: 310px; left: 0px; width: 100%;}
#products_gray_area a {color: black;}

#big_gray_box {width: 540 px; height: 220px; background-image: url(images/graphics/next-bg.jpg); position: relative; top: 5px;}
#next_description {position: absolute; top: 30px; left: 430px; width: 100px; font-size: 10px; line-height: 12px;}
#next_heading {position: absolute; top: 4px; left: 8px; width: 520px; border-bottom: solid 1px #888888; z-index: 20; color: black;}
#next_wide_2 {position: absolute; top: 30px; left: 10px;}

#downloads_box { position: absolute; top: 80px; left: 0px; width: 540px; height: 410px; border: solid 1px #888888; overflow: hidden;}
#downloads_div {height: 410px; width: 530px; position: relative; left: 10px; overflow: auto;}
#downloads_div a {color: #444444; border-bottom: 1px dotted;}
#downloads_div a:hover {color: black;}
.downloads dd {margin-top: 5px; margin-bottom: 5px;}

/*--------------------------------------------------------------------------------*/
/*  individual product pages  */
/*--------------------------------------------------------------------------------*/
#small_links {position: absolute; top: 25px; left: 0px; font-size: 10px; color: #888888;}
#small_links a {color: #888888;}
#small_links a:hover {color: #444444;}
#pics {position: relative; left: 0px; width: 405px; z-index: 60;}
#thumbs {position: absolute; left: 275px; list-style-type: none; margin: 0px; padding: 0px;}
#thumbs a {margin-left: 5px; margin-bottom: 10px;}
#thumbs img {margin-bottom: 8px;}
#thumbs_lower {position: absolute; left: 275px; top: 10px; list-style-type: none; margin: 0px; padding: 0px; line-height: 30px;}
#thumbs_lower a {margin-left: 5px;}
#startpic {position: absolute; top: 0px; left: 0px;}
#clickinstructions {position: absolute; top: 175px;font-size: 9px;}
.dynamic_pics {position: absolute; top: 72px; left: 0px; display: none; z-index: 80;}
.large_pics {width: 470px; height: 420px; background-color: #444444; color: white; position: absolute; top: 80px; left: -10px; display: none; z-index: 1000; overflow: auto;}
.lgimg {position: relative; left: 10px; top: 10px;}
.large_pics_cmf {width: 470px; height: 420px; background-color: #eeeeee; color: 444444; position: absolute; top: 80px; left: -10px; display: none; z-index: 1000; overflow: auto; border: 1px solid #888888;}
.swatch_thumbs {position: absolute; top: 40px; left: 55px;}
.swatch_thumbs img {margin-right: 4px;}
.lgswatches {position: absolute; left: 55px; top: 70px; display: none; background-color: #eeeeee; }
.lgimgtext {position: absolute; left: 185px; top: 365px;}
.lgimgtext a {border: solid 1px #888888; color: white; padding: 5px;}
.lgimgtext a:hover {background-color: #333333;}
.download_instructions {position: absolute; top: 355px; left: 10px;}
.closer {position: absolute; top: 365px; left: 415px;}
.closer2 {position: absolute; top: 350px; left: 375px;}
.large_pics .closer a {border: solid 1px #888888; color: white; padding: 5px;}
.large_pics .closer a:hover {background-color: #333333;}
.large_pics_cmf .closer2 a {border: solid 1px #888888; color: #444444; padding: 5px;}
.large_pics_cmf .closer2 a:hover {background-color: #dddddd;}

#vocabulary {border: solid 1px #bfbfbf; width: 105px; height: 430px; position: absolute; top: 72px; left: 433px; background: white; z-index: 50; border-top: none;}
#vocab_heading {position: absolute; top: 0px; left: 0px; z-index: 20; background: #cccccd; color: black; width: 100%; height: 20px;text-align: left;}
#vocab_heading img {vertical-align: middle; height: 100%; position: relative; top: -2px; left: 19px;}
#vocab {position: absolute; top: 20px; left: 0px; height: 396px; width: 105px; padding-top: 10px; overflow: auto;  z-index: 10;}
#vocab_instructions {font-size: 8px; position: absolute; top: 505px; left: 433px; width: 105px;}
 

#info_links {position: absolute; left: 0px; top: 275px; height: 20px; z-index: 200; text-align: left; background: #cccccd; color: black;}
#info_links img {vertical-align: middle; height: 100%; position: relative; top: -1px;}
#info_links a {color: black; text-decoration: none; margin-right: 10px; margin-left: 10px;}
#first_one {margin-left: 0px;}
#info_links a:hover {color: #c36118;}


.product_text {width: 402px; height: 207px; border: solid 1px #bfbfbf; position: relative; top: 0px; overflow: auto; background: #ffffff;}
.product_text div {margin: 7px; margin-top: 18px; line-height: 14px; }


.dyn_iframe {position: absolute; top: 10px; left: 10px;}
.swatch_iframe {position: absolute; top: 65px; left: 55px; width: 360px; height: 280px; overflow: hidden;}

.dyn_product_text {position: absolute; left: 0px; top: 295px; z-index: 70; background-color: #ffffff; display: none; z-index: 50;}
.dyn_product_text dl {margin: 7px; margin-top: 18px;}

.dyn_product_text a {color: #444444; border-bottom: 1px dotted;}
.dyn_product_text a:hover {color: black;}

.featureslist {position: relative; top: -8px;}
.feature_bullets {margin-left: 0px; padding-left: 5px;}
.downloads {position: relative; top: -10px;}
.downloads dt {margin-top: 10px;}
.product_tabs {position: absolute; top: 0px; left: 0px; border-top: 1px solid #bfbfbf; border-left: solid 1px #bfbfbf; width: 360px; height: 30px; background: #ffffff;}

#cmf_list {list-style-type:none; margin-left: 0px; padding-left: 0px; font-size: 10px; position: relative; top: 5px; padding-top: 0px; margin-top: 0px;}
.swatch_lists {padding-top: 10px; list-style-type: none; margin-left: 0px; padding-left: 0px; position: absolute; top: -11px; left: 227px; width: 175px; height: 197px; border; solid black 1px; overflow: auto; display: none;}
.swatch_lists li {margin-bottom: 15px;}
.swatch_names {position: absolute; top: 345px; left: 55px;}