/*********************************************************************************/

/************************* ICC CSS ***********************/
html {
  	height: 100%;
}
body {
  	margin: 0;		padding: 0;
  	width: 100%;	height: 100%;
  	background-color: #fff;		color: #000;
  	text-align: center;
}
h2 {
  	padding: 0 0 7px 0;		margin: 0;
  	width: 760px;
  	color:#0066CC;
}
#topwrap {
  	margin: 0;		padding: 0;
  	width: 100%;	height: 416px;
  	position: absolute;
  	left: 0;		right: 0;
  	color: inherit;
  	background: url(http://www.internationalcellulose.com/home/images/bg.jpg) repeat-x top center #FFF;
}

#topwrap h1 {
    padding: 0;		margin: 0;
  	color: #0066cc;
  	font-family: arial, helvetica, sans-serif;
  	margin-top: 0px;
  	float: left;
  	margin-left: 140px;
}

#topwrap h1 span {
    padding: 0;		margin: 0;
  	color: #fff;
}

#topwrap .topright {
	position: absolute;
	right: 110px;		top: 10px;
	display: block;
	height: 40px;		width: 258px;
	text-indent: -999em;	text-decoration: none;
}

#logo {
	background-image:url(http://www.internationalcellulose.com/home/images/title.gif);
	background-repeat:no-repeat;
	width:760px;
	height:100px;
  	position: relative;
	margin-left: auto;		margin-right: auto;		padding-top: 0px;		top: 0px;
	color:#fff;
	}
#logo a{
color:#fff;
}	

#sbg {
background-image:url(http://www.internationalcellulose.com/home/images/searchbg.gif);
background-repeat:no-repeat;
margin:0 0 0 0;
width:272px;
height:100;
}

.searchbox {
position: absolute;
right: 60px;		top: 18px;
display: block;		width: 160px;
color:#444;
text-align:center;
}

.button {
margin:16px 0 0 450px;
background-color:#003366;
color:#fff;
font-family:Verdana;
font-size:10px;
font-weight:bold;
width:30px;
height:24px;
}

.button2 {
background-color:#003366;
color:#fff;
font-family:Verdana;
font-size:10px;
font-weight:bold;
width:30px;
height:24px;
}

.stxt {
margin:40px 0 0 410px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
/***************** Top Links ****************/
#tlinks {
width:250px;
float:right;
height:25px;
font-family:Verdana;
font-size:10px;
margin-top:-55px;
margin-right:-20px;
color:#fff;
}

#tlinks a {
color:#fff;
text-decoration:none;
}
#tlinks a:visited{
color:#fff;
text-decoration:none;
}
#tlinks a:hover {
color:#fff;
text-decoration:underline;
}
/***************** Advanced Search Link ****************/
.advanced {
font-family:Verdana;
font-size:10px;
color:#fff;
margin:25px 0 0 365px;
}
.advanced a{
color:#fff;
text-decoration:none;
}
.advanced a:visited {
color:#fff;
text-decoration:none;
}
.advanced a:hover{
color:#fff;
text-decoration:underline;
}
/********** Start main content ************/
#main {
width:750px;
height:220px;
background-image:url(http://www.internationalcellulose.com/home/images/main2.gif);
background-repeat:no-repeat;
margin-top:50px;
padding:10px;
}

#mleft {
width:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
line-height:18px;
float:left;
margin-left:25px;
margin-top:10px;
margin-bottom:10px;
position:absolute;

}

#mright {
width:480px;
float:right;
margin-top:0px;
margin-right:-50px;
}

.rtxt {
color:#fff;
text-align:center;
font-family:Verdana;
font-size:12px;
margin:10px 0 0 -45px;
font-weight:bold;
}

/********** End main content ***********/
#container {
  	width: 760px;
  	position: relative;
	height: auto;
	margin-left: auto;		margin-right: auto;		padding-top: 14px;		top: 0px;
  	background-color: #fff;
  	text-align: left;
}

.conshadow {
  	width: 675px;		height: 17px;
  	position: absolute;		top: 0;
  	background: #fff url(http://www.internationalcellulose.com/home/images/conshadow.png) no-repeat top center;
}

