@charset "UTF-8";
/* CSS Document */
table {
	border-collapse: collapse;
}
img {
	border:0px;
}
body {
	font:12px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:.08em;
	color:#666;
	background-color:#fff;
	margin:0px;
	padding:0px;
}
#bodyPositioning {
	margin: 0 auto;
	padding: 0;
	width: 975px;
}
#container {
	z-index: 1;
	position: absolute;
	width: 975px;
	min-height:100%;
	background-color:#fff;
}
#topNav {
	position:absolute;
	top:70px;
	width:965px;
	background-color:#f9f9f9;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size:100%;
	/* TOP RIGHT BOTTOM LEFT */
	padding: 3px 5px 1px 5px;
}
#mainNav {
	position:absolute;
	top:10px;
	width:965px;
	/* TOP RIGHT BOTTOM LEFT */
	padding: 3px 5px 1px 4px;
}
#mainNav .item {
	float:left;
	padding: 7px 15px 0 0; 
	
	float:left;
	font-family: times,serif;
	font-size: 15px;
	font-weight: normal;
}
#mainNav .item a:link, #mainNav .item a:visited {
	color:#000;
}
#mainNav .item a:hover {
	color:#900;
}
#mainNav .logo {
	float:right;
}
#topNav .flags {
	float:right;
}
.phoneNumber {
	float:right;
	letter-spacing:.2em;
	font-size:120%;
	padding-top:1px;
	color:#000;
}
#topNav #nav {
	float:left;
}
#topNav ul {
	padding:0px;
	margin:0px;
}
#topNav li {
	display: inline;
	list-style-type: none;
	/* TOP RIGHT BOTTOM LEFT */
	padding: 0px 15px 0px 0px;
}
#section {
	position:absolute;
	top:100px;
	width:965px;
	border-bottom:1px solid #999;
	/* TOP RIGHT BOTTOM LEFT */
	padding: 0px 5px 3px 5px;
}
#section h1 {
	font-size:120%;
	font-weight:bold;
	letter-spacing:.1em;
	margin:0px;
}
#section h2 {
	font-size:120%;
	letter-spacing:.1em;
	margin:0px;
}
#frontPageMain {
	position:absolute;
	top:110px;
	width:975px;
}
#sectionSub {
	position:absolute;
	top:0px;
	left:198px;
}
#leftNav {
	position:absolute;
	top:140px;
	left:0px;
	width:183px;
}
#main {
	position:absolute;
	top:135px;
	left:183px;
	width:792px;
	min-height:400px;
}
#mainNoLeftNav {
	position:absolute;
	top:130px;
	left:0px;
	width:975px;
	min-height:400px;
}
#main .doubleColNoPad {
	float:left;
	width:396px;
	min-height:20px;
}
.doubleCol {
	float:left;
	width:381px;
	min-height:20px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 0px 15px 15px;
}
.tripleCol {
	float:left;
	width:568px;
	min-height:20px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 0px 15px 15px;
}
.twoColLeft {
	float:left;
	width:475px;
	min-height:20px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 0px 15px 5px;
}
.twoColRight {
	float:left;
	width:475px;
	min-height:20px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 0px 15px 15px;
}
.doubleColStatic {
	float:left;
	width:381px;
	min-height:20px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 0px 15px 5px;
}
.singleCol {
	float:right;
	width:158px;
	min-height:20px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 0px 15px 35px;
}
.langFlags {
	position:relative;
	top:0px;
	float:right;
	/* TOP RIGHT BOTTOM LEFT */
	padding: 0px 0px 0px 5px;
}
.leftLinks {
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 5px 30px 5px;
	letter-spacing:.2em;
	font-size:100%;	
}
.catDesc {
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 5px 30px 5px;
	font-size:90%;	
}
.bannerLeft {
}
.bannerLeftFixed {
	position:absolute;
	top:365px;
	left:0px;
}
.measurements {
	width:100%;
	padding-bottom:15px;
}
.measurements th {
	border-bottom:1px solid #999;
	text-align:left;
	/* TOP RIGHT BOTTOM LEFT */
	padding: 3px 0px 3px 5px;
}
.measurements td {
	border-bottom:1px solid #CCC;
	text-align:left;
	/* TOP RIGHT BOTTOM LEFT */
	padding: 3px 0px 3px 5px;
}
.mainPic {
	padding-bottom:5px;
}
.mainPicNote {
	font-size:90%;
	color:#900;
}
.headingUnderline {
	font-weight:bold;
	float:left;
	width:381px;
	border-bottom:1px solid #999;
	/* TOP RIGHT BOTTOM LEFT */
	padding: 3px 0px 3px 0px;
	margin: 0px 0px 10px 15px;
}
.swatch {
	float:left;
	width:49px;
	margin-left:15px;
	margin-bottom:15px;
	border:1px solid #CCC;
}
.fourColPad {
	width:777px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 0px 15px 15px;
}
.fourColNoPad {
	float:left;
	width:792px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 0px 15px 0px;
}
.fourColThumbHolder {
	float:left;
	width:792px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 0px 0px 0px;
}
.prodListThumbHolder {
	float:left;
	width:183px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 0px 15px 15px;
}
.inspirationHolder {
	float:left;
	width:181px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 0px 0px 15px 15px;
	border:1px #CCC solid;
	background-color:#CCC;
	text-align:center;
}
.inspirationHolder .desc {
	margin: 10px 0 10px 0;
	color:#FFF;
}
.prodListThumbs {
	width:181px;
	height:181px;
	border:1px solid #999;
	margin: 0px 0px 5px 0px;
	background-color:#999;
}
.pressThumbs {
	width:181px;
	height:181px;
	margin: 0px 0px 5px 0px;
	background-color:#fff;
	text-align:center;
}
.pressThumbs img {
	border:1px solid #999;;	
}
#s3slider { 
   width: 777px; /* important to be same as image width */ 
   height: 350px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-bottom:15px;
   margin-left:15px;
   background-color:#3FC;
}

#s3sliderContent {
   width: 777px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   left:0px;
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 777px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
.topPic {
	margin-left:15px;
	margin-bottom:15px;
}
.topPicStatic {
	margin-bottom:21px;
}
.enquiryLink a:link {
	color:#900;
}
.enquiryLink a:hover {
	color:#000;
}
.frontPagePics {
	float:left;
	background-color:#CCC;
	width:228px;
	margin-bottom:20px;
}
.frontPagePics h1 {
	font:14px Arial, Verdana, Helvetica, sans-serif;
	letter-spacing:.08em;
	padding-bottom:7px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 6px 0px 0px 20px;
	color:#333;
}
.fifteenPadLeft {
	margin-left:21px;
}
#footer {
	float:left;
	border-top:#999 solid 1px;
	/* TOP RIGHT BOTTOM LEFT */
	margin: 10px 0px 30px 0px;
	/* TOP RIGHT BOTTOM LEFT */
	padding: 10px 0px 0px 0px;
	font-size:90%;
	text-align:center;
	width:975px;
}
.noMargin {
	margin-bottom:5px;
}