/*----StikkiWorks.com----*/
/*----Styles - revised May 2009 ----*/
/*----by Laura Winn ----*/


* {margin:0px; padding:0px;}
body {font-family: helvetica, arial, sans-serif; background-color:#FFF; color:#000;}

/*----page styles----*/
img {border:0px;}

p {font-size:14px;
   line-height:18px;
   margin:0 0 15px 0;
   padding-left:10px;
   }

h1 {font-weight:bold; font-size:24px;}
	
h2 {font-weight:bold; font-size:18px;}
	
h3 {font-weight:bold; font-size:16px;}

div.hdrrule {padding:10px 0 20px;} 

hr {width:90%;
    border:0;
    color: #339966;
	background-color:#339966;
	height:2px;
	text-align:center;}		

#container {width:1000px;
            padding:0px;
			margin:0px;}
	
#banner {width:1000px; height:120px;}
		 
#banner2 {width:1000px; height:102px;}
		 		 	

		 
#mainIndex, #mainContact, #mainProducts, #mainIdeas {width:600px;
             float:left;
			 padding-left:15px;}
			 
#mainRetailersTop {width:700px;
                float:left;}
				
#mainRetailersBottom {width:700px;
                 float:left;
				padding-left:150px;}									 
			 
#mainIndex img, #mainContact img, #mainProducts img {float:left;}
 
			 
div#mainIndex h2, div#mainContact h2 {padding:5px 0 5px 0px;
                                      font-style:italic;}
	
div#mainIndex h3 {margin:5px 0 10px 0px;
           	      padding-left:10px;}			 


#mainContact ul {margin:15px 0;
    font-size:14px;
	padding-left:40px;}
	
#mainContact li {line-height:18px;}



#contactleft {width:70px;
              float:left;
              padding-left:20px;}
			  			  
#contactright {width:400px;
               float:left;
			   padding-left:5px;}
			 
#productleft {width:270px;
              float:left;
		      padding:15px 0 0 5px;}
				
#productright {width:310px;
               float:left;
               padding-top:10px;}
			   

#storelist1 {width:200px;
             float:left;
			 padding-left:85px;}

#storelist2 {width:200px;
             float:left;}
			 
#storelist3 {width:200px;
             float:left;}			 			
			
#storelist1 ul, #storelist2 ul, #storelist3 ul {
	font-size:14px;
	line-height:18px;
	list-style-type:disc;
	padding-bottom:5px;
	margin:0;}			   
			   
#mainRetailersTop p, #mainRetailersBottom p {font-size:14px;
                  text-align:center;}	
			  
				   
#ideasHeader {width:500px;
              float:left;}
			  
#ideasHeader img {padding-left:55px;}			  
				  
#ideasleft {width:130px; float:left; margin-left:15px; padding:0px 0px 30px 10px;}
#ideasmiddle {width:98px; float:left; padding:60px 10px 0;}
#ideasright {width:150px; float:left; padding:5px 0 0 15px; }				  				   				  		   			#ideasWork {padding-bottom:50px; padding-left:20px;}  
#ideasHome, #ideasSchool {padding-bottom:50px;}

#subIdeas {width:600px; float:left;
			 margin-left:20px;}

#ideasSubHeader {width:600px; float:left;}
#ideasSubHeader img {padding-left:150px;}

#ideasSubNav {width:600px; float:left;}

#ideasInnerWrap {width:600px; float:left;}
#ideasInnerWrap img {padding:20px 0 10px 35px;}
#ideasInnerWrap p {margin-left:70px;}
#ideasInnerWrap ul {margin-left:110px; font-size:12px;
                    line-height:16px;
					padding-bottom:10px;}

#detailLeft {width:256px;
             float:left;
			 display:block;
			 margin-left:45px;
			 padding:20px 10px 0;}
			 
#detailLeft p {font-size:12px;
			 line-height:14px;}
			 			 
#detailRight {width:250px;
              float:left;
			  display: block;
			  margin-left:25px;
			  padding-top:20px;
			  }
			   
#detailChalk, #detailDust, #detailRing {width:550px;
               float:left;
			   margin-left:50px;}		   			  			   			   
			   			  
.imgCenterChalk {padding:10px 0 0 160px;}
.imgCenterDust {padding:10px 0 0 50px;}
.imgCenterRing {padding-left:50px;}	

#detailHanglerTop {width:550px;
             float:left;
			 margin-left:50px;}
			 