#content {
  	width: 760px;
	font-family:Verdana;
	font-size:12px;	
	margin:0px 0 0 0;
}

.article {
  	width: 760px;
  	color: #777;
  	margin-left: 10px;
}

.article p, h2 {
    margin-bottom: 3px;
  	font-size: 13px;
  	font-family: arial, helvetica, sans-serif;
}

.article p a, a:link, a:visited {
  	color: #0066cc;
  	text-decoration: none;
}

.article p a:hover {
  	text-decoration: underline;
}


#footer {
  	width: 760px;
  	color: #ccc;
  	margin:0 auto;
	height:50px;
	width:100%;
  	padding-top: 2px;
  	border-top: 1px solid #0066cc;
  	text-align: center;
	font-family:Verdana;
	font-size:12px;
	position:fixed;
	bottom: 0 !important;
	clear:both;
}

#footer a, a:link, a:visited {
  	color: #0066cc;
  	text-decoration: none;
}

#footer a:hover {
  	text-decoration: underline;
}

	
/*********************** Begin New Tabs ************************/

/* CSS Document */
/*tab container*/
#tbox{
width: 759px;
position: relative;
margin-left: auto;		margin-right: auto;		padding-top: 14px;		top: -14px;
background-color: #6da0de;
text-align: left;
border-right:1px solid #6da0de;
}
/*end tab container*/

#tablist{
padding: 7px 0 8px 4px;
margin-left: 0;
margin-bottom: 0;
margin-top: -6px;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 15px 25px 15px 25px;/*** main menu padding ***/
margin:10px 0 0 -4px; /*** main tab left margin ***/
background-color:#2e68ae;
color:#fff;
border-right:1px solid #fff;
}

#tablist li a:link, #tablist li a:visited{
text-decoration:none;
color:#fff;
}

#tablist li a:hover {
text-decoration:underline;
background-image:url(http://www.internationalcellulose.com/home/images/tbg-on.gif);
background-repeat:repeat-x;
}

#tablist li a.current{
background-color:#fff;
color:#000;
background-image:url(http://www.internationalcellulose.com/home/images/tbg-current.gif);
background-repeat:repeat-x;
}

#tabcontentcontainer{
width: 760px;
/* Insert Optional Height definition here to give all the content a unified height */
padding: 10px 5px 10px 5px;
margin:7px 0 0 0;
color:#fff;
}

.tabcontent{
display:none;
font: normal 12px Verdana;
line-height:25px;
color:#fff;
}

.tabcontent a{
text-decoration:none;
color:#fff;
}

.tabcontent a:visited {
color:#fff;
}

.tabcontent a:hover{
text-decoration:underline;
color:#fff;
}

/***************** Begin Tab Content Styles ******************/
/*solutions content*/
#solutions {
width:700px;
border:1px solid #75a3ed;
background-color:#d2e4fc;
color:#003399;
padding:5px 5px 5px 45px;
height:165px;
margin:0 0 0 4px;
}

#solutions a{
color:#003399;
text-decoration:none;
}

#solutions a:hover{
color:#003399;
text-decoration:underline;
}

.column1 {
border-right:1px solid white;
width:150px;
}
.column2 {
border-right:1px solid white;
width:150px;
margin:-100px 0 0 160px;
}
.column3 {
border-right:1px solid white;
width:150px;
margin:-100px 0 0 320px;
}
.column4 {
width:100px;
margin:-100px 0 0 480px;
}

/*media content*/
#media {
margin:0 0 0 300px;
word-spacing:20px;
}

/*specs content*/
#specs {
margin:0 0 0 410px;
word-spacing:20px;
}

/*links content*/
#links {
margin:0 0 0 20px;
word-spacing:15px;
}

/*home content*/



/*products content*/
#products {
word-spacing:15px;
}


/*news content*/
#news {
width:700px;
border:1px solid #75a3ed;
background-color:#d2e4fc;
color:#003399;
padding:5px 5px 5px 45px;
height:150px;
margin:0 0 0 4px;
}

#news a {
color:#003399;
text-decoration:none;
}

