BODY {
	font-size: 85%;
	color: #666666;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, Sans-Serif;
	background-color: white;
}

p, ul{
	padding-right: 30px;
}

div.PageSectionDiv {
	margin-left: auto;
	margin-right: auto;
	max-width:924px;
	width: 924px;
	min-width: 924px;
	/*The following line will only be used by IE, and is in here to handle the fact that ie doesn't respect the min-width property.*/
	/*width:expression(document.body.clientWidth < 924 ? "924px" : "80%" );*/
	
	/*The following 2 lines will only be used by IE, and are here to get the body to shrink down correctly to 800x600 width.*/
	margin-left: expression(document.body.clientWidth < 924 ? "-7px" : "auto");
	margin-right:expression(document.body.clientWidth < 924 ? "-11px" : "auto" );/**/
}

div.PageSectionDiv_header {
	margin-left: auto;
	margin-right: auto;
	width: 924px;
	max-width:924px;
	min-width: 924px;
	background: #fff;
	/*The following line will only be used by IE, and is in here to handle the fact that ie doesn't respect the min-width property.*/
	/*width:expression(document.body.clientWidth < 924 ? "924px" : "80%" );*/
	margin-left: expression(document.body.clientWidth < 924 ? "-7px" : "auto");
	margin-right:expression(document.body.clientWidth < 924 ? "-11px" : "auto" );/**/
}

#BodyDiv {
	border: none;
}

#secondBodyDiv {
	border: none;
	min-height: 432px;
}

#FooterDiv {
	padding-top: 50px;
	text-align: center;
	vertical-align: top;
}

#FooterDiv A:link, #FooterDiv A:visited, #FooterDiv A:hover, #FooterDiv A:active, #FooterDiv A {
	color: #999999;
	text-decoration: none;
}

#flashHeader {
	height:450px;
	margin-top:8px;
}

* html #flashHeader {
	margin-top:-558px;
	height:450px;
}

#LeftNavDivHeader {
	width: 208px; 
	margin-top: -20px;
	border-bottom: solid 1px #e4e4e4; 
	border-left: solid 1px #e4e4e4; 
	border-right: solid 1px #e4e4e4; 
	min-height: 20px;
	padding-left:7px;
	margin-bottom: 15px;
}

* html #LeftNavDivHeader {
	margin-top: -5px;
	margin-bottom: -13px;
	width:217px;
}
.LeftNavHeader {
	font-size: 175%;
	font-weight: bold;
	color: #D5C4A1;
	text-decoration: none;
	padding-bottom:8px;
}

#navSpacer {
	font-size: 1.5em;
	font-weight: bold;
	margin-top:20px;
	height:10px;
	width: 150px;
}

#LeftNavDivHeaderCap {
	background-image: url(../Images/nav-top.gif);
	background-repeat:no-repeat;
	height:10px;
	margin-top:30px;
	width: 217px;
}

*:first-child+html #LeftNavDivHeader {
	margin-top: 0px;
}


#LeftNavDivBottom {
	background-image: url(../Images/nav-bottom.gif);
	background-repeat:no-repeat;
	margin-top:-20px;
	height:20px;
	width:217px;
}
	
#ArtLogoImage {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

/*
The following designates the text color for all anchors 
AND the shim color in the global nav.
*/

A:link, A:active, A {
	color: #5f5f5f;
	text-decoration: none;
	text-transform: none;
}

A:hover {
	color: #877951;
	text-decoration:underline;
	text-transform: none;
}

A:visited {
	color: #5f5f5f;
	text-transform: none;
}

A.global_nav_block {
	color: #a39161;
}

.tablerowgray {
	color: #999999;
	background-color: #fff;
}

img {
	border-style: none;
}

h1 {
	font-size: 2em;
	font-weight: bold;
}

h2 {
	font-size: 2em;
	font-weight: bold;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0px;
}


h3+* {		/*Make sure the first sibling of an h3 has no margin before it.*/
	margin-top: 0px;
}

/* Make sure that bookmarks inside of h3 tags do not get the gold coloring applied to it.*/
h3 a, h3 A:link, h3 A:visited, h3 A:hover, h3 A:active {
	color: #999999;
}


.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
}

.content_table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 80%;
	border: none;
	border-bottom: none;
}

