.nomargin {
margin: 0px;
padding: 0px;
}

BODY {
   margin-left: 4px;
   margin-top: 0px;
   font-family: Verdana, Arial;
   font-size: 11px;
}


H1{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
font-weight: bold; 

}

H2{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold; 
}

h2.drm {
  padding: 10px 0 10px 0;
  font: normal 145% Georgia, serif;
  text-align: center;
  border-top: 1px solid #342505;
  border-bottom: 1px solid #342505;
  }

H3{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: bold; 
}


.lighting {
font-size: 10px;
}
.copyright {
   font-family: Verdana, Arial;
   color: #999999;
   font-size: 9px;
}

.bglite {
   background-color: black
}
.box_desc {
   border:1px solid gray;
   background-color: #ebeadf;
   font-family:verdana;
   font-size:12px;
   color:#5a594c;

}
.box_desc_hdr {
   background-color: #ebeadf;
   font-family:verdana;
   font-size:12px;
   color:#6d594c;

}


.box_subcat {
   font-family: Verdana, Arial;
   border:1px solid gray;
   background-color: #ebeadf;
   padding: 10px
}



.box_utilitybar{
   border:1px solid gray;
   border-style: 3em solid;
   background-color: white;
   font-family:verdana;
   font-size:12px;
   color:#5a594c;

}

.box_tools{
   border:1px solid gray;
   border-style: 3em solid;
   background-color: white;
   font-family:verdana;
   font-size:12px;
   color:#5a594c;

}

.box_promo {
   font-family: Verdana, Arial;
   border:1px solid gray;
   background-color: white;
   color:#5a594c;
}

.box_hp_right {
   font-family: Verdana, Arial;
   border-bottom:1px solid gray;
   background-color: white;
      border-collapse: collapse;

}

.box_hp_right td
{
   border-bottom:1px dotted gray;
   border-collapse: collapse;
}

.box_hp_left {
   font-family: Verdana, Arial;
   background-color: white;
   color: gray;
   
}
.box_hp_center {
   font-family: Verdana, Arial;
   border-left:1px dashed gray;
   border-right:1px dashed gray;
   background-color: white;
   border-collapse: collapse;

}

.box_swatchbreakout {
   font-family: Verdana, Arial;
   border:1px solid gray;
   background-color: #FCF8C5;
   color:#5a594c;
}

.box_redline{
   font-family: Verdana, Arial;
   border:1px solid red;
   border-style: 3em solid;
   background-color: white;
   font-family:verdana;
   font-size:12px;
   color:#5a594c;

}
.box_wizhelp_right {
   border-left:1px dashed gray;
   background-color: white;
   color: gray;
}


#inside table{
   font-family: Verdana, Arial;
   border:1px solid gray;
 }

.borderTable {	
border: 1px solid gray;

}
.box_leadin_right{
   font-family: Verdana, Arial;
   color: gray;
   border-bottom:1px dashed gray;
   background-color: white;

}


.borderTable td
{
    border-color: gray;
    border-width: 1px;
    border-style: solid;


}

.chosenTable
{
   border-bottom:1px dashed gray;


}




.imgborder {
   border:1px solid gray;
   border-collapse: separate;
}

.text_small {
   font-family:verdana;
   font-size:9px;

}

.text_big {
   font-size:14px;

}

.text_big_bold {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold; 
}


.text_saleprice {
text-decoration:line-through;
font-family: helvetica, arial sans-serif;
font-weight: bold;
}



.hdr_sale {
   font-family:verdana;
   font-size:14px;
   color: #3399CC;
   font-weight: bold;
}
.name {
   font-family:verdana;
   font-size: 11px; 
}

.list_detail {
   font-family:verdana;
  font-size: 1.2em;
}


.contactform {
font-family: Verdana, Arial;
margin-left:50px; 
margin-right:50px; 
margin-top: 30px; 
padding-right:10px; 
padding-left:10px; 
border-width:thin; 
border-style:solid; 
border-color: gray

}

