/* CSS Document */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
float:left;
width:215px;
white-space:nowrap;
}

#menu dt {
cursor: pointer;
background: #ffffff;
height: 25px;
line-height: 25px;
margin: 2px 0;
padding-left:10%;
border: 1px solid gray;
text-align: left;
font-size: 12px;
font-weight: bold;
}

#menu dd {
position: absolute;
z-index: 100;
left: 95%;
margin-top: -1.4em;
width: 100%;
background: #cccccc;
border: 1px solid gray;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: left;
padding-left:10%;
font-size: 13px;
height: 22px;
line-height: 22px;
z-index: 2;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
}

#menu li a:hover {
text-decoration: underline;
}

#menutitle{
position: relative;
float:left;
margin: 0;
width:215px;
background:#CC3333;
color:#ffffff;
padding-top:0.3em;
padding-bottom:0.3em;
font-weight:bold;
text-align:center;
}

#bespoke{
position: relative;
float:left;
margin: 0;
width:215px;
background:#CC3333;
color:#000000;
padding-top:0.3em;
padding-bottom:0.3em;
font-weight:bold;
text-align:center;
z-index:1;
}

.product_range{
position: relative;
float:left;
margin: 0;
width:215px;
background:#000000;
color:#FFFFFF;
padding-top:0.3em;
padding-bottom:0.3em;
font-weight:bold;
text-align:center;
margin-top:0.1em;
}
.product_range a, .product_range a:visited, .product_range a:active, .product_range a:hover {
	color:#FFFFFF;
}

#catalogues{
position: relative;
float:left;
margin: 0;
width:215px;
background:#000000;
color:#FFFFFF;
padding-top:0.3em;
padding-bottom:0.3em;
font-weight:bold;
text-align:center;
margin-top:2em;
z-index:1;
}

.catalogue_link{
	position: relative;
	float:left;
	font-size: 13px;
	margin-top:0.5em;
	width:215px;
}
.catalogue_pic{
	position: relative;
	float:left;
}
.catalogue_text{
	position: relative;
	float:left;
	margin-top:8px;
	padding-left:1em;
}
.catalogue_text_long{
	position: relative;
	float:left;
	margin-top:1px;
	padding-left:1em;
}

.xsnazzy h6 {margin:0 5px; letter-spacing:0px; 
	background:#000000;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	text-align:center;}
.xsnazzy {background: transparent; width:130px; position: relative; float:left; margin-top:2.5em; margin-left:2.5em;}
.xsnazzy a, .xsnazzy a:visited, .xsnazzy a:active, .xsnazzy a:hover {
	color:#FFFFFF;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px; width:130px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1info, .xb2info, .xb3info, .xb4info {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb1info, .xb2info, .xb3info {height:1px;}
.xb2, .xb3, .xb4 {background:#000000; border-left:1px solid #000000; border-right:1px solid #000000;}
.xb2info, .xb3info, .xb4info {background:#D7F5D3; border-left:1px solid #000000; border-right:1px solid #000000;}
.xb1, .xb1info {margin:0 5px; background:#000000;}
.xb2, .xb2info {margin:0 3px; border-width:0 2px;}
.xb3, .xb3info {margin:0 2px;}
.xb4, .xb4info {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#000000; border:0 solid #000000; border-width:0 1px;}

.infocontent {display:block; background:#000000; border:0 solid #000000; border-width:0 1px;}