#news a:hover {
color:#003399;
text-decoration:underline;
}

/********************* Certification logos **********************/

#cbar {
width:160px;
background-image:url(http://www.internationalcellulose.com/home/images/cbar.jpg);
background-repeat:repeat-x;
margin-top:-19px;
}

/******************* Search Results **************************/

.resultbox{
background-color: #f2f2f2;
width: 750px;
padding: 10px;
font-weight:normal;
border-top:1px solid #c4c4c4;
}

.resultbox a{
color:#1f5ba4;
text-decoration:underline;
font-size:14px;
}

.resultbox a:hover{
color:#1f5ba4;
}

.resultbox a:visited{
color:#990099;
text-decoration:underline;
}

.resultfooter{
background: url(http://www.internationalcellulose.com/home/images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #008b00;
height:30px;
}
.maintext {
font-weight:bold;
}
.slink {
font-weight:normal;
}
.result-top {
width:749px;
padding:10px;
background-color:#f7fef4;
border:1px solid #c1e6c1;
color:#003366;
margin-bottom:10px;
}
#noresults {
width:750px;
background-color:#fffff5;
border-top:1px solid #c4c4c4;
border-bottom:1px solid #c4c4c4;
padding:10px;
}
#searchresult-formbox {
width:749px;
background-color:#f2f2f2;
border-top:1px solid #c4c4c4;
border-bottom:1px solid #c4c4c4;
color:#1f5ba4;
padding:10px;
margin-bottom:10px;
margin-top:70px;
}
#searchresult-formbox h1 {
font-size:14px;
font-weight:bold;
}
.searchresult-input {
width:300px;
color:#000;
}

/****************************** Contact Form - Request Form ***************************/

form#two {font-size:1.4em; background:#bbb; width:470px; padding:10px; margin:0 auto; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #999; border-right:1px solid #999;}
form#two fieldset {width:450px; display:block; padding:5px; font-family:verdana, sans-serif; line-height:1.5em; border:1px solid #fff;}
form#two fieldset#personal, #medical, #current {font-size:.75em; color:#555; font-style:italic; margin:15px 0 0 5px;}
form#two fieldset#opt {font-size:.75em; color:#900; margin:15px 0 0 5px;}
form#two legend { border:1px solid #666; font-family: "Courier New", Courier, mono; color:#555; font-size:1.4em; font-weight:normal; font-style:normal; margin-bottom:14px; padding:3px; width:254px; background:none;}
form#two label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#fff; margin-bottom:0.5em; font-size:1em; line-height:1.5em; font-style:normal;}
form#two fieldset#personal label {clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; color:#fff; margin-bottom:0.6em; font-size:1em; line-height:1.8em; font-style:normal;}
form#two input {padding:0; margin-bottom:0.8em;}
form#two fieldset#personal input {border:1px dotted #e1e1e1; background:#fff; padding-left:0.5em; margin-bottom:1em;}
form#two select {margin-left:0.5em; border:1px dotted #e1e1e1;}
form#two textarea {width:425px; height:12em; border:1px solid #e1e1e1; padding:5px; margin:-8px 0 0 0; overflow:auto;}
form#two option {background:#fff; color:#990033;}
form#two optgroup {background:#fff; color:#666; font-family: Verdana, Arial, Helvetica, sans-serif;}
form#two optgroup option {background:#fff; color:#990033;}
form#two #button1, form#two #button2 { background:#666; border-bottom:1px solid #333; border-left:1px solid #999; border-top:1px solid #999; border-right:1px solid #333; color:#fff; padding-right:0.5em; cursor:pointer; width:205px; margin-left:12px;}
form#two #button1:hover, form#two #button2:hover {background:#990033; border-bottom:1px solid #4A0018; border-right:1px solid #4A0018;  color:#fff; border-top:1px solid #cc0033; border-left: 1px solid #cc0033;}

#newsearch {
	float: right;
	padding: 2px 5px 0 0;
}

#aform {
width:500px;
background color:#f5f5f5;
color:#000;
border:1px solid #c4c4c4;
}