#detailHanglerBottom {width:800px;
             float:left;
			 padding-left:120px;}			 
			 
#hanglerRight, #hanglerLeft {width:395px;
               float:left;
			   display:block;}			 	
			 
.imgCenterHangler {padding:10px 0 0 70px;}	
		 		  
#detailBookletTop, #detailSlopMat {width:550px;
             float:left;
			 margin-left:50px;}
	
#detailBookletBottom {width:600px;
                      float:left;
					  padding-left:180px;
					  margin-top:20px;}
					  
#detailBookletTop ul {font-size:14px;
                      line-height:16px;
                      color:#000099;
					  list-style-type:disc;
					  float:left;
					  padding-left:40px;}
					  
					  
#detailBookletBottom img {padding-right:20px;}

#detailChart {width:720px; float:left;}
#detailChart img {padding:10px 0 0 10px;}


ul.activitylist {font-size:14px;
	line-height:16px;
	list-style-type: disc;
	float:left;
	padding-left:60px;
	padding-bottom:15px;}

					  	
				 
.imgCenterBooklet {padding-left:35px;}
.bluetext {color:#000099;}
			 
			 
.newText {text-align:center;
		  margin-bottom:10px;
		  margin-top:8px;
		  }		  	

.center {text-align:center;}	  
		  
		   
.paraItal {font-size:11px;
            font-style:italic;
			text-align:center;
			}
					  
.clearfloats {clear:both;}

.para12 {font-size:12px;}

.para16 {font-size:16px;}

.boldtext {font-weight:bold;}

.pad35 {padding-left:35px;}

.padL24 {padding-left:24px;}

.padL100 {padding-left:100px;}

.padL200 {padding-left:200px;}

.padTop {padding-top:15px;}

.subnavtext {font-size:14px; font-weight:bold;
              color:#cc0066;
              text-align:center;
			  margin-bottom:5px;}
			  
.pinkbold {color:#CC0066;
           font-weight:bold;}

.pinkboldcentered {color:#CC0066;
           font-weight:bold;
		   text-align:center;}	
		   
/*---retailers table---*/

		   	   			  

/*----navigation----*/

div#nav {float:left;
	     width:141px;
		 height:333px;
		 background-color:#000;}
	

a.rollhome, a.rollproducts, a.rollretailers, a.rollideas, a.rollcontact {width:141px; 
                            height:75px; 
		                    display:block;}	
	
div#btnhome, div#btnproducts, div#btnretailers, div#btnideas, div#btncontact {width:141px;
             height:75px;            
			 display:block;}
			  			 
div#navBottom {width:141px; height:48px;
			   display:block;}
			   
div#navTop {width:141px; height:10px;
			display:block;}
			
div#navTop img { position:absolute;}						   

a.rollIdeasWork {width:82px; height:106px; display:block;}
div#ideasWork {width:82px; height:106px; display:block;}				
							   
a.rollIdeasHobby {width:125px; height:117px; display:block;}			   	
div#ideasHobby {width:125px; height:117px; display:block;}

a.rollIdeasHome {width:93px; height:113px; display:block;}			   	
div#ideasHome {width:93px; height:113px; display:block;}

a.rollIdeasMore {width:91px; height:90px; display:block;}			   	
div#ideasMore {width:91px; height:90px; display:block;}

a.rollIdeasSchool {width:102px; height:111px; display:block;}			   	
div#ideasSchool {width:102px; height:111px; display:block;}

a.rollIdeasHoliday {width:118px; height:107px; display:block;}			   	
div#ideasHoliday {width:118px; height:107px; display:block;}

div#btnhome a.rollhome {background: url(images/navHome75.gif) 0px 0px no-repeat;}
div#btnhome a.rollhome:visited {background-position:0px 0px;}
div#btnhome a.rollhome:hover {background-position:0px -75px;}
div#btnhome a.rollhome:active {background-position:0px -75px;}

div#btnproducts a.rollproducts {background: url(images/navProducts.gif) 0px 0px no-repeat;}
div#btnproducts a.rollproducts:hover {background-position:0px -75px;}

div#btnretailers a.rollretailers {background: url(images/navRetailers.gif) 0px 0px no-repeat;}
div#btnretailers a.rollretailers:hover {background-position:0px -75px;}

div#btnideas a.rollideas {background: url(images/navIdeas.gif) 0px 0px no-repeat;}
div#btnideas a.rollideas:hover {background-position:0 -75px;}