#MainTextDiv {
	padding-top: 25px;
	font-size: 80%;
	min-height: 394px;
	padding-left: 240px;
}
#content_cap {
	background-image:url(../Images/content-cap.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	width: 476px;
	height: 15px;
	margin-top: 5px;
	padding-left: 10px;
}
* html #content_cap {
	height: 40px;
	background-position: 0 25;
}
*:first-child+html #content_cap {
	margin-top: 32px;
}

#content_cap_image_main {
	width: 476px;
	height: 215px;
	margin-top: 5px;

}
* html #content_cap_image_main {
	padding-top:24px;
}

*:first-child+html #content_cap_image_main {
	margin-top: 32px;
}


#content_capLrg {
	background-image:url(../Images/content-capLrg.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	width: 658px;
	height: 15px;
	margin-top: 5px;
	padding-left: 10px;
}

#content_bottom_capLrg {
	padding-left: 10px;
	background-image:url(../Images/content-bottom-capLrg.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	width: 658px;
	height: 15px;
}
#content_bottom_cap {
	padding-left: 10px;
	background-image:url(../Images/content-bottom-cap.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	width: 476px;
	height: 15px;
}


* html #content_bottom_cap {
	margin-left: 3px;
}

/*When you want to have a curved image in place of the curved border - use this ID with the image.*/
#image_no_cap {
	margin-top: 5px;
}

* html #image_no_cap {
	position:absolute;
	margin-top: 24px;
}

#MainContentBorder {
	padding-left: 10px;
	width:464px;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	margin-top: -14px;
	min-height:350px;
}

* html #MainContentBorder {
	margin-top: 0px;
	width:476px;
	height:550px;
}


*:first-child+html #MainContentBorder {
	margin-top: 0px;
}

#MainContentBorderLrg {
	padding-left: 10px;
	width:646px;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	margin-top: -14px;
}

* html #MainContentBorderLrg {
	margin-top: 0px;
	width:662px;
}

*:first-child+html #MainContentBorderLrg {
	margin-top: 0px;
}
/* Use Tan hack to tell IE broswer to have a smaller padding-top value */
* html #MainTextDiv {
	padding-top: 6px;
	
}

/****** Section Image ******/
#SectionImageDiv {
	text-align: left;
	vertical-align: bottom;
	height: 85px;
	padding-right: 1px;
	margin-left: 170px;
	padding-bottom: 0px;
}

* html #SectionImageDiv {
	margin-left: 167px;
}
/*
Use Tan hack ("* html xxx") to tell IE browsers there 
is 0 padding-right to properly align the SectionImageDiv
*/
* html #SectionImageDiv {
	padding-right: 0px;
/*	position: relative;
	left: -3px;*/
}
/****** End Image ******/

/****** Header Navigation Styles ******/
#HeaderDiv {
	margin-top: 0px;
	border: none;
	border-bottom: none;
}

* html #HeaderDiv {
	margin-top: 5px;
}

.prop {
    height:60px;
    float:right;
    width:1px;
}
 
.clear {
    clear:both;
    height:0px;
    overflow:hidden;
}

.logo_img {
	background-image:url(../Images/headerline.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	float: left;
	min-width: 924px;
	text-align: center;
	height: 48px;
	margin-top: -20px;
	padding-top:1px
}

* html .logo_img {
	width: 924px;
	margin-top: -10px;
}

.global_nav_block {
	background-image:url(../Images/headerline.gif);
	background-repeat:no-repeat;
	background-position: 0px 33px;
	text-align: center;
	padding-right: 3px;
	padding-top: 10px;
	padding-bottom: 8px;
	width: 924px;
	float: left;
}

* html .global_nav_block {
	margin-bottom: -16px
}

.global_nav {
	display: inline;
	padding-left: 22px;
	padding-right: 22px;
	font-size: 90%;
}

/****** End Header Navigation Styles ******/

/****** Footer Styles ******/
.FooterLinks {
	width: auto;
	float: none;
	text-align:center;
	display: block;
	font-size: 80%;
}

.footer_link {
	padding-left: 1.1em;
	padding-right: 1.1em;
}
.left_footer_link {
	padding-left: 0em;
	padding-right: 1.1em;
}

#first_footer_link {
	padding-left: 0em;
}