#subcontent-advanced {
border: 9px solid orange; 
background-color: white; 
width: 500px; 
padding: 8px;
position:absolute; 
display:none;
font-family:Verdana;
font-size:12px;
}

/*************************** Begin main home content *****************************/

#maincontent {
width: 770px;
margin: -19px 0 0 0;
background-color:#fff;
border-top:1px solid #c4c4c4;
height:730px;
}

#clogos {
width:150px;
background-color:#f5f8fc;
border-top:5px solid #d2e0f2;
border-right:1px solid #d2e0f2;
float:left;
font-family:Verdana;
font-size:12px;
margin:20px 0 0 0;
}

#about {
width:600px;
float:right;
font-family:Verdana;
font-size:12px;
line-height:20px;
color:#444;
margin:20px 0 0 0;
}

/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  float:left;
  margin: 0 0 0 -30px;
  padding: 10px;
  text-align:center;
}

ul.thumbs li {
  margin: 0 0 15px 0px !important;
  width:110px;
  padding: 0;
  list-style: none;
}

a.thumb img {
  padding: 4px;
  border: 1px solid #CCC;
  margin:2px 0 0 3px;
}

a:hover.thumb img {
  background: #6b9edd;
  border: 1px solid #6b9edd;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin: 5px 0 5px 0 !important;
  color:#0066CC;
}
  
a:hover.thumb span {
  text-decoration:underline;
}
		
/************* Slide in Help Panel ****************/
	
	#dhtmlgoodies_leftPanel ul{
		padding-left:20px;
		margin-left:0px;
	}
	#dhtmlgoodies_leftPanel div{
		padding:3px;
	}
	#mainContent{
		width:660px;
		margin-left:150px;
		background-color:#FFF;
		padding-right:5px;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		
	}

	/* END CSS ONLY NEEDED FOR THIS DEMO PAGE */
	
	#dhtmlgoodies_leftPanel{	/* Styling the help panel */
		
		background-color:#f5f5f5;	/* Blue background color */
		color:#FFF;	/* White text color */
		font-family: Verdana;	/* Which font to use */
		
		/* You shouldn't change these 5 options unless you need to */		
		height:100%;		
		left:0px;
		z-index:10;
		position:absolute;
		display:none;
	}
	
	#dhtmlgoodies_leftPanel #leftPanelContent{
		padding:0px;
	}
	#dhtmlgoodies_leftPanel .closeLink{ /* Layout of close link */
		padding-left:2px;
		padding-right:2px;
		background-color:#FFF;
		position:absolute;
		top:2px;
		right:2px;
		border:1px solid #000;
		color:#000;
		font-size:0.8em;				
	}
	#dhtmlgoodies_leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
		color:#FFF;
		background-color:#000;
	}

/*** article content ***/

#article-content {
width:760px;
color:#444;
font-family:Verdana;
font-size:12px;
margin:50px 0 20px 0;
line-height:20px;
}

#article-content h1 {
color:#003366;
font-size:14px;
padding-bottom:5px;
border-bottom:1px solid #003366;
font-family:Verdana;
}

#videobg {
width:740px;
background-color:#135591;
padding:10px;
border-top:5px solid #6da1dd;
}

#iccplayer {
margin:0 0 0 100px;
}

#slideshow {
margin:0 0 0 50px;
}

#icons {
font-family:Verdana;
font-size:12px;
float:right;
margin:25px 0 0 0;
}

/************** ajax tabs ***************/

.shadetabs{
padding: 3px 0;
margin:-19px 0 0 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(http://www.internationalcellulose.com/home/images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(http://www.internationalcellulose.com/home/images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border: 1px solid gray;
width: 540px;
margin-bottom: 1em; padding: 10px;
}

/****** Spec Logos *******/

#product-logos {
word-spacing:50px;
}

/**************************************************************
   Thumbnail Lists for Cad Drawings
 **************************************************************/

ul.cad,
ul.cad li {
  margin: 0 0 0 0;
  padding: 10px;
  text-align:center;
}

ul.cad li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0;
  list-style: none;
  display:inline;
}

a.cadx img {
  padding: 4px;
  border: 1px solid #CCC;
  margin:2px 0 0 3px;
}