div#btncontact a.rollcontact {background: url(images/navContact.gif) 0px 0px no-repeat;}
div#btncontact a.rollcontact:hover {background-position:0px -75px;}

div#ideasWork a.rollIdeasWork {background:url(images/tipsWork.gif) 0 0 no-repeat;}
div#ideasWork a.rollIdeasWork:hover {background-position:0px -105px;}

div#ideasHobby a.rollIdeasHobby {background:url(images/tipsHobby.gif) 0 0 no-repeat;}
div#ideasHobby a.rollIdeasHobby:hover {background-position:0px -117px;}

div#ideasHome a.rollIdeasHome {background:url(images/tipsHome.gif) 0 0 no-repeat;}
div#ideasHome a.rollIdeasHome:hover {background-position:0px -114px;}

div#ideasMore a.rollIdeasMore {background:url(images/tipsMore.gif) 0 0 no-repeat;}
div#ideasMore a.rollIdeasMore:hover {background-position:0px -90px;}

div#ideasSchool a.rollIdeasSchool {background:url(images/tipsSchool.gif) 0 0 no-repeat;}
div#ideasSchool a.rollIdeasSchool:hover {background-position:0px -111px;}

div#ideasHoliday a.rollIdeasHoliday {background:url(images/tipsHoliday.gif) 0 0 no-repeat;}
div#ideasHoliday a.rollIdeasHoliday:hover {background-position:0px -108px;}


/*-----top sub nav for Tips and Ideas pages----*/
div#ideasSubWorkUp, div#ideasSubWorkOver {padding-left:15px;}

div#ideasSubWorkUp, div#ideasSubWorkOver  {width:66px; height:132px; float:left; padding-right:10px;}
a.rollIdeasSubWorkUp, a.rollIdeasSubWorkOver  {width:66px; height:132px; display: block;}
div#ideasSubWorkUp a.rollIdeasSubWorkUp {background:url(images/tipsSubWork2.gif) 0 0 no-repeat;}
div#ideasSubWorkUp a.rollIdeasSubWorkUp:hover {background-position:0px -264px;}
div#ideasSubWorkOver a.rollIdeasSubWorkOver {background:url(images/tipsSubWork2.gif) 0 -132px no-repeat;}
div#ideasSubWorkOver a.rollIdeasSubWorkOver:hover {background-position:0px -264px;}

div#ideasSubHomeUp, div#ideasSubHomeOver {width:66px; height:132px; float:left; padding-right:5px;}
a.rollIdeasSubHomeUp, a.rollIdeasSubHomeOver {width:66px; height:132px; display:block;}
div#ideasSubHomeUp a.rollIdeasSubHomeUp {background:url(images/tipsSubHome2.gif) 0 0 no-repeat;}
div#ideasSubHomeUp a.rollIdeasSubHomeUp:hover {background-position:0px -264px;}
div#ideasSubHomeOver a.rollIdeasSubHomeOver {background:url(images/tipsSubHome2.gif) 0 -132px no-repeat;}
div#ideasSubHomeOver a.rollIdeasSubHomeOver:hover {background-position:0px -264px;}

div#ideasSubMoreUp, div#ideasSubMoreOver {width:66px; height:132px; float:left;}
a.rollIdeasSubMoreUp, a.rollIdeasSubMoreOver {width:66px; height:132px; display:block;}
div#ideasSubMoreUp a.rollIdeasSubMoreUp {background:url(images/tipsSubMore2.gif) 0 0 no-repeat;}
div#ideasSubMoreUp a.rollIdeasSubMoreUp:hover {background-position:0px -264px;}
div#ideasSubMoreOver a.rollIdeasSubMoreOver {background:url(images/tipsSubMore2.gif) 0 -132px no-repeat;}
div#ideasSubMoreOver a.rollIdeasSubMoreOver:hover {background-position:0px -264px;}

div#ideasSubSchoolUp, div#ideasSubSchoolOver {width:84px; height:132px; float:left; padding-right:5px;}
a.rollIdeasSubSchoolUp, a.rollIdeasSubSchoolOver {width:84px; height:132px; display:block;}
div#ideasSubSchoolUp a.rollIdeasSubSchoolUp {background:url(images/tipsSubSchool2.gif) 0 0 no-repeat;}
div#ideasSubSchoolUp a.rollIdeasSubSchoolUp:hover {background-position:0px -264px;}
div#ideasSubSchoolOver a.rollIdeasSubSchoolOver {background:url(images/tipsSubSchool2.gif) 0 -132px no-repeat;}
div#ideasSubSchoolOver a.rollIdeasSubSchoolOver:hover {background-position:0px -264px;}