#SearchDiv {
	margin-right: 20px;
	float: right;
	width: 118px;
	vertical-align: top;
	height: 25px
}

#searchbox {

	left: 0px;
	top: 3px;
	width: 118px;
	font-size: x-small;
}

#searchmag {
	display: block;
	position: relative;
	left: 104px;
	top: -22px;
}

* html #searchbox {
	top: 0px;
}

* html #searchmag {
	left: 101px;
	top: -24px;
}

#FooterDiv>* {
	margin-top:-15px;
}

* html #FooterDiv #footer_links, * html #FooterDiv #SearchDiv {
	position:inherit;
	margin-top:-15px;
}
/****** End Footer Styles ******/

/****** Level 1 Styles ******/
.LevelOneBodyDiv {
	min-height: 499px;
}

#LeftImageDiv {
	height: 400px;
	width: 258px;
	white-space: nowrap;
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	margin-left: 0px;
	margin-top: 30px;
	margin-right: -150px;
}

#RightImageDiv {
	float: right;
	width: 190px;
	padding-right: 0px;
	padding-top: 30px;
	padding-left: 10px;
	padding-bottom: 0px;
}

#RightImageDiv p {
	font-size:10px;
}

#RightImageDiv ul {
	font-size:10px;
}

#RightImageDiv h3 {
	margin-top:-20px;
	font-size:12px;
}

/* Use Tan hack to tell IE browsers to have no padding-right
value, so there is no space between the right image and 
the right border of BodyDiv */
* html #RightImageDiv {
	padding-right: 0px;
}

.LevelOneMainTextDiv {
	padding-left: 14px;
}

/* This will be used for hr before the claim that will be on all level 1 pages*/
.LevelOneMainTextDiv hr{
	height: 2px;
	margin-left: -14px;
	margin-bottom: -5px;
}

* html .LevelOneMainTextDiv hr{
	height: 3px;
	margin-left: -28px;
	margin-top: -15px;
	}

/***Begin Top 5 Claim
This will be used for the claim that will be on all level 1 pages.*/
#Top5Claim {
	margin-bottom: 5px;
}

* html #Top5Claim {
	margin-top: -12px;
}
/***End Top 5 Claim */

#MiddleNavDiv {
	font-weight: bold;
	vertical-align: top;
	/*line-height: 7px;*/
	width: auto;
	height: 233px;
	overflow: auto;
	/*border: 1px solid lime;*/
}

#MiddleNavDiv UL LI {
	list-style-type: none;	
	background-position: left top;
	background-repeat: no-repeat;
}

.right_image {
	width: 232px;
}

.facechart {
	width:145px;
	height:170px;
	float:left;
	margin:0px 40px 0px 0px;
	font-size:90%;
	text-align:left
}

* html .facechart {
	margin:0px 30px 0px 0px;
}


.middlenavspacing {
	padding-top: 20px;
	padding-left: 8px;
	text-align: left;
}

/****** End Level 1 Styles ******/

/****** Level 2 Styles ******/
.LevelTwoBodyDiv {
	min-height: 500px;
	background: #fff;
}

.LevelTwoMainTextDiv {
	margin-left:80px;
	padding-left:157px !important;
	padding-right:22px;
}
* html .LevelTwoMainTextDiv {
	padding-left: 198px;
	padding-right: 185px;
	padding-bottom: 1px;
}

.LevelTwoFlashDiv {
	padding-top: 24px;
	padding-left: 240px !important;
	padding-right: 22px;
}

.colourCollectionFlashDiv {
	padding-top: 0px;
	padding-left: 171px;
	padding-right: 0px;
}

* html .colourCollectionFlashDiv {
	position:absolute;
	left:10px;
}

.colourCollectionTextDiv {
	padding-left: 198px;
	padding-right: 185px;
	margin-top: 0px;
}

* html .colourCollectionTextDiv {
	padding-left: 198px;
	padding-right: 185px;
	margin-top: 325px;
}

* html .LevelTwoFlashDiv {
	padding-left: 197px;
	padding-right: 0px;
}


#contentSpacer{
	height:200px;
}

.contentProductsDiv {
	width: 105px;
	max-width: 105px;
	font-size:80%;
	float:left;
	padding-right:10px;
	text-align:left
}

* html .contentProductsDiv {
	margin-right: -30px;
	padding-top: 10px;
}

