@charset "UTF-8";
/* CSS Document */
* 									{ margin: 0; padding: 0; }
body								{ font: 14px Helvetica, Sans-Serif; } 
#rule {
	position:absolute;
	size:1px; 
	left:10px; 
	width:800px; 
	}
#storeLocRule {
	position:relative;
	size:1px; 
	left:10px; 
	width:800px; 
	}
	
#navBar {
	position: absolute; 
	width: 800px; 
	margin: 25px auto; 
	z-index:2;
	left:10px; 
	padding:0px; 
	background-color:white
	} 
	
#storeLocNavBar {
	position: relative; 
	width: 800px; 
	margin: 25px auto; 
	z-index:2;
	left:10px; 
	padding:0px; 
	background-color:white
	} 
/*	
#lowerNav {
	position: absolute; 
	width: 800px; 
	margin: 25px auto; 
	z-index:2; top:580px; 
	left:10px; 
	padding:0px; 
	background-color:white
	} 
	*/
a									{ text-decoration: none; color:#000 }
a:hover									{ text-decoration: underline }
ul									{ list-style: none; }
p                                   { margin: 0px 0; }
/* leave p1 alone as it is needed for secondary nav */
p1 {
	font-family:Verdana, Geneva, sans-serif;     
	font-size:16px;
	color:#FFF;
	padding-left:4px;
	}
	
p2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#636;
	text-align:center;
	}
	
p3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000
	text-align:center;
	}
	
p4 {
	font-family:Verdana, Geneva, sans-serif;     
	font-size:16px;
	color:#000;
	padding-left:4px;
	}
	
H2 {
	font-family:Verdana, Geneva, sans-serif;     
	font-size:13px;
	font-weight:bold;
	color:#000;
	text-align:center;
	}
	
h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#636;
	text-align:center;
	padding-top:20px;
}
	
h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}

#secondaryNavTitleBar {
	position:absolute;
	background-color:#000;
	width:190px;
	height:25px;
	top:110px;
	left:10px;
	padding-top:4px;
	}

	

/*
------------------------------------------MAIN NAV DROP DOWN MENU STYLES-------------------------------------------
/* 
	LEVEL ONE
*/
ul.dropdown                         {
	position: relative;
	padding:0px 6px;
	z-index:2;
}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: white; padding:4px 0px;}
ul.dropdown a:hover		            { color: black;}
ul.dropdown a:active                { color: white; }
ul.dropdown li a                    { display: block;  padding: 4px 24px; border-right: 1px solid #333; text-decoration: none;

	 								  color: black; }
ul.dropdown li:last-child a         { border-right: none; text-decoration: none;} /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #999; color: white; position: relative;}
ul.dropdown li.hover a              { color: black; text-decoration: none;}

ul.dropdown li#active				{ background-color:#CCC }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 160px; visibility: hidden; position: absolute; top: 100%; left: 0;padding:0px 0px;}
ul.dropdown ul li 					{ font-weight: normal; vertical-align:middle; background: white; color: black; 
									  border-bottom: 1px solid #999; float: none; height:20px; padding:4px 0px;}

ul.dropdown ul li#active			{ background-color:#999 }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;padding:4px 0px; text-decoration: none;} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
ul.dropdown li#active				{ background-color:#999 }

/*
----------------------------------------IDEA GALLERY NAV MENU STYLES FOR -------------------------------------------
*/


#ideaSecondaryNav ul
{
  position:absolute;
top:140px;
left:10px;
background-color: White;
color: Black;
width: 170px;
height:120px;
font-family: tahoma, geneva, sans-serif;
text-align:left;
font-size:16px;
}
#ideaSecondaryNav ul li				{ margin-top: 5px; color:#000; height:22px; }


#ideaSecondaryNav ul li a			{ color:#000; padding-left:15px; text-decoration: none;}

#ideaSecondaryNav ul li:link		{color:#000; padding-left:15px; width:190px; background-color:#999; }
#ideaSecondaryNav ul li:visited		{}
#ideaSecondaryNav ul li:hover		{ background-color:#999; width:190px; }
#ideaSecondaryNav ul li#active		{ background-color:#999; width:190px;  }


/*	
a:hover.red{color:red;}
a.red:hover{color:red;}

must be listed in this order:

a:link 
a:visited 
a:hover 
a:active
*/

/*
----------------------------------UL SPECS FOR IMAGE ROTATION DIVS---------------------------------------------------
*/




ul.imgRot							{ border:none; margin:0px; padding:0px; }



/*
---------------------------------------------------------------------------------------------------------------------
*/

div#header,div#footer {
  	position:absolute;
	top:20px;
	left:10px;
	width:210px;
	height:30px;
	color:white;
	background-color:white;
	clear:left;
	}