a:hover.cadx img {
  background: #6b9edd;
  border: 1px solid #6b9edd;
}

a:hover.cadx {
  background: none;
}

a.cadx span {
  display: block;
  margin: 5px 0 5px 0 !important;
  color:#0066CC;
}
  
a:hover cadx span {
  text-decoration:underline;
}

#cad-drawings {
padding:10px;
}

/********** CAD **********/
#cad-left {
width:260px;
margin:0 0 0 50px;
}

#cad-right {
width:260px;
float:right;
margin:-578px 50px 0 0;
}

.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: -20px 0 1.5em;background: #f6f6f6 url("http://www.internationalcellulose.com/home/images/featurebox_bg.gif") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, 		.featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #003366;color:#003366; font-size:12px}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}
	
/******* Vertical DS Menu ********/

#wireframemenu{
border: 1px solid #C0C0C0;
background-color: white;
border-bottom-width: 0;
width: 180px;
}

* html #wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 174px;
}

#wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

#wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 1px solid #C0C0C0;
}

#wireframemenu a:visited{
color: #595959;
}

html>body #wireframemenu a{ /*Non IE rule*/
width: auto;
}

#wireframemenu a:hover{
background-color: #fffff5;
color: black;
}

#wireframemenu .active {
background-color:#f8e9b4;
}

#dsleft {
width:180px;
float:left;
font-family:Verdana;
font-size:12px;
margin:20px 0 0 0;
}

#dsmain {
width:560px;
float:right;
font-family:Verdana;
font-size:12px;
line-height:20px;
color:#444;
margin:20px 0 0 0;
}

#dsmain h1 {
font-family:Verdana;
font-size:14px;
color:#003366;
border-bottom:1px solid #003366;
}

#dscontent {
width: 770px;
margin: -19px 0 0 0;
background-color:#fff;
border-top:1px solid #c4c4c4;
height:960px;
}

.dsheader {
height:100px;
background-color:#083f72;
}

/****** Audio *******/

#audio-content {
width:760px;
color:#444;
font-family:Verdana;
font-size:12px;
margin:0px 0 20px 0;
line-height:20px;
}

#audio-content h1 {
color:#003366;
font-size:14px;
padding-bottom:5px;
border-bottom:1px solid #003366;
font-family:Verdana;
}

#audiotop {
width:740px;
background-color:#f7fef4;
border:1px solid #c1e6c1;
font-family:Verdana;
font-size:14px;
color:#003366;
padding:10px;
font-weight:bold;
}

/************* New Tabs ***************/


/*- Menu Tabs 10--------------------------- */

    #tabs10 {
      float:left;
      width:770px;
      font-size:93%;
      line-height:normal;
	  font-family:Verdana;
	  font-weight:bold;
	  font-size:12px;
	  margin:-23px 0 0 0;
	  background-color: #6da0de;
      }
    #tabs10 ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
      }
    #tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs10 a {
      float:left;
      background:url("http://www.internationalcellulose.com/home/images/tabs/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  background-color:#6da0de;
      }
    #tabs10 a span {
      float:left;
      display:block;
      background:url("/home/images/tabs/tabright10.gif") no-repeat right top;
      padding:10px 20px 9px 20px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs10 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs9 a:hover span {
      color:#FFF;
      }
    #tabs10 a:hover {
      background-position:0% -42px;
      }
    #tabs10 a:hover span {
      background-position:100% -42px;
      }
	  
	  
#subnav {
background-color:#25569a;
color:#fff;
}


/******** Global Navigation **********/

/*globalnav*/

#globalnav {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 1.75em 1em;
	margin:-14px 0 0 0;
	list-style:none;
	line-height:1em; /*** Changes height of items ***/
	font-family:Verdana;
	font-size:12px;
	background-color:#6da0de;
}

#globalnav LI {
	float:left;
	margin:0;
	padding:0;
}

#globalnav A {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	background:#ddd;
	margin:0;
	padding:1.0em 1.5em; /*** Also changes height and width ***/
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	background:#bbb;
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}

/*subnav*/