#LeftNavDiv {
	background-color: #fff;
	float: left;
	font-size: 75%;
	font-weight: bold;
	vertical-align: top;
	width: 70px;
	height: 589px;
	min-height: 589px;
}

* html #LeftNavDiv {
	width: 70px;
}

#LeftNavDiv UL {
	padding-left: 0px;
	margin-left: 0px;	
}

#LeftNavDiv UL LI {
	list-style-type: none;	
}

/*.subpage A.link:link {
	font-weight: bold;
	text-decoration: none;
}

.subpage A.link:active {
	font-weight: bold;
	text-decoration: none;
}

.subpage A.link:visited {
	font-weight: bold;
	text-decoration: none;
}*/

/*.subpage .right_column {
	padding-top: 30px;
	vertical-align: top;	
}*/

.content {
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 25px;
	vertical-align: top;
	font-size: 85%;
	border: 0px #0F0 dashed;
}

.image_float_right {
	float: right;
	margin-left: 15px;
}

#pro-tips {
	float: right;
}


.sidenav {
	margin:0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}

* html .sidenav {
	margin:0px;
	padding-top: 6px;
	padding-bottom: 0px; 
}

.sidenavindent {
	margin:0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: black;
	font-size: 11px;
	padding-left: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
}

* html .sidenavindent {
	margin:0px;
	padding-top: 6px;
}

li.sidenavindent{
		
}


#menuwrapper {
	width: 215px;
	min-width: 215px;
	border-left: solid 1px #e4e4e4;
	border-right: solid 1px #e4e4e4;
	margin-top: -15px;
	font-size: 11px;
}
* html #menuwrapper {
	margin-top: 0px;
	width: 217px;
}



.sparklebg {
	margin:0px;
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
	
}

* html .sparklebg {
	margin:0px;
	padding-top: 10px;
	padding-bottom: 0px; 
}
.sparklebg_sm {
	margin:0px;
	padding-left: 16px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;
}

* html .sparklebg_sm {
	margin:0px;
	padding-top: 6px;
}



.howbug {
	padding-right: 0px;
	padding-left: 1px;
	padding-bottom: 2px;
	padding-top: 2px;
	overflow: hidden;
	width: 145px;
	cursor: pointer;
	height: 18px;
	margin-left: 5px;
	margin-top:10px;
}

.howbug_blk {
	margin-right: 1px;
	float: right;
	width: 11px;
	height: 19px;
}

* html .howbug_blk {
	width: 11px;
	margin-right: 1px;
}

.howbug_blk_hover {
	margin-right: 1px;
	float: right;
	width: 11px;
	height: 19px;
}

* html .howbug_blk_hover {
	width: 11px;
	margin-right: 1px;
}

.howbug_txt {
	padding-left: 2px;
	padding-top: 2px;
	float: left;
	width: 131px;
	height: 17px;
	background-color: #e6e6e6;
	vertical-align: middle;
}

.howbug_txt A:active {
	text-decoration: none;
}

.howbug_txt A:hover {
	text-decoration: none;
}

.howbug_txt A:link {
	text-decoration: none;
}

.howbug_txt A:visited {
	text-decoration: none;
}

/****** End Level 2 Styles ******/


/****** Styles for landing page links ******/
A.landing_links, A.landing_links:link, A.landing_links:active, A.landing_links:visited  {
	color: #ffffff;
}





/****** HOMEPAGE ******/

#home_content {
	width: 924px;
	float:left;
}

.bottom_content {
	margin-top: 0px;
}

* html .bottom_content {
	margin-top: 100px;
}
.home_content_background {
	background-image: url(../Images/img-home-model2.jpg);
	background-repeat:no-repeat;
	width: 924px;
	height: 342px;
}


#home_content p {
	margin-top: 5px;
}

#home_content_cubes {
/****** 5 boxes 
	width: 600px;******/
/****** 4 boxes ******/
	width: 590px;
	min-height: 342px;
	float: right;
}

#home_line {
	padding-top:1px;
	width: 924px;
	height: 1 px;
	background-image: url(../Images/headerline.gif);
	background-repeat:no-repeat;
}