.contactform2 {
font-family: Verdana, Arial;
margin-left:5px; 
margin-right:5px; 
margin-top: 5px; 
padding-right:5px; 
padding-left:5px; 
border-width:thin; 
border-style:solid; 
border-color: gray

}


/*image thumbnail pop up */

/*dropdown */

#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #EFEFEF;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}
/*/image thumbnail pop up --!>



.materialthumb 
{
   font-family:verdana;
   font-size:10px;
   color:#5a594c;
   border: 1px solid gray;

}

.materialthumbnoborder 
{
   font-family:verdana;
   font-size:10px;
   color:#5a594c;
   border: 0px;

}


.materialthumb {
	font-family:verdana;
	font-size:10px;
	color:#5a594c;
  	 border:1px solid gray;

}

.wiztopnav{
   background-color: white;
   font-size: 12px;
   border-bottom:  1px solid #40ff40;
   border-collapse: collapse;
   font-family: Verdana, Arial;
 }



.wizstepon{
   background-color: white;
   font-size: 12px;
   color:#40ff40;
   font-family: Verdana, Arial;
 }

.wizstepoff{
   background-color: white;
   font-size: 12px;
   color:#999999;
   font-family: Verdana, Arial;
 }
 
 .wizprice {
  text-align: right;
   }
 # wiztabmenu LI {
	DISPLAY: inline; OVERFLOW: hidden; LIST-STYLE-TYPE: none;
}  



#fixedtipdiv{
position:absolute;
padding: 2px;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}


a.dimmed:link {color: #999999}
a.dimmed:visited {color: #999999}
a.dimmed:active {color: #999999}
a.dimmed:hover {color: #999999}


#header06 {
	margin: 0px auto;
	padding: 0px;
	color: white;
	font-family: "Verdana";
	font-color: white;
	background-position: center top;
	background-repeat: repeat-y;
	background-color: #809fff;
	margin-bottom: 0px;
	

}
	.header06 A:link {color: white;}
	.header06 A:visited {color: white;}
	.header06 A:active {color: white;}
	.header06 A:hover {color: white;}


/* set millions of background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}

.detailhdr Td
{ WIDTH: 50px; HEIGHT:50px;
  border-bottom: 1px;
  background-color: #E8FAFF
      border-color: solid gray;
      border-width: 10px;
      border-style: solid;

}

.fabric_name
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D4D4D;
}
.fabric_desc
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #4D4D4D;
}

.linkimitator
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: blue;
	text-decoration: underline;
	cursor:pointer;
}
.quietlink
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #786F5C;
	display: inline;
}
.quietlink A:link {text-decoration: none;color: #4D4D4D;}
.quietlink A:visited {text-decoration: none}
.quietlink A:active {text-decoration: none}
.quietlink A:hover {text-decoration: underline; color: red;}
.hdrlink
{
	font-size: 11px;
	color: #4D4D4F;
	font-weight: normal;
}
.hdrlink A:link {text-decoration: underline;color: #4D4D4F;}
.hdrlink A:visited {text-decoration: underline;color: #4D4D4F}
.hdrlink A:active {text-decoration: underline;color: #0036C9}
.hdrlink A:hover {text-decoration: underline; ;color: #0036C9;}

.noline
{text-decoration: none}

/*Default style for SPAN icons. Edit if desired: */

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}


.segment {
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;




}


.step {
	
	   font-family:'trebuchet ms',helvetica,sans-serif;
	   font-size:120%;
	   font-weight:bold;
  
}



.icongroup1{
width: 500px;
}

input.btn{
   color:#000000;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:100%;
   font-weight:bold;
   border:2px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   border-style: solid;}

input.btnhov{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;}



.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  z-index:0;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  z-index:0;
  }


#dhtmltooltip{
background-color: white;
color: black;
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
visibility: hidden;
z-index: 1000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}




#dropinboxv2cover{
width: 400px; /*change width to desired */
height: 220px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 380px; /*change width to above width-20. */
height: 200px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 2px solid black; /*Customize box appearance*/
background-color: white;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}



