/* Domino Commercial Interiors StyleSheet */

/* Shop Closure Styles (25-03-2009, Jnm) */

img					{ border: 0px; }

#buy				{ display: block; }
#closed				{ display: none; color: #cc0000; border: 1px solid red; padding: 10px; font: normal 10pt verdana; margin: 5px; }
#basketLink			{ display: block; }



BODY				{ background: #FFFFFF; padding: 0px;}
#canvas				{ background: #FFFFFF; margin-top: 15px; margin-bottom: 0px; scrollbar-base-color: #e0e0e0; }
#popcanvas			{ background: #FFFFFF; margin-top: 15px; margin-bottom: 0px; 
				scrollbar-face-color:		#7fd0f2;
				scrollbar-base-color: 		#7fd0f2;
				scrollbar-arrow-color:  	#FFFFFF;
				scrollbar-track-color:  	#FFFFFF;
				scrollbar-shadow-color: 	#7fd0f2;
				scrollbar-darkshadow-color: 	#7fd0f2;
				scrollbar-highlight-color: 	#7fd0f2;
				scrollbar-3Dlight-color:	#7fd0f2;
				}
P				{ color: #823E7B; font: normal x-small verdana; }
H2				{ color: #823E7B; font: bold x-small verdana; }
H3				{ color: #823E7B; font: normal 8pt verdana,"MS Sans Serif",verdana; }
UL				{ font: normal x-small verdana; }

A:hover				{ color: #EE4799; font: normal x-small verdana;	text-decoration: underline; }
A				{ color: #f3449a; font: normal x-small verdana;	text-decoration: none; }


.base { color: #823E7B; font: normal small verdana; }

.head {
	font-family: verdana;
	font-size: x-small;
	font-weight: normal;
	color: #00a3e6;
}

.head2 {
	font-family: bold 12pt verdana;
	color: #EE4799;
}


.border			{ border: 1px solid black; }

.shopmenu		{ font: normal x-small verdana; color: #84407D;	padding-left: 5px !important; padding-top: 5px !important; }
.shopmenuNOLine		{ color: #84407D; border-top: 1px solid #b7b7b7; font: normal x-small verdana; padding-left: 5px !important; padding-top: 5px !important; }

.shopmenuitem		{ font: normal x-small verdana; color: #84407D;	padding-left: 5px !important; padding-top: 5px !important; }
.shopmenuitemON		{ background: #efdde6; font: normal x-small verdana; color: #84407D; padding-left: 5px !important; padding-top: 5px !important; }

.shopmenuitem A {
		font: normal x-small verdana;
		color: #84407D;
}

.shopmenuitem A:visited		{ color: #84407D !important; font: normal x-small verdana; }
.shopmenuitem A:hover		{ color: #84407D !important; font: normal x-small verdana; text-decoration: none; }
.shopmenuitemON A:visited	{ color: #84407D !important; font: normal x-small verdana; }
.shopmenuitemON A:hover 	{ color: #84407D !important; font: normal x-small verdana; }



.shoplist {
		border-bottom: 1px solid #b7b7b7;
		font: normal x-small verdana;
		color: #84407D;
		padding-left: 5px !important; 
		padding-top: 5px !important; 
}

.shoplist A {
		font: normal x-small verdana;
		color: #84407D;
		text-decoration: under-lined;
}

.shoplist A:hover {
		font: normal x-small verdana;
		color: #84407D;
		text-decoration: under-lined;
}

.shoplist A:visited {
		font: normal x-small verdana;
		color: #84407D;
		text-decoration: under-lined;
}


.leftmenu {
		border-right: 1px solid #4d4d4d;
}
	
}


.error {
	font: normal x-small verdana;
	color: #ff0000;
}

.swatch {
	font: normal 8pt verdana;
	color: #823E7B;
}

.list {
	list-style-position: inside;
	list-style-image:  url(star.gif);
	list-style-type: disc;
}
.menugrid {
	font-family: verdana;
	font-size: x-small;
	font-weight: bold;
	color: #ee4799;
	border-collapse: collapse;
}

.menu {
	border-top: 1px solid #5a5a5a;
	border-bottom: 1px solid #5a5a5a; }

.menu1 {
	border-top: 0px solid #5a5a5a;
	border-bottom: 0px solid #5a5a5a; background: #FFFFFF; 
		
}

.newshead {
		font: normal 12pt verdana;
		color: #00A2E3;

}

H1		{ color: #00A2E3; font: bold small verdana; padding-bottom: 0px; margin-bottom: 0px; }
H1 A:link	{ color: #00A2E3 !important; font: bold 12pt verdana; text-decoration: underline; }
H1 A:visited	{ color: #00A2E3 !important; font: bold 12pt verdana; text-decoration: underline; }

}

.head4 {
	font-family: verdana;
	font-size: x-small;
	font-weight: normal;
	color: #823F7C;
}

.head4 a:hover {
	font-family: verdana;
	font-size: x-small;
	font-weight: normal;
	color: #823F7C;
	text-decoration: underline;
}

.head4 a {
	font-family: verdana;
	font-size: x-small;
	font-weight: normal;
	color: #823F7C;
	text-decoration: none;
}


.details {
	border-bottom: 1px solid #b7b7b7;
	border-top: 1px solid #b7b7b7;
	font-family: verdana;
	font-size: x-small;
	font-weight: normal;
	color: #00a3e6;
}

.details1 {
	border-top: 1px solid #b7b7b7;
}


.news				{ color: #84407D; font: normal x-small verdana !important; cborder-top: 1px solid #e0bdcf; }

.news A,.news A:hover,.news A:visited { color: #84407D; font: normal x-small verdana; }

.al a:hover {
	font-family: verdana;
	font-size: x-small;
	font-weight: normal;
	color: #00a3e6;
	text-decoration: underline;
}

.a1 {
	font-family: verdana;
	font-size: x-small;
	font-weight: normal;
	color: #00a3e6;
	text-decoration: none;
}

/* =====================================================================================================================
   DROP menu colours etc.
===================================================================================================================== */

#001Container		{ Z-Index: 1000; }
#002Container		{ Z-Index: 1000; }
#003Container		{ Z-Index: 1000; }
#004Container		{ Z-Index: 1000; }

.dropmenu		{ color: #84407d; background: #FFFFFF; font: normal x-small verdana !important; border-bottom: 1px solid #5a5a5a; }
.dropmenu A		{ DISPLAY: BLOCK; padding: 5px; color: #84407d; border: 1px solid #5a5a5a; border-bottom: 0px; HEIGHT: 20px; TEXT-DECORATION: none; font: normal x-small verdana; }
.dropmenu A:visited	{ DISPLAY: BLOCK; color: #84407d; border: 1px solid #5a5a5a; border-bottom: 0px; font: normal x-small verdana; }
.dropmenu A:hover	{ color: #84407d; background: #e0bdcf; border: 1px solid #5a5a5a; border-bottom: 0px; DISPLAY: BLOCK; text-decoration: none !important; font: normal x-small verdana; }

.formbox        	{ font: 10pt Verdana,Arial; width: 240px; border: 1pt solid #505050; background: #FFFFFF; }
.formboxHI      	{ font: 10pt Verdana,Arial; width: 240px; border: 1pt solid #505050; background: #ffffe5; }


.hiProduct
{
	background-color: #DBEFF8;
	cursor: hand;
}

.lowProduct
{
	background-color: #ffffff;
	cursor: auto;
}

.button				{ font: normal x-small verdana; cursor: hand; }
.buttonHI			{ font: normal x-small verdana; cursor: hand; background: #e0e0e0; }

.footline			{ color: #823F7C; font: normal x-small verdana; }
.footline A:link		{ color: #823F7C; }
.footline A:visited		{ color: #823F7C; }

/* John extras */

#menuarea	 		{ height: 30px; vertical-align: middle !important; }
.mainmenu			{ color: #f3449a; font: normal 10pt verdana; }
#menuarea A:link		{ color: #f3449a; font: bold; padding-bottom: 5px; margin-left: 10px; margin-right: 10px; border-left: 1px solid: #f3449a; }
#menuarea A:hover		{ font: bold; padding-bottom: 5px; }
#menuarea A:visited		{ color: #f3449a; font: bold; padding-bottom: 5px; margin-left: 10px; margin-right: 10px; border-left: 1px solid: #f3449a; }
#menuedges			{ color: blue; }

#titlebar			{ width: 100%; height: 104px; }
.title				{ margin-left: 30px; }
.sitelogo			{ margin-right: 30px; }

.edge				{ border: 1px solid #000000; }

#pagecell			{ background: #FFFFFF; padding-top: 15px; }
#content			{ background: #FFFFFF; width: 728px; padding: 15px; padding-bottom: 30px;}

#copy				{ background: #FFFFFF; }
#right				{ width: 275px; background: #FFFFFF; }
#left				{ width: 275px; background: #FFFFFF; text-align: left; }

#footmenu			{ color: #00a2e3; list-style-type: square; line-height: 200%; }
#footmenu LI			{ font: bold !important; margin-left: -25px; }
#footmenu A:link,#footmenu A:visited { font: bold; color: #00a2e3; }
#footmenu A:hover		{ font: bold; color: #f3449a; }
.footmenuover			{ color: #f3449a !important; }

#features			{ color: #823E7B; list-style-type: square; line-height: 150%; }
#features LI			{ font: normal !important; margin-left: -25px; }

.caption			{ color: #813b7b; font: normal 8pt verdana; }
.caption A:link,.caption A:visited { color: #404040; font: normal 8pt verdana; text-decoration: underline; }
.caption A:hover		{ color: #f3449a; font: normal 8pt verdana; text-decoration: none; }

.timberlake			{ text-align: justified !important; }
.timberlake A:link		{ color: #f3449a; }
.timberlake A:visited		{ color: #f3449a; }
.blue				{ color: #00a2e3; }
.blue A:link,.blue A:visited	{ color: #00a2e3 !important; }
.pink				{ color: #f3449a; }
.pink A:link,.pink A:visited	{ color: #f3449a !important; }
.purple				{ color: #813b7b; }
.purple A:link,.purple A:visited { color: #813b7b !important; }
.soft				{ font: normal !important; }

#Flash				{ width: 100%; height: 250px; text-align: center; background: #f5f5f5; border: 0px solid #e0e0e0; padding: 0px; font: normal 8pt verdana; }
#label				{ }
.line				{ width: 100%; height: 1px; color: #5a5a5a; }

/* Shop */

.shopmenu			{ width: 140px; background: #FFFFFF; text-align: left !important; }
#shopmenugrid			{ }
#departments			{ background: #FFFFFF; }
.deptcell			{ background: pink; }
.dept				{ width: 130px; height: 240px; background: #823E7B; }
.depthead			{ color: #823E7B; height: 60px; background: #E0BDCF;font: bold 10pt verdana !important;  border-top: 1px solid #efdde6; vertical-align: middle; text-align: center; }
.deptfotocell			{ height: 160px; text-align: center; background: #FFFFFF; }
.deptfoto			{ border: 1px; }
.viewrange			{ color: #823e7b; }
.deptfoot			{ background: #fbf8fa; text-align: center; }
#shade				{ width: 100%; height: 5px !important; background: url(gfx/back/shade.gif) repeat-x top; }

/* Case Studies */

#casestudies			{ width: 100%; padding: 10px; }
.caserow			{ padding-top: 10px; padding-bottom: 10px; background: #FFFFFF; border-bottom: 1px solid #e0bdcf; }
.caserowhi			{ padding-top: 10px; padding-bottom: 10px; background: #f7eef3; border-bottom: 1px solid #e0bdcf; }

/* News */

#grid				{ width: 100%; padding: 10px; }
.tr				{ padding-top: 10px; padding-bottom: 10px; background: #FFFFFF; border-bottom: 1px solid #e0bdcf; }
.trhi				{ cursor: hand; padding-top: 10px; padding-bottom: 10px; background: #f7eef3 url(gfx/back/trhi.gif) repeat-x top; border-bottom: 1px solid #e0bdcf; }

/* FireFox versions */

.mainmenufirefox		{ color: #f3449a; font: normal 10pt verdana; }
.mainmenufirefox A:link		{ color: #f3449a; font: normal 10pt verdana; }
.mainmenufirefox A:visited	{ color: #f3449a; font: normal 10pt verdana; }

/* old CSS */

.basic				{ color: #823E7B; font: normal x-small verdana; }
.small				{ font-size: xx-small; }

#colourSwatch	{ float: left; width: 70px; height: 70px; margin-top: 8px; text-align: center;  color: #823E7B; font: normal 8pt verdana;}
.prodThumbnail					{ float: left; width: 100px; height: 100px; border: 1px solid #808080; text-align: center; margin: 0px 3px 3px 0px; filter: alpha(opacity=40); }
.prodThumbnailHi				{ float: left; width: 100px; height: 100px; border: 1px solid #606060; text-align: center; margin: 0px 3px 3px 0px; cursor: pointer; }
.Images {width: 315px; height: 415px;}
.MainImage {width: 305px; height: 305px;}

.quantity {
	font-family:Arial, Verdana, sans-serif; 
	font-size: 8pt;
	text-align: right;
}

.search {
	font-family:Arial, Verdana, sans-serif; 
	font-size: 8pt;
}

.button, .shopbutton
{
	font-family:Arial, Verdana, sans-serif; 
	font-size: 8pt; 
	font-weight: normal; 
	text-decoration: none; 
	color:#000000;
	background: #E0BDCF; 
	BORDER-RIGHT: #823E7B 1px solid; 
	BORDER-TOP: #ffffff 1px solid; 
	BORDER-LEFT: #ffffff 1px solid; 
	BORDER-BOTTOM: #823E7B 1px solid; 
	cursor: hand
}

.buttonhi, .shopbuttonhi
{
	font-family:Arial, Verdana, sans-serif; 
	font-size: 8pt; 
	font-weight: normal; 
	text-decoration: none; 
	color:#ffffff;
	background: #823E7B; 
	BORDER-RIGHT: #ffffff 1px solid; 
	BORDER-TOP: #823E7B 1px solid; 
	BORDER-LEFT: #823E7B 1px solid; 
	BORDER-BOTTOM: #ffffff 1px solid; 
	cursor: hand
}