.home_trend {
	background-image:url(../Images/img-home-promo-graphic.jpg);
	background-repeat:no-repeat;
	background-position: 15px 5px;
	float:left;
	width: 270px;
	height: 205px;
}
.home_main{
	background-image:url(../Images/img-home-content-science.jpg);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	float:right;
	width: 370px;
	/*height: 310px;*/
}
.home_promo {
	background-image:url(../Images/img-sub-outline-sm.jpg);
	background-repeat:no-repeat;
	background-position: 0px 5px;
	float:right;
	width: 270px;
	height: 205px;
}
.home_tag {
/****** 5 boxes ******/
	width: 575px;
/****** 4 boxes *****
	width: 460px;*/
	
	text-align:center;
	padding-top: 55px;
	font-size: 54px;
	letter-spacing: .07em;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}
.home_sq_images {
	float:left;
	padding:25px 4px 2px 4px;
	width: 105px;
	position:inherit;
}
.home_sq_images a {
	display:block;
	width: 105px;
}
.home_sq_images a:hover { 
	margin-top: -4px;
	margin-left: -4px;
	padding:0px 4px 2px 0px;
	cursor:pointer;
	width: 113px;
}

* html .home_sq_images a:hover { 
	margin-top: -8px;
	width: 105px;
	padding: 0px 0px 2px 4px;
}

img.blowitup{
	height:104px;
	width:105px; 
}

img.blowitup:hover{
	height:113px;
	width:113px; 
}

#sqr_text {
	color:#666666;
	padding-top:5px;
	font-size:75%;
	width: 105px;
	text-align:center;
}

#home_center_text {
	padding: 5px 0px 0px 0px;
}
#home_left_text {
	padding: 0px 115px 0px 30px;
	font-size:15px;
}

#home_right_text {
	padding: 0px 10px 0px 20px;
	font-size:15px;
}

#home_right_text_link {
	padding: 0px 0px 0px 70px;
	margin-top:-10px;
}

.home_main_text {
	font-size: 90%;
	color:#666666;
	float:none;
}

.home_main_text A:link, .home_main_text A:visited, .home_main_text A:hover, .home_main_text A:active, .home_main_text A {
	font-size: 12px;
	color: #b5a781;
	margin-top: 5px;
	display:block
}

.home_main_text h1 {
	font-size: 100%;
	line-height: 1em;
	color:#000;
}


/* Popup rollover for homepage */

.home_sq_images ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}
.home_sq_images ul li {
float:left;
margin:0px;
width:104px;
height:104px;
border:0px;
}
.home_sq_images ul li a, .home_sq_images ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
width:104px; 
height:104px; 
color:#000; 
background:#fff;
}
.home_sq_images ul li a img, .home_sq_images ul li a:visited img {
border:0;
}

.home_sq_images ul li dl {
visibility:hidden;
position:absolute;
}


.home_sq_images dl {width:200px; padding:0 0 0px 0; border:1px solid #cccccc; background-color:#ffffff;}
.home_sq_images dt {margin:0; padding:5px 5px 1px 5px; font-size:12px; font-weight:bold; color: #000; text-align:left; text-decoration:underline;}
.home_sq_images dd {margin:0; padding:0px 5px; color:#000; font-size:10px; border:0px;}
.home_sq_images dd p {padding:0; margin:5px 0; line-height:1em;}
.home_sq_images strong {color:#b8a048;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.home_sq_images ul li:hover,
.home_sq_images ul li a:hover {
color:#000; 
position:relative;
cursor: pointer;
cursor:hand;
}

.home_sq_images ul li:hover dl,
.home_sq_images ul li a:hover dl {
visibility:visible;
color:#000;
top:80px;
left:30px;
cursor:default;
}

.home_sq_images ul li:hover dl em,
.home_sq_images ul li a:hover dl em {
display:block;
position:absolute;
left:80px;
top:30px;
width:36px; 
height:36px;
}

.home_sq_images ul li:hover dl a,
.home_sq_images ul li a:hover dl a {
height:0.8em;
color:#606;
text-decoration:underline;
display:inline;
}

.home_sq_images ul li:hover dl a:hover,
.home_sq_images ul li a:hover dl a:hover {
text-decoration:none;
}


.tooltip,.tooltip *{display:block} /*added by javascript*/

.tooltip{ width: 200px; color:#000;
    font:lighter 11px/1.3 Arial,sans-serif;
    text-decoration:none;
	text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(bt.gif) no-repeat bottom}