/* Holla @ Chris Coyer - ChrisCoyer.net - CSS-Tricks.com */

/* COLORS -------------------
blues: #3d70a7, #35679A, #1A89B6;
green: #99cb34;
yellow: #ffcc00;
grayish blue: #cdcdcd;


----------------END COLORS */

/* RESETS & BASICS */
* { margin:0; padding:0; }
html { overflow-y: scroll; }
body { font:62.5% Helvetica, sans-serif; background-color:#FFF; }

ul { list-style: none inside; }
p{ font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
a { outline:none; text-decoration:none; }
a img { border:none; }
/* END RESET */

/* TOOLBOX */
.floatleft { float:left; }
.floatright { float:right; }
.clear { clear:both; }
/* END TOOLBOX */

/* STRUCTURE */
#page-wrap { width:980px; margin:0 auto; }

#header { background-color:#1A89B6; display:block; height:100px; }

#welcome-message { float:right; }

#logo { background:url(images/logoBlue.jpg) no-repeat; }

#logo a { float:left; margin:10px 0 0 0; padding-bottom:10px;}

#brand { }

#main-content { width:100%; }

#advert { background:#9AC93B; text-align:center; margin:0 0 25px 0;  }

#advert p,
.advertTitles p { color:#FFF; font:14pt Arial, Helvetica, sans-serif bolder; }  

.advertTitles { margin:12px 0 2px 0; } 

.CellOne	{ border:1px solid #333; background:url(../images/goWrite-easle.jpg) no-repeat; height:300px; margin-top:0;  }
.CellTwo	{ border:1px solid #333; background:url(../images/TEP1615_home.jpg) no-repeat; margin-top:0;  }
.CellThree	{ border:1px solid #333; background:url(../images/kidscraft.jpg) no-repeat; margin-top:0;  }
.CellFour	{ border:1px solid #333; background:url(../images/erasers.jpg) no-repeat; margin-top:0;  }
.CellFive 	{ border:1px solid #333; background:url(../images/displays.jpg) no-repeat; margin-top:0;  }
.CellSix 	{ border:1px solid #333; background:url(../images/EmptyGrad.jpg) repeat-x; margin-top:0; }

.CellOne p 		{ border-top:#6DB9DD solid 5px; }
.CellTwo p		{ border-top:#9AC93B solid 5px; }
.CellThree p		{ border-top:#FFDF00 solid 5px; }
.CellFour p		{ border-top:#F9972C solid 5px; }
.CellFive p		{ border-top:#E83F20 solid 5px; }
.CellSix p 		{ border-top:#9C9C9C solid 5px; }

.CellOne p,
.CellTwo p,		
.CellThree p,	
.CellFour p,		
.CellFive p,		
.CellSix p {
	background:#D1D2D4; 
	text-align:center; 
	font:14pt Arial, Helvetica, sans-serif bolder; 
	color:#222; 
	margin-top:0; 
	}

.address		{ font:12pt Arial, Helvetica, sans-serif bolder; color:#222; margin:0 0 10px 20px; }

.address li.first 	{ font:13pt Arial, Helvetica, sans-serif; font-weight:900; margin-bottom:10px; }

.Retailers,
.ContactPage,
.aboutUs { background:#9ac93b; padding:2em 0; }

.Retailers table { margin-left:90px;  } 

.Retailers h3 { margin-left:90px; } 

.ContactPage p,
.ContactPage ul.address { text-align:left; padding:10px 10px; width:600px; display:block; }

.ContactPage ul.address { background:#F8FAF5 url(../images/mailMe.jpg) no-repeat right; } 

.aboutUsDetail { background:#F8FAF5; width:600px; display:block; text-align:left; padding:10px 10px; } 

/* END STRUCTURE */

/* NAVIGATION */
#nav 	{ height:40px; background:url(../images/menuBar.jpg) repeat-x; width:980px;}
#sub-nav { width:100%; background:#35679A; padding-bottom:10px; text-align:center;}

ul#nav li,ul#sub-nav li	{ display:inline;  }

ul#sub-nav { padding-top:5px; }

ul#nav li a 	{ display:block; height:40px; float:left; text-indent:-9999px; }
ul#sub-nav li a { font:12pt Arial, Helvetica, sans-serif bolder; color:#FFF; margin-right:30px; padding:4px 10px 0 10px; }

ul#nav li.home a 		{ width:152px; background:url(../images/nav-home.jpg) top center;}
ul#nav li.products a 	{ width:169px; background:url(../images/nav-allProducts.jpg) top center;}
ul#nav li.purchase a 	{ width:170px; background:url(../images/nav-purchase.jpg) top center;}
ul#nav li.about a 		{ width:169px; background:url(../images/nav-about.jpg) top center;}
ul#nav li.resources a 	{ width:169px; background:url(../images/nav-resources.jpg) top center;}
ul#nav li.contact a 	{ width:151px; background:url(../images/nav-contact.jpg) top center;}     

ul#nav li.home a:hover 			{ width:152px; background:url(../images/nav-home.jpg) center center;}
ul#nav li.products a:hover 		{ width:169px; background:url(../images/nav-allProducts.jpg) center center;}
ul#nav li.purchase a:hover 		{ width:170px; background:url(../images/nav-purchase.jpg) center center;}
ul#nav li.about a:hover 		{ width:169px; background:url(../images/nav-about.jpg) center center;}
ul#nav li.resources a:hover 	{ width:169px; background:url(../images/nav-resources.jpg) center center;}
ul#nav li.contact a:hover 		{ width:151px; background:url(../images/nav-contact.jpg) center center;}  
 
body#home ul#nav li.home a 					{ width:152px; background:url(../images/nav-home.jpg) bottom center;} 
body#products ul#nav li.products a 			{ width:169px; background:url(../images/nav-allProducts.jpg) bottom center;}
body#purchase ul#nav li.purchase a 			{ width:170px; background:url(../images/nav-purchase.jpg) bottom center;}
body#about ul#nav li.about a 				{ width:169px; background:url(../images/nav-about.jpg) bottom center;}
body#resources ul#nav li.resources a 		{ width:169px; background:url(../images/nav-resources.jpg) bottom center;}
body#contact ul#nav li.contact a 			{ width:151px; background:url(../images/nav-contact.jpg) bottom center;}

body#products.DryErase ul#sub-nav li.DryErase a,
body#products.FlipCharts ul#sub-nav li.FlipCharts a, 	
body#products.GoCraft ul#sub-nav li.GoCraft a, 												
body#products.Markers ul#sub-nav li.Markers a,												
body#products.ProductDisplays ul#sub-nav li.ProductDisplays a {  
	background:#1A89B6; 
	padding:4px 10px 0 10px; 
	margin-right:30px; 
	border-bottom:solid 10px #1A89B6; 
}

body#purchase.RetailersByState ul#sub-nav li.RetailersByState a,
body#purchase.OnlineRetailers ul#sub-nav li.OnlineRetailers a, 	
body#purchase.Catalogs ul#sub-nav li.Catalogs a {  
	background:#1A89B6; 
	padding:4px 10px 0 10px; 
	margin-right:30px; 
	border-bottom:solid 10px #1A89B6; 
}


/* END NAVIGATION */

/* TYPOGRAPHY */
.headerTag { 
	color:#FFF;  
	font-family: Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	line-height: 1.2em;
	text-align:center;
	padding-top:35px;
	
}

#welcome-message p { color:#FFF; font:12pt Arial, Helvetica, sans-serif bolder; padding:10px 10px 0 0; }

.ProductAddOn{ font:10pt Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0; }

.ProductDesc { font:9pt Arial, Helvetica, sans-serif; margin:0; padding:0 0 0 5px; }

.ProductHighlight { font:9pt Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 5px;  }

.ProductHighlight strong {  color:#3d70a7; font-size:16px; }

.SellMe {  color:#3d70a7; font:14pt Arial, Helvetica, sans-serif; font-weight:bold; display:block; width:350px;  }

.SellMeMore { font:10pt Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 0 127px; padding:0; display:block; width:230px; }

.aboutUsDetail h3,
.Printable  h3{
-x-system-font:none;
color:#33412A;
font-family:Arial,Helvetica,sans-serif bolder;
font-size:14pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-bottom:0.5em;
}

.listHeading { font:10pt Arial, Helvetica, sans-serif; color:#FFDD00; font-weight:bold; margin:0; padding:0; } 

.Printable a { font:9pt Arial, Helvetica, sans-serif; margin:0; padding:0; color:#333; }


/* END TYPOGRAPHY */

#Map,
#RetailerList { display:inline; margin:0; float:left; }

#Map { width:794px; height:534px; background:url(images/usMap.jpg) no-repeat; margin-left:1em; }

#RetailerList { background:#ffe97f; width:170px; visibility:hidden; } 

.iFrame {
	width:170px;
	height:1000px;
	margin-bottom:-28px;
	max-height:1001px;
	min-height:1002px;

}
.iFrameHolder {
	padding-bottom:0; 
}

.state {
	font-size:101%;
	background:#CDD027; 
	}

.state h3 {
	font-size:120%;
	font-weight:bold;
	color:#000;
	text-align:center;
	border:1px solid #000;
	padding:1em;
	}
.stateAddress {
	display:block;
	margin-bottom:20px; 
	font-size:10px;
	}

.stateAddress ul {
 	width:100%;
	/* FIX FOR IE6 LIST RUN OVER */ 
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-family: Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
}

	
/******* FOOTER ************/
#footer { border-top:1px #333333 solid; padding-bottom:100px; background:#1A89B6; }

ul#footer-links { padding-top:10px; text-align:center; }

ul#footer-links li { display:inline; color:#FFF; font:10pt Verdana, Arial, Helvetica, sans-serif; }

ul#footer-links li a {  padding:0 10px 0 10px; text-decoration:none; color:#FFF;  }