#mnPgMnGrphc {
  position:absolute;
  top:110px;
  left:10px;
  width:450px;
  height:360px;
  background:white; 
  padding:0px; 
  border:0px solid #000; 
  color:#000;
  z-index:1;
  }
#mnPgFetDsgnr {
  position:absolute;
  top:110px;
  left:480px;
  width:330px;
  height:225px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  }
#mnPgStG {
  position:absolute;
  top:490px;
  left:10px;
  width:215px;
  height:100px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  }
#mnPgFetProj {
  position:absolute;
  top:490px;
  left:245px;
  width:215px;
  height:100px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  }
#mnPgProdAd {
  position:absolute;
  top:350px;
  left:480px;
  width:330px;
  height:225px;
  background:white; 
  color:#000;
  }
  /*
#mnPgNwProd {
  position:absolute;
  top:370px;
  left:655px;
  width:155px;
  height:220px;
  background:#eee; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  } */
  
/* divs for igCardMakingMain.html   */
  
#cardMkngProjMainImg {
  position:absolute;
  top:110px;
  left:220px;
  width:360px;
  height:360px;
  background:white;
  color:#000;
  z-index:1;
  }
#cardMkngProjTxt {
  position:absolute;
  top:110px;
  left:600px;
  width:210px;
  height:360px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  }
#cardMkngNewProdImg {
  position:absolute;
  top:260px;
  left:10px;
  width:190px;
  height:155px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  }
#cardMkngPgBlogAd {
  position:absolute;
  top:435px;
  left:10px;
  width:190px;
  height:155px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  }
#cardProjIcon {
  position:absolute;
  width:100px;
  height:100px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  }
  
/* divs for aboutUsMain.html  and other aboutUs pages  */
  
#aboutUsMainImg {
  position:absolute;
  top:110px;
  left:220px;
  width:380px;
  height:475px;
  background:white;
  color:#000;
  }
#aboutUsNwProdImg {
  position:absolute;
  top:285px;
  left:10px;
  width:190px;
  height:140px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  }
#aboutUsProjImg {
  position:absolute;
  top:445px;
  left:10px;
  width:190px;
  height:140px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  }
#aboutUsBlogAd {
  position:absolute;
  top:110px;
  left:620px;
  width:190px;
  height:315px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  }
#aboutUsStudioGAd {
  position:absolute;
  top:445px;
  left:620px;
  width:190px;
  height:140px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  }
  
  /* divs for contactUs.html   */   
  
#contactUsMainImg {
  position:absolute;
  top:110px;
  left:10px;
  width:800px;
  height:480px;
  background:white;
  color:#000;
  }
  

/* divs for igScrapBookingMain.html   */ 
  
#scrapBkngProjMainImg {
  position:absolute;
  top:110px;
  left:220px;
  width:360px;
  height:360px;
  background:white;
  color:#000;
  z-index:1;
  }
#scrapBkngProjTxt {
  position:absolute;
  top:110px;
  left:600px;
  width:210px;
  height:360px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  }
#scrapBkngNewProdImg {
  position:absolute;
  top:260px;
  left:10px;
  width:190px;
  height:155px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  }
#scrapBkngPgBlogAd {
  position:absolute;
  top:435px;
  left:10px;
  width:190px;
  height:155px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  }
#scrapBkProjIcon {
  position:absolute;
  width:100px;
  height:100px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  }
  
    /* divs for igDecorMain.html   */
  
#decorProjMainImg {
  position:absolute;
  top:110px;
  left:220px;
  width:360px;
  height:360px;
  background:white;
  color:#000;
  z-index:1;
  }
#decorProjTxt {
  position:absolute;
  top:110px;
  left:600px;
  width:210px;
  height:360px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  }
#decorNewProdImg {
  position:absolute;
  top:260px;
  left:10px;
  width:190px;
  height:155px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  }
#decorPgBlogAd {
  position:absolute;
  top:435px;
  left:10px;
  width:190px;
  height:155px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  }
#decorProjIcon {
  position:absolute;
  width:100px;
  height:100px;
  background:white; 
  padding:0px; 
  border:0px; 
  color:#000;
  z-index:1;
  }
  
/* divs for storeLocator  */

#contactUsStoreLoc {
  position:absolute;
  top:120px;
  left:0px;
  width:800px;
  height:480px;
  background:white;
  color:#000;
  } 
  
 
