/*
CATEGORY					ACTIVE		INACTIVE (Menu Only)
---------------------------------------------------------------------
Cale Associates				000000		999999

Danish Design				CC3333		FF9999
Swedish Design				FF9900		FFCC99	
Schiang Collection			339966		99CC99
Lighting					006699		99CCCC
Vision Glass Wall Sys.		993399		CC99CC
*/

.cal_back{background-color:#CCC;}
.dan_back{background-color:#C33;}
.swe_back{background-color:#F90;}
.sch_back{background-color:#396;}
.lig_back{background-color:#069;}
.vis_back{background-color:#939;}


body {
	background-color: #FFFFFF;
	margin: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

table.contentTable
{
	height:100%;
	border:0;
	padding:0;
}
table.contentTable td
{
	margin:0;
	padding:0;
}


#nav td a
{
	display:block;
}

#nav td
{
	border-left:14px solid #FFF;
	border-bottom: 1px dashed #666666;
	margin:0;
	width:100%;
}

#nav td
{
	width:209px;
	height:61px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:60px;
}

html>body #nav td { 
	height:60px;
}


#nav table{
	border:0;
}

#nav td img
{
	border:0;
}

#nav td#cal
{
	padding-top:0;
}

#dan{border-left-color:#ff9999;}
#dan:hover{border-left-color:#cc3333;}

#swe{border-left-color:#ffcc99;}
#swe:hover{border-left-color:#ff9900;}

#sch{border-left-color:#99cc99;}
#sch:hover{border-left-color:#339966;}

#lig{border-left-color:#99cccc;}
#lig:hover{border-left-color:#006699;}

#vis{border-left-color:#cc99cc;}
#vis:hover{border-left-color:#993399;}

#nav .address
{
	padding-top:10px;
	padding-left:14px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
}

#nav .address p
{
	padding:5px 0;
	margin:0;
}


#nav .address strong
{
	font-size:11px;
}

#nav .validation
{
	padding-top:10px;
	padding-left:14px;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
}

#nav .validation a
{
	font-family: verdana, arial, sans-serif;
	font-weight:bold;
	text-decoration: none;
	color:#000;
}

#contentleft
{
	width: 294px;
	padding:0;
	border-left: 1px dashed #666666;
	border-right: 1px dashed #666666;
	vertical-align:top;
	/*padding-top:60px*/
}
#basket
{
	border-top:3px solid #FFF;
	height:57px;
}
#basket span
{
	margin:3px 4px;
}
#basket a
{
	margin:3px 4px;
}


#contentright
{
	width: 270px;
	padding:0;
	vertical-align:top;
	border-right: 1px dashed #666666;
}

#furtheroptions { 
    border: 0;
    min-height: 800px;
}

#contentmid
{
	width: 270px;
	padding:0;
	vertical-align:top;
	border-right: 1px dashed #666666;
}

#contentleft ul
{
	margin:0;
	padding:2px 10px;
	list-style-position:inside;
}
#contentleft ul li
{
	margin-bottom:3px;
}

.search
{
	padding:8px 0 0 10px;
	height:52px;
}

.search form
{
	padding:0;
	margin:0;
}

.search input
{
	padding:0;
	margin:0;
}


.search
{
	height:60px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:52px;
}

html>body .search { 
	height:52px;
}

table.list
{
	list-style-type:none;
	padding:0;
	margin:0;
}
table.list td
{
	padding:0;
	margin:0;
	clear:both;
	border-bottom: 1px dashed #666666;
	vertical-align: middle;
}


table.list td
{
	height:61px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height:60px;
}

html>body table.list td { 
	height:61px;
}



table.list a
{
	margin-left:10px;
	display:block;
}

table.list a img
{
	margin:0;
	border:0;
	border-right: 1px dashed #666666;
}

div.bodyTxt
{
	padding:4px;
}

div.bodyTxt p
{
	margin:0 0 15px;
}

p.sub{font-size:80%;}

.itemImg
{
	border-bottom: 1px dashed #666666;
}

.stub
{
	border:0;
	border-bottom: 1px dashed #666666;
	height:60px;
	color: #666666;
	font-size: 10px;
	width:100%;
	font-family: verdana, arial, sans-serif;
}

.stubSm
{
	border:0;
	border-bottom: 1px dashed #666666;
	padding:3px;
	color: #666666;
	font-size: 10px;
	width:100%;
	font-family: verdana, arial, sans-serif;
}

.stub td
{
	vertical-align:middle;
}

.stub .img
{
	width:60px;
	padding:0;
	border-right: 1px dashed #666666;
}
.stub .img a
{
	padding:0;
}

.stub p
{
	padding:0 0 0 10px;
	margin:0;
	font-size: 10px;

}
.stub span
{
	padding:1px 0 0 10px;
	margin:0;
}
.stub a span
{
	padding:0;
}

.stub img
{
	border:0;
}

.stub a
{
	padding-left:10px;
	display:block;
}

.wrap
{
	border-top: 1px dashed #666666;
	font-size: 9pt;
}

.holder{padding:4px;}

a {
	font-family: verdana, arial, sans-serif;
	font-weight:bold;
	text-decoration: none;
	color: #000;	
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover	{
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}



.contentTable {
	padding: 0px;
	border-collapse: collapse;
}

.contentLeft {
	width: 210px;
	padding: 0px;
}




.itemImgTable {
	width: 270px; 
	height: 271px; /* to accomodate for 1px borders */
	padding: 0px;
	border-bottom: 1px dashed #666666;
	border-collapse: collapse;
}



.visTable {
	width: 100%;
	height: 61px; /* to accomodate for 60x60px image */
	padding: 0px;
}

.visRight {
	padding: 0px; /* make sure there's no padding */
	padding-left: 10px;
	border-bottom: 1px dashed #666666;
	border-collapse: collapse;
}


.stubTxtHeader {
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}

.stubTxtSub {
	color: #666666;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
}

.nextPrev {
	width: 250px;
	padding: 10px;
	border-bottom: 1px dashed #666666;
}
.nextPrevCell1 {
	width: 135px;
	padding: 3px;
	border-bottom: 1px dashed #666666;
	border-right: 1px dashed #666666;
}
.nextPrevCell2 {
	width: 135px;
	padding: 3px;
	border-bottom: 1px dashed #666666;
}














.menuTable {
	padding: 0px;
}

.menuItem {
	width: 210px;
	height: 61px; /* to accomodate for 60x60px image */
	border-bottom: 1px dashed #666666;
	border-collapse: collapse;
	padding: 0px; /* make sure there's no padding */
	padding-left: 10px;
}

.menuItemLeft {
}

.menuItemRight {
}

.menuTxtHeaderON {
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
}

.menuTxtHeaderOFF{
	color: #999999;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
}

.menuTxtSubON {
	color: #666666;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
}

.menuTxtSubOFF {
	/* color: #BBBBBB; DA - removed this */
	color: #999999;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
}

.menuColor {
	width: 12px;
	height: 61px;
	border-bottom: 1px dashed #666666;
	border-collapse: collapse;
	padding: 0px;
	padding-left: 10px;
}

.bodyTxtTable {
	padding: 10px;
}

.bodyTxt {
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
}

.bodyTxtLink {
	color: #666666;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
}

.bodyTxtSmall {
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
}

.bodyTxtSmallLink {
	color: #666666;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
}



.rightEdge {
	border-left: 1px dashed #666666
	/*border-collapse: collapse;*/
}






.timeTable {
	border: 0px;
	padding: 0px;
}

.timeRow {
	border: 0px;
	padding: 0px;
}

.timeYear {
	border: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	
	vertical-align: baseline;  
}

.timeText {
	border: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	
	vertical-align: baseline;  
}

.timeTextLink {
	border: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	
	vertical-align: baseline;  
}


.searchText{
	color: #666666;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

#itemPrice, #itemBuy
{
	display:none;
	background-color:white;
}

#itemBuy form
{
	margin:0px;
}

table.priceGrid
{
	margin-bottom:10px;
}

table.priceGrid td
{
	text-align:left;
	padding:2px;
	border:1px solid #DDD;
	font-size:11px;
	color:#000;
}

table.priceGrid td.xCell
{
	background-color:#DDD;
	border:none;
}
table.priceGrid td.yCell
{
	background-color:#BBB;
	border:none;
	line-height: 25px;

}
table.priceGrid td.blank
{
	border:none;
}
table.priceGrid td.title
{
	font-weight:bold;
	text-align:left;
}


#toggle
{
	position:absolute;
	top:45px;
	width:272px;
	height:15px;
	padding:0;
	margin:0;
	border:0;
}

#toggle .desc
{
	background-color:#FFF;
	border:dashed 1px #666;
	border-bottom:1px solid #FFF;
	position:absolute;
	bottom:-1px;
	left:5px;
}
#toggle .pricing
{
	border:dashed 1px #CCC;
	background-color:#EEE;
	border-bottom:none;
	position:absolute;
	bottom:0px;
	left:92px;
}

#toggle .buy
{
	border:dashed 1px #CCC;
	background-color:#EEE;
	border-bottom:none;
	position:absolute;
	bottom:0px;
	left:145px;
	width: 56px;
}

* html #toggle .desc{bottom:-2px;}
* html #toggle .pricing{bottom:-1px;}
* html #toggle .buy{bottom:-1px;}

#toggle .pricing a
{
	margin:3px;
	color:#00CC00;
	font-size:11px;
}

#toggle .desc a
{
	margin:3px;
	color:#000;
	font-size:11px;
}

#toggle .buy a
{
	margin:3px;
	color:#FF0000;
	font-size:11px;
}

#tabswitcher a.buy
{
	color: #FF0000;
}

#tabswitcher a.pricing
{
	color: #00CC00;
}

#contentText
{
	width: 546px;
	padding:5px;
	border-left: 1px dashed #666666;
	border-right: 1px dashed #666666;
	vertical-align:top;
	padding-top:60px
}

a img{border:none;}

.required{
	font-style:italic;
	font-size:90%;
	color:#666;
}

label{
	display:block;
}
label.error{
	color:#F00;
}
.hidden{visibility:hidden;}

.buyNow{color:#F00;/*font-size:1.5em;*/}

.fix{border-top: 1px dashed #666666;}

/* DA added this */

.fieldLabel { vertical-align: top; font-weight: bold; width: 130px; }
.greybar { font-weight: bold; }
.checkout { background-color: #058063; color: #fff; }
/* #column_four { padding:0; vertical-align:top; width:300px; } */

.column_four_head
{
	padding: 2px;
	height:56px;
	border-bottom: 1px dashed #666;
	font-size: 10px;
}

#finishes, #otherfinishes { padding-left: 5px; font-size: 8px; color: #666; }
#finishes strong, #otherfinishes strong { font-size: 10px; color: #333; }
#otherfinishes { min-height: 800px; padding-left: 5px; margin-top:38px; }
.fin_wood { width:80px;text-align:left;margin-bottom:8px }
.fin_other { width:80px;text-align:left;margin-bottom:8px  }

/* tooltip styling */
.tooltip {
	display:none;
	height:270px;
	padding:0px;
	width:270px;
	font-size:11px;
	color:#fff;
}

/* mouseover state */
.trigger:hover {
	background-position:0 -44px ;		
}

/* clicked state */
.trigger:focus {
	background-position:0 -88px;
}