.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

.menulines{
padding: 0;
margin-left: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}


.menulines li{
display: inline;
margin: 0;
padding: 0;
text-transform:uppercase;
}

.menulines a{
float: left;
display: block;
width: 100%;
font: bold 11px Arial;
color: #786F5C;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 2px;
background-color: #EBF2FA; /*blue color theme*/ 
border-top: 1px solid white;
}

.menulines a:hover{
background-color: #B39B6B; /*Brown color theme*/ 
color: white;
}

.menulines a.active{ /*currently selected tab*/
background-color: #B39B6B; /*Brown color theme*/ 
color: white;
border-top: 1px solid white;
}

.menulinesactive a{
float: left;
display: block;
width: 100%;
font: bold 11px Arial;
color: #fff;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 2px;
background-color: #B39B6B; /*blue color theme*/ 
}

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
z-index:20001;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #C18F28;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #FFFFFF;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
.drag-handle{ /*Overwrite default drag handle bar background color with below*/
background-color: #03277C;
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}



//doorway bubbles


   .bubble {background: transparent; margin:1em;}

  .bubble span.s1 {display:block; width:0; height:0; color:#000; overflow:hidden;
      border-top:12px solid #EAECE2; border-left:12px dotted transparent; border-right:12px dotted
      transparent; margin-left:50px;}

  .bubble span.s2 {display:block; width:0; height:0; color:#000; overflow:hidden;
      border-top:10px solid #fff; border-left:10px dotted transparent; border-right:10px dotted
      transparent; margin-left:52px; margin-top:-15px;}

  .b1, .b2, .b3, .b4, .b5, .b6, .b7 {display:block; overflow:hidden; font-size:0;}
  .b1, .b2, .b3, .b4, .b5, .b6 {height:1px;}
  .b4, .b5, .b6, .b7 {background:#fff; border-left:1px solid #EAECE2; border-right:1px solid #EAECE2;}

  .b1 {margin:0 8px; background:#EAECE2;}
  .b2 {margin:0 6px; background:#EAECE2;}
  .b3 {margin:0 4px; background:#EAECE2;}
  .b4 {margin:0 3px; background:#fff; border-width:0 5px;}

  .b5 {margin:0 2px; background:#fff; border-width:0 4px;}
  .b6 {margin:0 2px; background:#fff; border-width:0 3px;}
  .b7 {margin:0 1px; background:#fff; border-width:0 3px; height:2px;}

  .content {display:block; font-size: 12px;background:#fff; border:3px solid #EAECE2; border-width:0 3px;
       color: #000;}

  .content p {margin:0 10px; padding: 1px 0;}




#container {
	width: 36em;
	background: #F4ECD9;
	text-align: left;
	border: 1px solid #eda;
	margin: 0 auto;
}



p#smurf {
	background: transparent;
	font-style: italic;
	text-align: center;
	font-weight: bold;
	color: #7C6240;
}

#smurf strong {
	font-size: 1.2em;
	color: black;
}


#nav, #nav ul {
	float: left;
	width: 46em;
	list-style: none;
	line-height: 1.3;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #eda;
	border-width: 1px 0;
	margin: 0 0 1em 0;
	z-index: 1000;
}

#nav a {
	display: block;
	width: 10em;
	w\idth: 6em;
	color: #7C6240;
	text-decoration: none;
	padding: 0.25em 2em;
}

#nav.daddy {
	background: url("http://www.alluminare.com/images/rightarrow2.gif") center right no-repeat;
	background-color:Black;
}

#nav li {
	float: left;
	padding: 0;
	width: 10em;
	
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	margin: -2.75em -1em 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #eda;
}

#content {
	clear: left;
}

#content a {
	color: #7C6240;
}

#content a:hover {
	text-decoration: none;
}

/*help dropdown */

	.dropcontent{
	width: auto;
	height: auto;
	border: 1px solid #606060;
	background-color: #FFF;
	display:block;
	text-align: left;
	font-size: 12px;

	}
	select {
	 background-color: #fff;
	 color: #000;
	 
}
#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 500px; 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
z-index:100000;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}