div#ideasSubHobbyUp, div#ideasSubHobbyOver {width:84px; height:132px; float:left; padding-right:5px;}
a.rollIdeasSubHobbyUp, a.rollIdeasSubHobbyOver {width:84px; height:132px; display:block;}
div#ideasSubHobbyUp a.rollIdeasSubHobbyUp {background:url(images/tipsSubHobby2.gif) 0 0 no-repeat;}
div#ideasSubHobbyUp a.rollIdeasSubHobbyUp:hover {background-position:0px -264px;}
div#ideasSubHobbyOver a.rollIdeasSubHobbyOver {background:url(images/tipsSubHobby2.gif) 0 -132px no-repeat;}
div#ideasSubHobbyOver a.rollIdeasSubHobbyOver:hover {background-position:0px -264px;}

div#ideasSubHolidayUp, div#ideasSubHolidayOver {width:84px; height:132px; float:left; padding-right:5px;}
a.rollIdeasSubHolidayUp, a.rollIdeasSubHolidayOver {width:84px; height:132px; display:block;}
div#ideasSubHolidayUp a.rollIdeasSubHolidayUp {background:url(images/tipsSubHoliday2.gif) 0 0 no-repeat;}
div#ideasSubHolidayUp a.rollIdeasSubHolidayUp:hover {background-position:0px -264px;}
div#ideasSubHolidayOver a.rollIdeasSubHolidayOver {background:url(images/tipsSubHoliday2.gif) 0 -132px no-repeat;}
div#ideasSubHolidayOver a.rollIdeasSubHolidayOver:hover {background-position:0px -264px;}



/*----top sub navigation----*/

/* the horizontal menu starts here */
div#listmenu {width:565px;  /*100% makes the div full width */
          /*    border-top:1px solid  #000;  draws top border of 1 px*/ 
		  /*	border-bottom:1px solid #000;  draws bottom border of 1 px */
		      border:1px solid #cc0066;
              font-size:12px;  /*sets the font size */
			  font-family:helvetica, arial, sans-serif;
			  background-color: #ffff00;    /* colors the div */
			  color:#fff;   /* color of text */
		 /*	  margin-top:20px;  pushes the top margin down 20 px for clarity */ 
              margin-left: 40px; /* pushes the left margin in for centering */
			  float:left; 
			  padding:6px;}

div#listmenu ul {margin-left:15px;  /* indents the ul from edge of container */
                 }  

div#listmenu li {float:left; /* causes list to align horizontally instead of vertically */ 
                 background-color:#ffff00; /* sets background of the menu items */
				 color:#cc0066;   /* color of text */
				 list-style-type:none;  /* removes the bullet off list items */
            /*    border-right:1px solid #CC0066;    creates dividing lines */
				 padding-bottom:5px;
				 text-align:left; }  

div#listmenu li:hover {background-color:#FFFF00;  /*sets background color of the menu items */
                       color:#000;}   /* sets text color */
					   
div#listmenu a {text-decoration:none;  /* removes the underline on the link */
                color:#CC0066;   /*sets text color */ 
				background:#ffff00;  /* sets background color on the link */ 
				padding:6px;
				font-size:12px;}  /* creates space on each side of menu text */

div#listmenu a:hover {color: #000;  /* sets text color */
                      background: #ffff00;}   /* sets background color when hover */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
/*  float:left;  makes the ul wrap the li's */
/*  border-left:1px solid #663300;    adds the rightmost menu vertical line to the ul */
margin-left:0px; /* IE doubles the given value above - why? */
}
/* end of hack zone */			   

			   
/*----page links----*/				   	 
a:link {text-decoration:underline;
        font-family:Helvetica, Arial, sans-serif;
		font-size:14px;
		color:#000;
		}
		  
a:visited {text-decoration:underline;
        font-family:Helvetica, Arial, sans-serif;
		font-size:14px;
		color:#000;
		}
				
a:hover {text-decoration:underline;
        font-family:Helvetica, Arial, sans-serif;
		font-size:14px;
        color: #CC0033;}
		
a.retailers:link {font-size:12px;}
a.retailers:visited {font-size:12px;}

a.retailerResult:link {font-size:1em;}
a.retailerResult:visited {font-size:1em;}
a.retailerResult:hover {font-size:1em;}