#globalnav UL {
	position:absolute;
	left:0;
	top:3.0em; /*** Changes height of items ***/
	float:left;
	background:#bbb;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
	line-height:30px;
	width:760px;
}

#globalnav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

#globalnav UL A {
	background:#bbb;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
	color:#444;
}

/*** Design Solution Categories ***/

.projectstitle {
padding-left:50px;
}

.c1 {
width:150px;
}
.c2 {
width:150px;
margin:-158px 0 0 160px;
}
.c3 {
width:150px;
margin:-158px 0 0 320px;
}
.c4 {
width:100px;
margin:-100px 0 0 480px;
}

/************ Pop Up Project Category Links *************/

#projectbox {
width:250px;
text-align:left;
font-family:Verdana;
font-size:10px;
line-height:20px;
padding:10px;
}

#projectbox a{
color:#003366;
}

#projectbox a:hover{
color:#003366;
text-decoration:underline;
}

/*** New Category List ***/

#projectcats {
color:#003366;
font-family:Verdana;
font-size:12px;
font-weight:bold;
text-decoration:underline;
text-align:right;
padding:10px;
margin:50px 0 0 0;
}

#projectcats a{
color:#003366;
text-decoration:none;
}

#projectcats a:hover{
color:#003366;
text-decoration:underline;
}

#icc {
height:800px;
}

/************************ Links ***************************/

#icclinks {
	height: 846px;
	background: #fff;
	overflow: hidden;
}

#icclinks ul {
	width: 710px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

#icclinks ul li {
	float: left;
	text-align: center;
	margin-left: 25px;
	display: inline;
}

#icclinks ul li a img {
	border: 3px solid #fff;
}

#icclinks ul li a img:hover {
border: 3px solid #FEE5C6;
}

#icclinks ul li h2 {
	font: bold 11px arial, verdana, helvetica;
	margin-top: 10px;
	color: #000;
}

#view-project {
width:auto;
margin:30px 0 0 0;
font-family:Verdana;
font-size:10px;
color:#444;
}

/************ Tables ***************/

/******** Table Data **********/

table {
	border-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#E7E7E7;
	color: #444;
	line-height:20px;
}

caption {
	font-weight: bold;
	background: #6da0de url(http://internationalcellulose.com/home/images/corner.gif) no-repeat right top;
	border-bottom:2px solid #1975d7;
	color: #FFF;
	text-transform:uppercase;
	padding:10px;
}

td, th {
	padding: 4px;
	width:180px;
}

thead th {
	text-align: center;
	background: #F5F5F5;
	color: #666;
	border: 1px solid #FFF;
	text-transform:uppercase;
}

tbody th {
	font-weight: bold;
}

tbody tr		{
	background-color:#FFF; 
	text-align:left;
	}
tbody tr.odd 	{
	background: #f9f9f9;
	border-top:1px solid #FFF;
}

tbody th a:link, tbody th a:visited{
	color:#96D030;
	padding:3px 0px 0px 0px;
	}
tbody th a:hover{
	color:#FF8601;
	}

tbody tr td { 
	height:50px;
	background: #FFF;
	border: 1px solid #FFF;
	}

tbody tr.odd td{ 
	background: #f9f9f9;
	border-top:1px solid #FFF;
	}

table td a:link, table td a:visited {
	color: #1975D7;
	text-decoration: none;
}

table td a:hover {
	color: #50ADEA;
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}
tbody td a[href="http://www.spray-on.com"] {
	margin: 0 auto;
	height: 15px;
	border-bottom: 0;
	padding:3px 0px 0px 18px;
	font-weight:normal;
	color:#FF8601;
}

table a[title^="Download"] { 
	padding:20px 0px 0px 15px;
}

tfoot th, tfoot td {
	background-color:#fff; padding:10px;
	text-align:left; 
	font-family:Verdana;
	font-size:12px;
	border-bottom:3px solid #CCC;
	border-top:1px solid #DFDFDF;
	width:100%;
}

/************************ Project Layout *************************/


#pright {
width:180px;
float:right;
font-family:Verdana;
font-size:12px;
margin:105px 0 0 0;
position:absolute !important;
top:20px !important;
left:570px !important;
}