/*drop down for help */

#dropcontentsubject{
width: 250px;
font-weight: bold;
}

.dropcontent{
width: 250px;
height: 200px;
border: 1px solid black;
background-color: #DFDFFF;
padding: 3px;
display:block;
}
#sddm
{	position: absolute;
        margin: 0;
	padding: 0;
	z-index: 10;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: auto;
	background: #fff;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #CB6019
	color: #FFFFFF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fff;
		color: #000;
		font: 11px arial}

	#sddm div a:hover
	{	background: #FF791F;
		color: #FFF}
	
		
/* common styles for all menus on the page */
.mlddm
{	visibility: hidden;
	margin: 0;
	padding: 0}

	.mlddm li
	{	display: inline;
		list-style: none;
		float: left}

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block}

		.mlddm ul
		{	z-index: 100;
			position: absolute;
			visibility: hidden}
		
		.mlddm ul li
		{	float: none;
			border-width: 0}

		.mlddm ul li a
		{	display: block;
			white-space: nowrap}

/* decoration style for specified menu (menu1) */
#menu1
{	}

	#menu1 li
	{	margin: 0;
		padding: 0 1px 0 0;
		font: bold 12px arial;
		border-right: 0px solid #FFF}

	#menu1 li a, #menu1 li a#buttonnohover
	{	text-align: center;
		background: #CB6019;
		padding: 4px 4px;
		margin: 0;
		color: #FFF;
		width: 60px;
		text-decoration: none}

	#menu1 li a:hover, #menu1 li a#buttonhover
	{	background: #FF791F}

		#menu1 ul
		{	margin: 2px 0 0 0;
			padding: 0;
			background: #CB6019;
		   border-width: 0}
		
		#menu1 ul li
		{	margin: 0;
			padding: 0;}

		#menu1 ul li a
		{	margin: 0px;
			padding: 5px 10px;
			width: auto;
			font: 11px arial;
			text-align: left;
			text-decoration: none;
			border: 0px solid black;
			background: transparent;
			color: #FFF}

		#menu1 ul li a:hover
		{	color: #FFF}

/* decoration style for specified menu (menu2) */
#menu2
{	}

	#menu2 li
	{	margin: 0;
		padding: 0 2px 0 0;
		font: bold 11px arial;
		border-right: 0px solid #FFF}

	#menu2 li a, #menu2 li a#buttonnohover
	{	text-align: center;
		background: #94C652;
		border: 1px solid #94C652;
		padding: 4px 10px;
		margin: 0;
		color: #FFF;
		width: 60px;
		text-decoration: none}

	#menu2 li a:hover, #menu2 li a#buttonhover
	{	background: #CFEE9E;
		color: #68774F}

		#menu2 ul
		{	margin: 2px 0 0 0;
			padding: 0;
			background: #ECEFE4;
		    border: 1px solid #94C652}
		
		#menu2 ul li
		{	margin: 0;
			padding: 0;}

		#menu2 ul li a
		{	margin: 0px;
			padding: 5px 10px;
			width: auto;
			font: 11px arial;
			text-align: left;
			text-decoration: none;
			border: 0px solid black;
			background: transparent;
			color: #679C3C}

		#menu2 ul li a:hover
		{	color: #68774F}		
		
		
		
		
		
		
		
.trans_box2 {
  font-family:verdana;
  font-weight:bold;
  padding:40px;
  margin:30px;
  border:solid 1px #555;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/75p_honey.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_box2[class] {
  background-image:url(../images/test.png);
}		

.buzzlink
{
	font-size: 14px;
	color: #ffffff;
	background-color:#C79810;
	padding: 2px 4px 2px 4px;
}
.buzzlink A:link {text-decoration: underline;color: #ffffff;}
.buzzlink A:visited {text-decoration: underline;color: #ffffff}
.buzzlink A:active {text-decoration: none}
.buzzlink A:hover {text-decoration: underline; color: green;}