/* CSS Document */
@charset "UTF-8"; 



body
{
margin:0;
font:normal 12px Arial, Helvetica, sans-serif;
}
ul,ol,p,li,h1,h2,h3,h4,h5,h6,input
{
padding:0;
margin:0;
}
h2{
	margin: 0px;
	padding: 0px;
	font-family: 'HelveticaNeueW01-45Ligh';
	font-weight:bold;
}

@font-face {
	font-family: 'Helvetica LT Bold';
	src: url('Helvetica LT Bold.ttf');
	src: local('Helvetica LT Bold'), local('Riesling'), url('Helvetica LT Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Helvetica Neue CE 35 Thin';
	src: url('Helvetica Neue CE 35 Thin.ttf');
	src: local('Helvetica Neue CE 35 Thin'), local('Riesling'), url('Helvetica Neue CE 35 Thin.ttf') format('truetype');
}

h3{
   font-family: 'Helvetica Neue CE 35 Thin';
  font-weight:normal;

}

a,img
{
outline:none;
text-decoration:none;
border:none;
}
.clr
{
clear:both;
}
.wrapper
{
width:832px;
margin:0 auto;
}
.header
{
margin:10px 0 0 0;
position:relative;
}
.logo
{
width:145px;
height:75px;
float:left;
position:relative;
left:-4px;
}
.pdf_link
{
float:right;
margin:27px 0 0 0;
color:#dadad2;
font:normal 11px arial;
}

.divi{ padding:0 4px}
.pdf_link ul li
{

float:left;
list-style-type:none;
}
.pdf_link .site_map
{

width:47px;
}

.pdf_link .site_map a:hover, .pdf_link .site_map ._sel
{
font-weight:bold;
color:#3E96C6;
}

.pdf_link .site_map2
{

width:96px;
text-align:right
}

.pdf_link .site_map2 a:hover, .pdf_link .site_map2 ._sel
{
font-weight:bold;
}

.pdf_link a
{
color:#3e96c6;
font:normal 11px arial;
}
.banner
{
height:315px;
width:100%;
overflow:hidden;
}
.banner-cntact
{
height:315px;
width:100%;
overflow:hidden;
}
.menu
{
width:900px;
}
.menu a{
height:30px;
width:119px;
display:block;
float:left;
font:bold 15px/22px arial;
color:#FFFFFF;
line-height:30px;
text-align:center;
background:url(../images/navBG.jpg) no-repeat;
}
.menu a:hover, .menu a._sel{
	display:block;
	background:url(../images/navBGOn.jpg) no-repeat;
}
.menu a.menuL{
	display:block;
	width:119px;
	background:url(../images/navLeftBG.jpg) no-repeat;	
}
.menu a.menuL:hover, .menu a.menuLOn{
	display:block;
	width:119px;
	background:url(../images/navLeftBGOn.jpg) no-repeat;
}
.menu a.menuR:hover, .menu a.menuROn{
	display:block;
	width:119px;
	background:url(../images/navRightBGOn.jpg) no-repeat;
}
.menu a.menuR{
	display:block;
	width:119px;
	background:url(../images/navRightBG.jpg) no-repeat;
}

/*--   banner   --*/
#s3slider {
   width: 810px; /* important to be same as image width */
   height: 315px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 810px; /* important to be same as image width or wider */
   position: absolute; /* important */
    height: 315px; 
   top: 0; /* important */
   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: 374px;
   /*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;
} 
/*--   banner   --*/ 

.container_main
{
	width:100%;
	padding-bottom:50px;
	margin:10px 0 0 0;
	color:#000000;
	min-height:150px;
}


/*.container_main h2{
  font-family:"Helvetica LT Bold";
  font-size: 36px;
  line-height:36px;
  letter-spacing:-1px;
  text-align: left;
 
}*/

.container_main h2{
  font-family:arial;
  font-size: 36px;
  line-height:36px;
  font-weight:bold;
  letter-spacing:-1px;
  text-align: left;
  }

.container_main h3{
	font-family: helvetica-neue-lt-com-45-light;
	font-size:27px;
	font-weight:normal;
    padding: 9px 0 0;
	line-height:32px;
	color:#000000;
	letter-spacing: 0;
    text-align: left;

}
.container_main h4{
	font-family: helvetica-neue-lt-com-45-light;
	font-size:26px;
	font-weight:normal;
    padding: 9px 0 0;
	line-height:36px;
	color:#000000;
	letter-spacing: 0;

}
.contact_page{
	font-family: helvetica-neue-lt-com-45-light;
	font-size:30px;
	font-weight:normal;
    color: #000000;

}
.container_in
{
	width:780px;
	margin:0 0 0 45px;
	position:relative;
}

.container_in_home
{
	width:820px;
	margin:0 0 0 0px;
	position:relative;
	text-align:justify;
}

.video_container
{
	width:522px;
	height:292px;
	margin:0 auto;
	background:#eee;
	border:solid 2px #55bdf9;
	color:#ccc;
}
.vid
{
	height:315px!important;
}
/*--  site map   --*/
.sitemap .header
{
	float:left;
	clear:both;
	width:100%;
}
.sitemap .menu
{
	width:250px;
	float:left;
	margin:40px 0 0 0px;
}
.sitemap .menu ul
{
list-style-type:none;
}
.sitemap .menu ul li
{
float:none;
width:auto;
text-align:left;
}
.sitemap .menu ul li a
{
	width:auto;
	height:auto;
	display:block;
	font:bold 18px/15px arial;
	color:#000000;
	background:none;
}

.sitemap .menu ul li a:hover
{
	width:auto;
	height:auto;
	display:block;
	font:bold 18px/15px arial;
	color:#3E96C6;
	background:none;
}


.sitemap .menu .active
{
	width:auto;
	height:auto;
	display:block;
	font:bold 18px/15px arial;
	color:#3E96C6;
	background:none;
}

.sitemap .menu ul li ul
{
margin:2px 0 0 10px;
}
.sitemap .menu ul li ul li
{
padding:15px 0 0 0;
}
.sitemap .menu ul li ul li a
{
color:#828181;
font:normal 18px/15px arial;
}
.sitemap .menu ul li ul li a:hover, .sitemap .menu ul li ul li ._sel
{
color:#0093d0; 
}
.sitemap .menu ul li a:hover, .sitemap .menu ul li a._sel
{
background:none; 
}
.sitemap .menu ul li.division
{
width:3px;
height:30px;
}
.sitemap .container_main
{
width:480px;
padding:0px;
margin:47px 0 0 20px;
color:#000000;
font-family: 'helvetica-neue-lt-com-45-light';
float:left;
min-height:550px;
}
.sitemap .container_in {
    margin: 0 auto;
    width: 480px;
}
.sitemap_content h2
{
font:bold 20px "Arial";
letter-spacing: 0;
}
.sitemap_content p
{ font-size: 14px; font-family: helvetica-neue-lt-com-45-light, arial; line-height: 20px;
	

}
.sitemap_home
{
margin:33px 0 0 0;
}
/*--  find_stockists   --*/
.find_stockists .banner
{
height:297px;
margin:18px 0 0 0;
}
.find_stockists .container_main
{
margin:23px 0 0 0;
}
.find_stockists .container_in
{
width:800px;
font:normal 12px arial;
} 
.search_location
{
width:828px;
height:56px;
border:solid 1px #999999;
}
.search_location div
{
float:left;
}
.txt
{
padding:21px 10px 0 23px;
font-size:14px;
font-family: 'helvetica-neue-lt-com-45-light';

}
.search_box
{
padding:17px 0 0 0;
}
.search_box .inp_txt input
{
height:22px;
width:207px;
padding:0 11px 0 11px;
font:normal 14px/22px arial;
border:solid 1px #999999;
color:#acacac;
}
.inpt_search_btn
{
margin:17px 0 0 3px;
}
.inpt_search_btn a
{
display:block;
font:bold 11px/22px arial;
color:#FFFFFF;
width:55px;
height:25px;
text-align:center;
background:url(../images/menu_search_finder_num_imag.jpg) no-repeat -8px -77px;
}
div.trade
{
width:54px;
height:52px;
float:right;
color:#FFFFFF;
padding:4px 4px 0;
text-align:center;
font:bold 11px/12px arial;
background:url(../images/trade_enq_bg.jpg) repeat-x 0 0;
}
.trade a
{
color:#FFFFFF;
display:block;
}
.location_details
{
width:810px;
float:left;
border-bottom:solid 1px #cccccc;
margin:12px 0 0 0;
padding:0 0 14px 20px;
}
.serial_number, .details 
{
float:left;
}
.serial_number
{
width:20px;
height:18px;
padding:2px 0 0 0;
color:#FFFFFF;
font:bold 12px arial;
text-align:center;
background:url(../images/menu_search_finder_num_imag.jpg) no-repeat -113px -146px;;
}
.details 
{
font:normal 14px arial;
color:#838383;
width:500px;
margin:0 0 0 12px;
}
.details h6
{
font-size:14px;
color:#000000;
font-family: 'helvetica-neue-lt-com-45-light';
}
.details p
{
 line-height:17px; 
font-family: 'helvetica-neue-lt-com-45-light';
 font-size: 15px;
 line-height:19px;
 color:#7a7a7a;
}
.map_locater, .distance
{
float:right;
}
.distance
{
margin:0 43px 0 0;
padding:34px 0 0 0;
font:normal 14px arial;
color:#3e96c6;
}
.map_locater img
{
cursor:pointer;
}

/*--   colours page   */ 
.colours .banner
{
	width:490px;
	height:280px;
	margin:35px auto 0;
}
.next_prev
{
	float:right;
	clear:both;
	margin:15px 0 0 0;
}
.next_prev a
{
	color:#999999;
	font:normal 12px arial;
}
.next_prev a:hover
{
	color:#0085cf;
}
.next_prev span
{
	padding:0 4px;
	color:#999999;
}
.txt_container{
	font-family: 'helvetica-neue-lt-com-45-light';
    font-size: 14px;
    left: 215px;#left: 215px;
    letter-spacing: 1px;#letter-spacing: 1px;
    margin: 14px auto 0;#margin: 14px auto 0;
    position: absolute;#position: absolute;
    text-align: left;#text-align: left;
    top: 210px;#top: 210px;
    width: 417px;#width: 417px;
    z-index: -2;#z-index: -2;
}
.txt_container2{
	font-family: 'helvetica-neue-lt-com-45-light';
    font-size: 14px;
	margin-top:145px;
	margin-left:215px;
    letter-spacing: 1px;#letter-spacing: 1px;
    text-align: left;#text-align: left;
    width: 417px;#width: 417px;
}

.fabric_page
{
}
.fabric_page .header
{
	position:relative;
}
.fabric_page .menu
{
	position:absolute;
	z-index:250;
	top:390px;
}
.fabric_page .container_in
{
	width:830px;
}
.fabric_page .txt_box
{
	margin:35px 0 0;
	width:830px;
}
.fabric_page .banner
{
	width:830px;
	height:315px;
}
.fabric_page .container_main
{
	margin:4px 0 0 0;
}
.bx-prev
{
	float:right;
	margin: 0 10px 0 627px;
}
.bx-next
{
	float:right;
	margin:0 -28px 0 0;
}
.bx-next, .bx-prev
{
}
.bx-next, .bx-prev
{
	
	color: #999999;
    font: 12px arial;
    position: absolute;
    right: 32px;
    top: 360px;
}
.bx-next:hover, .bx-prev:hover
{
	color:#0085cf;
}
.divi_span
{
	width:15px;
	text-align:center;
	color:#CCCCCC;
	cursor:default;
	padding:0 5px;
}
.fabric_page .container_main h4{  
	font-family:helvetica-neue-lt-com-45-light, arial;
   font-size: 28px;
   line-height:32px;
   color: #333;   
   letter-spacing: 0;
   margin : 7px 0 0;
}
.divi2 {
    margin: 0;
    position: absolute;
    right:31px;
    top: 360px;
    z-index: 5;
}
.divi2 span{
	color:#ccc;
}