#pmain {
width:560px;
float:left;
font-family:Verdana;
font-size:12px;
line-height:20px;
color:#444;
margin:20px 0 0 0;
}

#pmain a{
color:#0066CC;
text-decoration:none;
}

#pmain a:hover {
color:#fff;
background-color:#6a9ddc;
}

#pmain h1 {
font-family:Verdana;
font-size:14px;
color:#003366;
border-bottom:1px solid #003366;
}

#pcontent {
width: 770px;
margin: -19px 0 0 0;
background-color:#fff;
border-top:1px solid #c4c4c4;
height:960px;
}

.pheader {
height:100px;
background-color:#083f72;
}

#breadcrumb-links {
width:740px;
margin:10px 0 20px 0;
font-family:verdana;
font-size:10px;
background-color:#f7fef4;
border:1px solid #c1e6c1;
color:#003366;
padding:5px;
}

.viewall {
width:auto;
margin-bottom:20px;
}

.pbutton {
background-color:#003366;
color:#fff;
font-family:Verdana;
font-size:10px;
font-weight:bold;
height:24px;
}

.ptxt {
width:10px;
}

#phome {
width:760px;
float:left;
font-family:Verdana;
font-size:12px;
line-height:20px;
color:#444;
margin:20px 0 0 0;
}


/************* demo **************/


#main1 {
	height: 246px;
	background: #FE8624 url(main.gif) repeat-x;
	border-top: 1px solid #FEC782;
	border-left: 1px solid #FEB154;
	border-right: 1px solid #D76C22;
	border-bottom: 1px solid #783C1C;
	overflow: hidden;
}

#main1 ul {
	width: 710px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

#main1 ul li {
	float: left;
	text-align: center;
	margin-left: 25px;
	display: block;
}

#main1 ul li a img {
	border: 3px solid #fff;
}

#main1 ul li a img:hover {
border: 3px solid #FEE5C6;
}

#main1 ul li h2 {
	font: bold 11px arial, verdana, helvetica;
	margin-top: 10px;
	color: #000;
}

/************ Inline Category Images *************/

#inlinebox {
width:760px;
background-color:#fff;
padding-left:10px;
}

#inlinebox2 {
width:760px;
background-color:#fff;
padding-left:65px;
}

div.float {
float: left;
margin:0 0 0 10px;
display:inline;
width:110px;
height:120px;
text-align:center;
}
  
div.float a {
border:1px solid #c4c4c4;
padding:2px;
display:block;
}

div.float a:hover {
border:1px solid #0066cc;
background-color:#FFFFF5;
padding:2px;
}
  
div.float p {
text-align: center;
display:inline;
   }
   
   
   
/******************* Pop Project Images *****************/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*************************************** Project Gallery ****************************************/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(assets/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(assets/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(assets/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
	
.project-tn {
border:10px solid black;
}

/************************************** project menu *****************************************/

.sdmenu {
    width: 180px;
    font-family: Sans-Serif;
    font-size: 12px;
    padding-bottom: 10px;
    background: #fff url(bottom.gif) no-repeat  right bottom;
    color: #FFF;
}

.sdmenu .title, .sdmenu .titlehidden{
    display: block;
    padding: 5px 0;
    font-weight: bold;
    color: white;
    background: #FFF url(title.gif) repeat-x;
}

.sdmenu .title {
    border-bottom: 1px solid #DDD;
}

.sdmenu .arrow {
		margin-left: 10px;
    margin-right: 7px;
}

.sdmenu .titlehidden {
    border-bottom: none;
}

.sdmenu #top {
    background: url(toptitle.gif) no-repeat;
}

.sdmenu .submenu {
    overflow: hidden;
}

.sdmenu .submenu a {
    padding: 5px 0;
    text-indent: 10px;
    background: #EEE;
    display: block;
    border-bottom: 1px solid #DDD;
    color:#0066CC;
    text-decoration: none;
}

.sdmenu .submenu a:hover {
    background : #6b9edc url(linkarrow.gif) no-repeat right center;
    color: #FFF;
}

/******************* Admin Select ******************/