#storeLocSuggest {
  margin-left:200px;
  width:400px;
  background:white;
  color:#000;
  } 
 
#storeLocatorBlock {
  margin-left:310px;
  width:180px;
  height:135px;
  background:white;
  color:#000;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  }
  
 #storeLocVariBlock {
 }
  
 #slResponseTitle {
  width:400px;
  background:#666;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-left:190px;
  margin-right:20px;
  margin-top:20px;
  padding-top:.5em;
  padding-bottom:.5em;
  padding-left:.8em;
  padding-right:.8em;
  font-family:Verdana, Geneva, sans-serif;     
  font-size:1.1em;
  font-weight:bold;
  line-height:1.2em;
  color:#000;
  text-align:left;
 }
  
 #slResponseText {
  width:404px;
  background:white;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-left:190px;
  margin-right:20px;
  margin-bottom:20px;
  padding-top:.5em;
  padding-bottom:.5em;
  padding-left:.8em;
  padding-right:.8em;
  font-family:Verdana, Geneva, sans-serif;     
  font-size:.9em;
  font-weight:normal;
  line-height:1.2em;
  color:#000;
  text-align:left;
 }
  
 #slResponseText a {
  text-decoration:none;
  color:#666;
 }
  
 #slResponseText a:hover {
  text-decoration:underline;
  color:#000;
 }
 
#slTopTitle {
  display:block;
  width:180px;
  border-bottom: 1px solid #000;
  background-color:#999;
  padding-top:.3em;
  padding-bottom:.3em;
  }
 
#slLftBlock {
  float:left;
  margin-left:20px;
  width:70px;
  background:white;
  color:#000;
  }
 
#slRgtBlock {
  float:right;
  margin-left:20px;
  width:70px;
  background:white;
  color:#000;
  }
 
#slLftBlock li {
  text-decoration:none;
  list-style-type: none;
  line-height:1.8em;
  font-family:Verdana, Geneva, sans-serif;     
  font-size:.9em;
  color:#000;
  }
 
#slRgtBlock li {
  text-decoration:none;
  list-style-type: none;
  line-height:1.8em;
  font-family:Verdana, Geneva, sans-serif;     
  font-size:.9em;
  color:#000;
  }
 
#slCenterBlock {
  margin-top:3em;
  padding-top:.5em;
  width:180px;
  background:white;
  color:#000;
  border-top: 1px solid #000;
  }
 
#otherRetBlock {
  width:600px;
  height:140px;
  margin-left:100px;
  background:white;
  color:#000;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding-top:.5em;
  margin-top:3em;
  }
 
#otherRetBlock li {
  float:left;
  margin-left:3.6em;
  margin-right:3.6em;
  margin-top:1em;
  list-style-type: none;
  text-align:center;
  }
 
#otherRetBlock li.logos {
  float:left;
  margin-top:1em;
  list-style-type: none;
  text-align:center;
  }
 
#slOther Retailers {
  margin-top:3em;
  padding-top:.5em;
  width:180px;
  background:white;
  color:#000;
  border-bottom: 1px solid #000;
  }
 
#slCenterBlock li {
  list-style-type: none;
  text-align:center;
  }
  
 #countriesBlock {
  width:600px;
  margin-left:100px;
 }
  
#countriesBlock ul.countries {
	text-decoration:none;
}
  
#countriesBlock ul.countries li a{
	display:block;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;     
	font-size:1em;
	font-weight:normal;
	color:#000;
	text-align:center;
	line-height:2em;
	margin-left:1.4em;
	margin-right:1.4em;
	margin-top:.7em;
	margin-bottom:.7em;
}
  
#countriesBlock ul.countries li a:hover{
	text-decoration:underline;
}
  
#countriesBlock ul.countries li a.slLogos{
	text-decoration:none;
}
  
#contactUsStoreLoc ul.countryList {
	float:left;
	padding-left:.1em;
}
  
#contactUsStoreLoc ul.countryList li{
	text-decoration:none;
}


 
  
  
#catSum {			/*catalog divs*/
  position:absolute;
  width:790px;
  height:550px;
  left:10px;
  top:110px;
  background:white; 
  }
  
  

  

#navcontainer ul
{
  position:absolute;
top:35px;
padding-left: 0;
padding-top: 12px;
margin-left: 0;
background-color: #000000;
color: White;
width: 800px;
height:30px;
font-family: arial, helvetica, sans-serif;
font-size:13px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1.8em;
background-color:#000000;
color: White;
text-decoration: none;
border-right: 0px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: white;
color: grey;
}