/*

  sickly green: 		rgb(201, 201, 176)

  feature colors

  optia purple:

  white border : 

*/

* {
		margin: 0px;
		padding: 0px;
	}

html {
		
	}





body {		
		background: black;
		color: white;
		font-size: 16px;
		font-family: 'Century Gothic', Tahoma, Sans-serif;		
		/*font-variant: small-caps;*/	
		/*border: solid white 1px;*/
		width: 900px;		
		margin: 20px auto 10px auto;			
	}

a {
		color: white;
		text-decoration: underline;		
	}

a:hover {
		text-decoration: none;
		border: none;
	}

.hidden {
		display: none;
	}



a img {
		border: none;				
	}

h3 {
		font-size: 16px;
		font-weight: bold;
		font-variant: small-caps;
	}

h4 {
		font-size: 18px;
		font-weight: bold;
		font-variant: small-caps;
	}


/*div#header {		
		margin-right: -20px;
		margin-bottom: -40px;
		float: left;
		height: 100px;
		z-index: 50;
		width: 300px;
		overflow: visible;
	}*/

div#header {		
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		position: absolute;		
		height: 85px;
		
		width: 300px;		
		z-index: 50;		
	}	

div#header div#transHack {		
		position: absolute;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		
		
		height: 27px;
		width: 210px;
		margin: 0px 0px 0px 90px;
		padding: 0px;
		
		background-image: url('../images/logo_black_outline_bottom2.png') !important;		
		background-image: none;
		background-position: 0px 0px;
		background-repeat: no-repeat;		
	}


div#header div#transHack {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_black_outline_bottom2.png', sizingMethod='crop');		
	}

*:first-child+html * {
		filter: none !important;
	}


div#header a {		
		display: block;
		margin: 0px;
		padding: 0px;
		height: 85px;		
		width: 300px;
		overflow: hidden;
	}

div#header img {
		height: 85px;		
		width: 300px;
		padding: 0px;
		margin: 0px;
	}






div#menu {
		/*margin-top: -100px;*/
		
		/*margin-left: 300px;*/
		padding-left: 490px;

		height: 92px;
		width: 300px;
	}


div#menu div.mainMenu {
		margin: -80px 0px 0px 0px;
	}

div#menu div.mainMenu a {
		background: rgb(202, 202, 176) center 0px no-repeat;
		/*background: rgb(167, 155, 141) center 0px no-repeat;*/
		background-image: url('images/black_hole.png') !important;
		background-image: none;	
		
		display: block;
		width: 70px;
		height: 70px;
		padding: 5px;
		overflow: hidden;
		/*letter-spacing: 0.1em;*/
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		line-height: 65px;
		font-variant: small-caps;
	}

div#menu div.mainMenu a {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/black_hole.png', sizingMethod='crop');
	}

div#menu div.mainMenu a:hover {
		/*background-color: white;*/
		/*color: rgb(202, 202, 176);*/
		/*color: black;*/
		background-color: rgb(172, 172, 150);
		text-decoration: none;
	}

div#menu div.mainMenu a:active {
	 background-color: rgb(182, 182, 156);
	}

div.mainMenu a:visited {
		color: rgb(240, 240, 240);
	}

div#menu div.mainMenu#menuRange { margin: 0px; }
div#menu div.mainMenu#menuStockists { margin-left: 100px; }
div#menu div.mainMenu#menuContact { margin-left: 200px; }
div#menu div.mainMenu#menuIntro { margin-left: 300px; }



div#menu div.subMenu {
		display: none;
	}

/* content
--------------*/

div.content {
		height: 428px;
		overflow: hidden;
		border: 1px white solid;
	}

div.content p {
		margin: 10px;
	}

div.contentTitle p {		
		font-weight: bold;
		letter-spacing: 0.12em;
	}

/* footer
------------------*/

div.footer {
		margin-top: 2px;
		height: 20px;
		font-size: 14px;
	}

div.footer p {		
		text-align: center;
	}

div.footer a#footerSite {
		float: left;
	}

div.footer a#footerTerms {
		float: right;
	}

/* flap sidebar
---------------------------*/

div#flapSidebar {		
		width: 153px;
		height: 400px;		
		text-align: right;
		overflow: hidden;
	}

div#flapSidebar a.flapsideBlock {
		text-decoration: none;
	}

div#flapSidebar img#imageCircle {		
		width: 70px;
		height: 70px;
		padding-right: 5px;				
	}

/* detail side bar
-----------------------*/

div#detailSidebar {		
		float: right;
		width: 153px;		
		height: 400px;		
		overflow: hidden;
	}



/* sidebar 
------------------*/

a.sidebarTitle,
a.sidebarBlock {		
		display: block;
		height: 41px;
		border: none;				
		/*border-bottom: solid 1px white;		*/
		padding: 6px;	

		text-decoration: none;
		text-align: left;
		font-weight: bold;
		letter-spacing: 2px;
				
	}

a.sidebarTitle {
		height: 20px;
		background: 0px 0px no-repeat;		
		background-image: url('images/black_hole_tiny.png') !important;
		background-image: none;
		text-indent: 20px;
	}

a.sidebarTitle {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/black_hole_tiny.png', sizingMethod='crop');
	}

a.sidebarTitle:hover {
		text-decoration: none;				
		background-color: rgb(202, 202, 176);
		border: none;
		/*border-bottom: solid 1px white;*/
	}

a.sidebarBlock:hover {
		text-decoration: none;
		/*color: black;*/
		
		background-color: rgb(172, 172, 150);			
		
		padding: 5px;
		border: rgb(202, 202, 176) solid 1px;
		/*border-bottom: solid 1px white;*/
	}

/* product image
--------------------*/

img.wideProductImage {
		float: right;
		border: solid 1px white;		
		height: 398px;		
	}

/* image sidebar  (3 vertically arranged images)
-------------------*/

div#imageSidebar {		
		border: solid 1px white;
		float: right;
		height: 398px;
		margin-left: 7px;
	}

div#imageSidebar img {
		display: block;
		height: 132px;		
	}

div#imageSidebar img#sideImage1,
div#imageSidebar img#sideImage2 {
		border-bottom: solid 1px white;
	}
/* mainPanel - used instead of wideProductImage and imageSidebar
-------------*/

div#mainPanel {
		float: right;
		/*width: 592px;*/
		width: 590px;
		height: 400px;		
		
	}

/* widePanel - used with status bar for full page width
------------*/

div#widePanel {		
		width: 898px;
		height: 399px;
		padding-top: 1px;
		overflow: hidden;
	}

div#largePanel {
		float: right;		
		width: 745px;
		height: 400px;
		padding-top: 1px;
	}

/* hack to insert a background images into pages 
--------*/
div#bgHack {
		width: 898px;
		height: 428px;
		margin: 0px -898px -428px 0px;		
	}

/* statusBar
------------*/

div#statusBar {		
		clear: both;
		margin-top: 0px;		
		height: 28px;		
		padding: 0px 10px;
		overflow: hidden;		
	}

div#statusBar p#strapline {		
		font-weight: bold;
		font-size: 16px;
		letter-spacing: 1px;
		font-variant: small-caps;		
		font-style: italic;
		text-align: right;
		float: right;

		margin: 0px;
		padding: 3px 0px 0px 0px;
	}


/* gallery
------------------*/

div#galleryControl {     	
     	margin-top: 270px;
		margin-left: 30px;
     	height: 30px;
	}



div#galleryControl a {
		display: block;
		height: 30px;
		width: 30px;
		margin: 0px 5px 0px 5px;		
		float: left;
		cursor: pointer; 
		
		text-decoration: none;
		text-align: center;
		line-height: 30px !important;
		line-height: 28px;
		font-weight: bold;		

		background-image: url('images/gallery_item.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/gallery_item.png', sizingMethod='crop');
	}

div#galleryControl a:hover {		
		text-decoration: none;
		background-image: url('images/gallery_hover.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/gallery_hover.png', sizingMethod='crop'); 
	}

div#galleryControl a.showing {
		cursor: default;
		color: black;
		background-image: url('images/gallery_showing.png') !important;
		background: 0px 0px no-repeat;		
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/gallery_showing.png', sizingMethod='crop'); 
	}

div#galleryControl a.showing:hover {
		
		
	}

div#galleryControl a#galleryControlBack {
		font-size: 0%;
		background-image: url('images/arrow_big_previous.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_big_previous.png', sizingMethod='crop'); 
	}

div#galleryControl a#galleryControlForward {
		font-size: 0%;
		
		background-image: url('images/arrow_big_next.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_big_next.png', sizingMethod='crop'); 
	}

div#galleryControl a#galleryControlBack:hover {
		color: rgb(202, 202, 176);		
		background-image: url('images/arrow_big_previous_hover.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_big_previous_hover.png', sizingMethod='crop'); 
	}

div#galleryControl a#galleryControlForward:hover {		
		color: rgb(202, 202, 176);
		background-image: url('images/arrow_big_next_hover.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_big_next_hover.png', sizingMethod='crop'); 
	}




/* trail
-----------------------*/

div.trailControl a {
		display: block;
		height: 20px;		
		margin: 2px 0px 0px 0px;		
		padding: 2px 2px 2px 5px;
		text-decoration: none;
		float: left;
		font-size: 13px;		
		line-height: 20px;
		font-weight: bold;
		overflow: hidden;


		background-image: url('images/green_gauze.png') !important;
		background: 0px 0px repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/green_gauze.png', sizingMethod='scale');
	}

div.trailControl a:hover {
		text-decoration: none;
		cursor: pointer;
		padding: 1px 1px 1px 4px;
		background: rgb(172, 172, 150);
		border: rgb(202, 202, 176) solid 1px;
	}

div.trailControl a.trailNext {
		float: right;
		padding: 3px 2px 1px 5px !important;
		padding: 2px 2px 2px 5px;
	}

div.trailControl a.trailPrevious {		
		padding: 3px 5px 1px 2px !important; 
		padding: 2px 5px 2px 2px;
	}

div.trailControl a.trailNext:hover {
		padding: 2px 1px 0px 4px !important;
		padding: 1px 1px 1px 4px;
	}


div.trailControl a.trailPrevious:hover {
		padding: 2px 4px 0px 1px !important;
		padding: 1px 4px 1px 1px;
	}


div#statusBar div.trailControl {
		width: 290px;
	}






/*div.trailControl a.trailNext span.trailArrow  {		
		background-image: url('images/arrow_next.png') !important;
		background: 0px 0px no-repeat;
	   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_next.png', sizingMethod='crop');
	}*/

div.trailControl a.trailPrevious span.trailArrow {		
		background-image: url('images/arrow_previous.png') !important;
		background: 0px 0px no-repeat;
	   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_previous.png', sizingMethod='crop'); 
	}



/*div.trailControl a.trailNext:hover span.trailArrow  {
		background-image: url('images/arrow_next_hover.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_next_hover.png', sizingMethod='crop'); 
	}*/

div.trailControl a.trailPrevious:hover span.trailArrow {
		background-image: url('images/arrow_previous_hover.png') !important;
		background: 0px 0px no-repeat;
	   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_previous_hover.png', sizingMethod='crop'); 
	}

div.trailControl a span.trailArrow,
a.linkArrow span,
a.backLinkArrow span,
a.upLinkArrow span,
a.downLinkArrow span {
		/* non - IE browsers */
		display: inline !important;
		padding: 4px 12px 6px 8px !important;				

		/* IE */
		display: inline-block;
		height: 17px;
		width: 20px;
		padding: 0px 0px 4px 5px;
		margin: 0px 0px 0px 2px;

		vertical-align: middle !important;
		vertical-align: auto;

		/*border: solid 1px white;*/

		text-decoration: none;
		line-height: 20px;		
		font-size: 9px !important;
		font-size: 0%;
		

		color: white !important;
		color: rgb(202, 202, 176);

		background-image: url('images/arrow_next.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_next.png', sizingMethod='crop'); 
	}

div.trailControl a:hover span.trailArrow,
a.linkArrow:hover span,
a.backLinkArrow:hover span,
a.upLinkArrow:hover span,					
a.downLinkArrow:hover span {
		cursor: pointer;
		
		color: white;
		color: rgb(202, 202, 176) !important;


	 	background-image: url('images/arrow_next_hover.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_next_hover.png', sizingMethod='crop'); 
	}


a.linkArrow,
a.backLinkArrow,
a.upLinkArrow,
a.downLinkArrow {
		display: block;
		position:absolute;
		left: auto;
		top:auto;
		right: auto;
		bottom: auto;
		overflow: hidden;

		letter-spacing: 2px;
		white-space: nowrap;
		text-decoration : none;

		height: 20px;
		line-height: 20px;
		font-weight: bold;
		font-size: 15px;
		padding: 5px 5px 5px 10px;
		
		background-image: url('images/green_gauze.png') !important;
		background: 0px 0px repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/green_gauze.png', sizingMethod='scale'); 		

	}

a.linkArrow:hover,
a.backLinkArrow:hover,
a.upLinkArrow:hover,
a.downLinkArrow:hover {
		cursor: pointer;
		background: rgb(172, 172, 150);
		border: rgb(202, 202, 176) solid 1px;
		padding: 4px 4px 4px 9px;
	}

a.backLinkArrow,
a.upLinkArrow,
a.downLinkArrow {				
		padding: 5px 10px 5px 5px;		
	}



a.backLinkArrow:hover,
a.upLinkArrow:hover,
a.downLinkArrow:hover {				
		padding: 4px 9px 4px 4px;
	}

a.backLinkArrow span{
		margin: 0px 2px 0px 0px;
		background-image: url('images/arrow_previous.png') !important;
		background: 0px 0px no-repeat;
	   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_previous.png', sizingMethod='crop'); 
	}

a.backLinkArrow:hover span {
		background-image: url('images/arrow_previous_hover.png') !important;
		background: 0px 0px no-repeat;
	   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_previous_hover.png', sizingMethod='crop'); 
	} 

a.upLinkArrow span {
		margin: 0px 2px 0px 0px;
		background-image: url('images/arrow_up.png') !important;
		background: 0px 0px no-repeat;
	   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_up.png', sizingMethod='crop'); 		
	}

a.upLinkArrow:hover span {
		background-image: url('images/arrow_up_hover.png') !important;
		background: 0px 0px no-repeat;
	   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_up_hover.png', sizingMethod='crop'); 
	}

a.downLinkArrow span {
		margin: 0px 2px 0px 0px;
		background-image: url('images/arrow_down.png') !important;
		background: 0px 0px no-repeat;
	   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_down.png', sizingMethod='crop'); 		
	}

a.downLinkArrow:hover span {
		background-image: url('images/arrow_down_hover.png') !important;
		background: 0px 0px no-repeat;
	   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/arrow_down_hover.png', sizingMethod='crop'); 
	}


div.linkArrowWrapper {
		height: 50px;
		margin-left: 30px;
	}

/* this picture
-------------------*/

a#thisPicture {
		/*position: absolute;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;*/

		float: right;
		               
		margin-top: 0px;		
		margin-right: 10px;
		padding: 1px 3px 2px 3px;

		/*margin-left: 690px;		
		margin-top: 400px;
		margin-bottom: -422px;*/

		background-image: url('images/green_gauze.png') !important;
		background: 0px 0px repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/green_gauze.png', sizingMethod='scale');
		
		font-size: 11px;
		line-height: 11px;
		font-weight: bold;
		letter-spacing: 1px;
		text-decoration: none;
		text-align: center;
	}

a#thisPicture:hover {
		background: rgb(172, 172, 150);
		border: rgb(202, 202, 176) 1px solid;
		padding: 0px 2px 1px 2px;
		cursor: pointer;
	}


/* intro
------------------*/

body#bodyIntro {
		width: 902px;
	}

div#contentIntro {				
		height: 400px;				
		border: white solid 1px;
		background: url('images/intro_negative2.jpg') 0px 0px no-repeat;
		/*background: rgb(202, 202, 176);*/
	}

div#contentIntro div#introLogo{
		position: absolute;
		left: auto;
		top:auto;
		right: auto;
		bottom: auto;			
		
		margin-top: 100px;
		margin-left: 560px;
		width: 294px;
		height: 107px;
		
		background-image: url('../images/intro_logo.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/intro_logo.png', sizingMethod='crop');
	}

div#contentIntro p#introTitle {
		position: absolute;
		left: auto;
		top:auto;
		right: auto;
		bottom: auto;	
		
		width: 400px;
		
		margin-top: 257px;
		/*margin-left: 133px;*/
		margin-left: 500px;

		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: 3px;		
	}

div.cells {		
		width: 550px;
	}

div#contentIntro div.cell {
		background-image: url('images/white_dot2.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/white_dot2.png', sizingMethod='crop');  
		height: 133px;
		width: 133px;
		border: none;
		padding: 0px;
		margin: 0px;
		float: left;
	}



div#contentIntro div#cell21 {		
		background-image: url('../images/products/bergamo_intro.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/products/bergamo_intro.png', sizingMethod='crop');  
	}

div#contentIntro div#cell22 {
		background-image: url('../images/products/concord_slimline_intro.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/products/concord_slimline_intro.png', sizingMethod='crop');  
	}

div#contentIntro div#cell23 {
		background-image: url('../images/products/excel_intro.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/products/excel_intro.png', sizingMethod='crop');  
	}

div#contentIntro div#cell24 {
		background-image: url('../images/products/optia_intro.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/products/optia_intro.png', sizingMethod='crop');  
	}



body#bodyIntro div#footer {
		margin-top: 5px;
		margin-left: 805px;		
	}

body#bodyIntro div#footer a {
		background-image: none !important;
		filter: none;
	}

/*
		font-size: 0.8em;
		text-align: right;
	}

body#bodyIntro p#footer a {
		text-decoration: none;
	}

body#bodyIntro p#footer a:hover {
		text-decoration: underline;
	}*/


/* index
----------------------*/
div#contentIndex {		
		background: url('../images/products/gallery/optia1.jpg') 0px 0px no-repeat;
	}


div#contentIndex div#statusBar,
div#contentIndex div#flapSidebar,
div#contentIndex div#detailSidebar,
div#contentIndex div#mainPanel {
		background: none;
		border: none;
		padding: 1px;
	}

div#contentIndex div#statusBar p#strapline {
		padding-left: 10px;
		text-align: left;
		float: none;
	}

div#contentIndex div#leftPanel {		
		width: 450px;
		height: 130px;
		font-size: 15px;
	}
/*
div#contentIndex a#headlineRange {		margin-left: 20px;	margin-top: 150px;}
div#contentIndex a#headlineGallery {	margin-left: 70px;	margin-top: 200px;}
div#contentIndex a#headlineColour {		margin-left: 120px;	margin-top: 250px;}
div#contentIndex a#headlineStockists {	margin-left: 170px;	margin-top: 300px;}	
*/


/* range
--------------------*/

div#contentRange {		
		background: url('../images/products/gallery/concord_slimline5.jpg') 0px 0px no-repeat;
	}

div#contentRange div#rangeBlurb {
		width: 550px;
	}

div#contentRange div#brochureDownload,
div#contentRange div#linkAccessories {
		margin-left: 300px;		
	}

div#contentRange div#stelradUKLink {
		margin-left: 300px;
		margin-bottom: -100px;
	}


/*
div#contentRange div#rangeBlurb {
		width: 700px;
	}

div#contentRange div#linkGallery {
		margin-top: -150px;
		margin-left: 530px;
	}

div#contentRange div#linkColourOptions {
		
		margin-left: 530px;
	}
*/

/*
---------*/

body.tubular div#contentCategory {
		background: url('../images/products/gallery/wave3.jpg') 0px 0px no-repeat;
	}
body.designer div#contentCategory {
		background: url('../images/products/gallery/excel5.jpg') 0px 0px no-repeat;
	}
body.towel div#contentCategory {
		background: url('../images/products/gallery/esprit1.jpg') 0px 0px no-repeat;
	}


/*----------*/
body.tubular div#categoryBlurb {
		width: 300px;
	}

body.tubular div.categoryProductHolder {
		margin-top: 40px;
	}

body.tubular div.linkArrowWrapper {		
		margin-left: 50px;
	}

/*----------*/

body.designer div#categoryBlurb {
		width: 730px;	
	}

body.designer div.linkArrowWrapper {				
		margin-bottom: -5px;
	}


/*----------*/
body.towel div#categoryBlurb {
		width: 300px;
	}

body.towel div.categoryProductHolder {
		margin-top: 40px;
	}

body.towel div.linkArrowWrapper {		
		margin-left: 50px;
	}




/* product
-------------------------*/


div#contentProduct div {
		border: none;
	}

div#contentProduct div.contentTitle {
		display: none;
	}

div#contentProduct img.wideProductImage {
		border: none;
		border-left: solid 1px white;
		border-bottom: solid 1px white;
	}

div#contentProduct div#imageSidebar {
		border: solid 1px white;
		border-top: none;
		margin-left: 0px;
	}
div#contentProduct a.thisProduct {
		border-bottom: none;
		padding: 1px;
	}


div#contentProduct div.linkArrowWrapper,
div#contentProductSpecs div.linkArrowWrapper {
		margin: 10px 0px 0px 10px !important;
		margin: 10px 0px 0px 10px;
	}

div#contentProduct div.linkArrowWrapper,
div#contentProductSpecs div.linkArrowWrapper {
		margin-left: 0px !important;
		margin-left: 0px;	
	}



div#contentProduct div.linkArrowWrapper a,
div#contentProductSpecs div.linkArrowWrapper a {		
		background-image: none !important;
		filter: none;
	}

div#contentProduct div#flapSidebar div.linkArrowWrapper a.upLinkArrow, 
div#contentProductSpecs div#flapSidebar div.linkArrowWrapper a.upLinkArrow,
div#contentProduct div#detailSidebar div.linkArrowWrapper a.backLinkArrow,
div#contentProductSpecs div#detailSidebar div.linkArrowWrapper a.backLinkArrow,
div#contentProduct div#detailSidebar div.linkArrowWrapper a.linkArrow,
div#contentProductSpecs div#detailSidebar div.linkArrowWrapper a.linkArrow {
		margin-left: 5px !important;
		margin-left: 5px;		
		width: 137px;
		padding-right: 1px !important;
		padding-left: 5px !important;
		background-image: none !important;
		filter: none;
	}

div#contentProduct div#flapSidebar div.linkArrowWrapper a.upLinkArrow, 
div#contentProductSpecs div#flapSidebar div.linkArrowWrapper a.upLinkArrow {
		margin-top: 5px;
		margin-left: 5px !important;
		margin-left: -148px;
	}

div#contentProduct div#flapSidebar div.linkArrowWrapper a.upLinkArrow:hover, 
div#contentProductSpecs div#flapSidebar div.linkArrowWrapper a.upLinkArrow:hover,
div#contentProduct div#detailSidebar div.linkArrowWrapper a.backLinkArrow:hover,
div#contentProductSpecs div#detailSidebar div.linkArrowWrapper a.backLinkArrow:hover,
div#contentProduct div#detailSidebar div.linkArrowWrapper a.linkArrow:hover,
div#contentProductSpecs div#detailSidebar div.linkArrowWrapper a.linkArrow:hover {
		padding-right: 0px !important;
		padding-left: 4px !important;		
	}

div#contentProduct div#flapSidebar div.linkArrowWrapper a.upLinkArrow, 
div#contentProductSpecs div#flapSidebar div.linkArrowWrapper a.upLinkArrow,
div#contentProduct div#detailSidebar div.linkArrowWrapper a.backLinkArrow,
div#contentProductSpecs div#detailSidebar div.linkArrowWrapper a.backLinkArrow {
		text-align: center;		
	}

div#contentProduct div#detailSidebar div.linkArrowWrapper a.linkArrow span,
div#contentProductSpecs div#detailSidebar div.linkArrowWrapper a.linkArrow span {
		padding-right: 0px !important;
		/*margin-top: -20px;*/				
		float: right;		
	}

div#contentProduct div#flapSidebar div.linkArrowWrapper a.upLinkArrow span, 
div#contentProductSpecs div#flapSidebar div.linkArrowWrapper a.upLinkArrow span,
div#contentProduct div#detailSidebar div.linkArrowWrapper a.backLinkArrow span,
div#contentProductSpecs div#detailSidebar div.linkArrowWrapper a.backLinkArrow span {
		float: left;
	}

div#contentProduct div#detailSidebar div.linkArrowWrapper,
div#contentProductSpecs div#detailSidebar div.linkArrowWrapper {		
		margin-left: 0px;
		height: 41px;
	}

div#contentProduct div#flapSidebar p,
div#contentProductSpecs div#flapSidebar p {
		padding-right: 20px;
		padding-top: 95px;		
	}

div#contentProduct div#flapSidebar div.linkArrowWrapper a.upLinkArrow span, 
div#contentProductSpecs div#flapSidebar div.linkArrowWrapper a.upLinkArrow span {
		/*float: left;*/
	}

div#contentProduct div#flapSidebar a.flapsideBlock,
div#contentProductSpecs div#flapSidebar a.flapsideBlock {
		display: block;
		
		border: none;				
		margin-top: 50px;
		/*border-bottom: solid 1px white;		*/
		/*padding: 4px 5px 5px 5px;	*/

		text-align: right;		
		font-weight: bold;
		letter-spacing: 2px;
		font-variant: small-caps;
		padding: 5px 30px 5px 5px;
		cursor: pointer;
	}

div#contentProduct div#flapSidebar a.flapsideBlock img#imageCircle,
div#contentProductSpecs div#flapSidebar a.flapsideBlock img#imageCircle {
		padding-top: 10px;
		padding-left: 60px;
	}

div#contentProduct div#flapSidebar a.flapsideBlock span.imageCircle,
div#contentProductSpecs div#flapSidebar a.flapsideBlock span.imageCircle {
		height: 70px;
		width: 70px;
		display: block;
		margin-top: 10px;
		margin-left: 60px;
	}

div#contentProduct div#flapSidebar a.flapsideBlock:hover,
div#contentProductSpecs div#flapSidebar a.flapsideBlock:hover {
		text-decoration: none;
	}

div#contentProduct div.trailControl a,
div#contentProductSpecs div.trailControl a {
		background-image: none !important;
		filter: none;
	}

div#contentProduct div#detailSidebar div#details,
div#contentProductSpecs div#detailSidebar div#back {
		margin-top: 132px !important;
		margin-top: 132px;
	}


div#contentProduct div#detailSidebar div#stockists,
div#contentProductSpecs div#detailSidebar div#stockists {
		margin-top: 43px !important;
		margin-top: 43px;
	}



div#contentProduct div#accessory,
div#contentProductSpecs div#accessory {
		overflow: hidden;
		height: 73px;
		margin-bottom: -74px;
		border-bottom: solid 1px white;
	}

div#contentProduct div#accessory h3,
div#contentProductSpecs div#accessory h3 {
		text-align: center;
	}

div#contentProduct div#accessory a,
div#contentProductSpecs div#accessory a {
		display: block;
		height: 40px;
		width: 40px;
		padding: 5px;
		float: left;
	}

div#contentProduct div#accessory a:hover,
div#contentProductSpecs div#accessory a:hover {
		cursor: pointer;
	}

div#contentProduct div#accessory a span.accessoryImage,
div#contentProductSpecs div#accessory a span.accessoryImage {
		display: block;
		height: 40px;
		width: 40px;
	}

/* Specs and prices
-----------------*/

div#contentProductSpecs div#mainPanel {
		
		border: solid 1px  white;
		border-top: none;
		/*background: rgb(202, 202, 176);*/
		overflow: hidden;
		height: 398px;
		/*margin-bottom: -1px;/* for the border */
	}

div#contentProductSpecs div#mainPanel ul {
		margin-top: -5px;
		margin-left: 5px;
		list-style: none;
		
	}

div#contentProductSpecs div#mainPanel ul li {
		width: 195px;
		margin: 5px 0px 15px 0px;
		padding-left: 15px;

		line-height: 17px;

		background-image: url('images/list_image.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/list_image.png', sizingMethod='crop');
	}

div#contentProductSpecs div#mainPanel img#specImage {
		float: right;
		border-left: solid 1px white;
		
	}

/* Product Colours
------------*/

div#contentProductColours {
		padding: 0px;
	}

div#contentProductColours div.contentTitle {
		display: none;
	}

div#contentColours div.trailControl a,
div#contentProductColours div.trailControl a {
		background-image: none !important;
		filter: none;
	}

div#contentColours p#colorSizeWarning {
		float: right;
		font-size: 12px;
		margin: 0px;
	}

div#contentColours a#currentProduct,
div#contentColours span#currentColour {
		font-weight: bold;
		letter-spacing: 2px;
		padding: 2px 10px;
	}

div#contentColours span#currentColourSwatch {
		border: solid 1px white;
		font-size: 14px;
		vertical-align: middle;
		line-height: 10px;
		padding: 0px 6px 0px 5px;
	}

div#contentColours p.explanation {
		float: right; 
		width: 135px;
		
		margin: 40px 0px 0px 0px;
	}

div#contentColours div.tabbedPane {
		margin-top: 10px;
	}


div#productPalette,
div#colourPalette,
div#maskWrapper5,
div#maskWrapper4,
div#maskWrapper3,
div#maskWrapper2,
div#maskWrapper {
		margin: 0px 0px 0px 0px;
		float: right;
		width: 370px;
		padding: 5px 0px;
		/*width: 230px; */
		height: 288px;
		overflow: auto;
		border: solid 1px white;
	}

div#maskWrapper5,
div#maskWrapper4,
div#maskWrapper3,
div#maskWrapper2,
div#maskWrapper {
		height: 298px;
		padding: 0px;
		overflow: hidden;
	}

div.colour {
		width: 70px;
		float: left;		
		cursor: pointer;
	}


div#colourPalette div.colourBlock {
		margin: 0px 10px;
		width: 50px;
		height: 50px;		
		background-image: url('images/black_hole_small.png') !important;
		background: 0px 0px no-repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/black_hole_small.png', sizingMethod='crop');  
	}

div#colourPalette div.colour p.colourLabel,
div#productPalette div.product p.productLabel {
		margin: 0px 0px 10px 0px;
		padding: 0px;
		font-size: 11px;
		font-weight: bold;
		text-align: center;		
	}

div#productPalette div.productBlock {
		margin: 0px 20px;
		width: 70px;
		height: 70px;
	}

div#productPalette div.product p.productLabel {
		font-size: 14px;
		letter-spacing: 1px;
		height: 30px;
	}

div#productPalette div.product {
		width: 110px;
		float: left;
		cursor: pointer;
	}

div#productPalette h3,
div#colourPalette h3 {
		clear: both;
		margin: 5px 0px 15px 0px;
		padding: 0px 10px;
		border-bottom: solid 1px white;
	}

#bathroom1ColorMask,
#bathroom2ColorMask,
#bathroom3ColorMask,
#room1ColorMask,
#bareColorMask {
		width: auto !important; 
		width: 370px;

		height: auto !important; 
		height: 298px;	
		
		margin: 0px;			
		padding: 0px;		
	}

p#mockTitle {
		clear: both;
	}

p#maskLoading {
		margin: 0px 0px 0px 0px;
		padding: 0px;
		z-index: -1;
		height: 400px;
		width: 494px;
		line-height: 400px;
		text-align: center;
	}

div#contentColours div#mask,
div#contentColours div#palette {
		float: left;
		width: 370px;		
	}

div#contentColours div#palette {
	 	
	}

.tabs {
		padding: 5px 5px 0px 5px;
	}

div#palette .tab,
div#palette .tabSelected,
div#palette .tabSelectedOver,
div#palette .tabOver {
		width: 100px;
	}




.tab,
.tabSelected,
.tabSelectedOver,
.tabOver {
		display: block;		
		width: 65px;
		height: 20px;

		float: left;

		list-style: none;
		padding: 5px 2px;
		
		background-image: url('images/green_gauze.png') !important;
	   	background: 0px 0px repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/green_gauze.png', sizingMethod='scale');

		font-weight: bold;
		font-variant: small-caps;
		text-align: center;
	}

.tabSelected,
.tabSelectedOver,
.tabOver {
		background: rgb(172, 172, 150);
		border: white 1px solid;
		border-bottom: none;
		padding: 4px 1px 5px 1px;
		filter: none;
		cursor: pointer;
	}

.tabPanel,
.tabPanelSelected {
		border: solid 1px white;
		width: 370px;
		height: 400px;
		display: none;
	}

.tabPanelSelected {
		display: block;
	}


/* Product Gallery
-------------*/

div#contentProductGallery div.contentTitle {
		display: none;
	}

div#contentProductGallery div.linkArrowWrapper {		
		margin: 10px 0px 0px 10px;
		height: 30px;
	}	


div#contentProductGallery div#statusBar div.trailControl {		
	}



/* Gallery
-----------*/

div#contentGallery div#statusBar div.trailControl {
		/*width: 450px;*/
	}

div#contentGallery a.galleryThumbLink {
		float: left;
		text-decoration: none;
		padding-bottom: 10px;
	}

div#contentGallery a.galleryThumbLink:hover {
		cursor: pointer;
	}

div#contentGallery a.galleryThumbLink img {
		border: solid 1px white;
		border-left: none;
		margin: 0px;
		padding: 0px;
	}

div#contentGallery a.galleryThumbLink span.thumbLabel {
		width: 90px;
		height: 35px;
		padding: 3px 5px;
		display: block;
		
		font-weight: bold;
		letter-spacing: 2px;
		font-size: 14px;
	}

div#contentGallery a.galleryThumbLink:hover span.thumbLabel {
		padding: 2px 4px;
		
		background-color: rgb(172, 172, 150);
		border: rgb(202, 202, 176) solid 1px;
	}

div#contentGallery h3 {

		border: solid 1px white;
		background-color: rgb(172, 172, 150);
		border-left: none;
		
		
		width: 90px;
		height: 40px;
		padding: 5px 5px 3px 5px;
		float: left;
		clear: left;
		
		
		text-transform: uppercase;
		font-size: 14px;
		letter-spacing: 2px;
		font-weight: bold;
	}

div#contentGallery div.trailControl a {
		background-image: none !important;
		filter: none;
	}


/*
div#contentGallery a.galleryThumbLink {
		text-decoration: none;
		display: block;
		float: left;		
		width: 150px;
		height: 72px;
		margin: 3px 0px;
		padding: 0px;
		border: solid 1px white;
		border-left: none;

		overflow: hidden;
	}

div#contentGallery a.galleryThumbLink:hover {
		background: rgb(202, 202, 176);
	}

div#contentGallery a.galleryThumbLink img {
		display: block;
		width: 150px;
		height: 72px;
		margin: 0px -150px -72px 0px;
		padding: 0px;
	}
div#contentGallery a.galleryThumbLink:hover img {
		visibility: hidden;
	}

 
div#contentGallery a.galleryThumbLink span.thumbLabel {
		font-weight: bold;
		letter-spacing: 2px;
		width: 120px;
		margin: 3px 5px;
		display: block;		
	}
*/


/* Accessories
--------------*/

div#contentAccessories {
		background: url('../images/products/gallery/vistaline2.jpg') 0px 0px no-repeat;
	}

div#contentAccessories div.accessory {
		height: 110px;
		padding: 0px 10px;
		margin-left: 30px;
		margin-top: 10px;
		margin-bottom: 5px;
		width: 820px;


	}

div#contentAccessories div.accessory div.bigImage {
		float: left;
		clear: left;
		height: 80px;
		width: 80px;
		margin-right: 30px;		
	}

div#contentAccessories div.accessory div.accessoryText {
		height: 80px;
		width: 250px;
		margin-left: 120px;
		background-image: url('images/green_gauze.png') !important;
	   	background: 0px 0px repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/green_gauze.png', sizingMethod='scale');
	}

div#contentAccessories div.accessory h3 {
		padding: 10px;
	}

div#contentAccessories div.accessory ul {
		float: right;
		width: 400px;
	}

div#contentAccessories div.accessory li {
		float: left;
		list-style: none;
	}

div#contentAccessories div.accessory li a {
		display: block;
		width: 100px;		
		height: 90px;
		margin: 0px 10px 0px 10px;

		text-align: center;		
		text-decoration: none;
		font-weight: bold;
		font-variant: small-caps;
		letter-spacing: 2px;
	}

div#contentAccessories div.accessory li a span.productLabel {
		display: block;
		height: 19px;
		padding: 5px;
		/*background-image: url('images/green_gauze.png') !important;
	   	background: 0px 0px repeat;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/images/green_gauze.png', sizingMethod='scale');*/
	}

div#contentAccessories div.accessory li a:hover span.productLabel {
     	padding: 4px;
     	cursor: pointer;
		background: rgb(172, 172, 150);
		border: rgb(202, 202, 176) solid 1px; 
	}

div#contentAccessories div.accessory li span.imageCircle {
		margin-left: 15px;
		height: 70px;
		width: 70px;
		display: block;
		margin-bottom: 5px;
		margin-top: 5px;
	}


/* Stockists
------------*/

div#contentStockists {
		overflow: hidden;		
	}

div#contentStockists img#areaMap { 
		float: left;
		border: none;
		padding-right: 10px;
	}

div#contentStockists form {
		float: left;
		width: 280px;
	}

div#contentStockists form label {		
		float: left;
				
	}

div#contentStockists form select {
		float: left;
	}

div#contentStockists form input {
		margin: 0px 3px;
		float: left;
		width: 100px;
	}
	
div#contentStockists form input.inputButton {
		margin: 0px 3px;
		width: 60px;

	}

div#contentStockists p#multimap {
		margin: 40px 0px 0px 0px;				
	}

div#contentStockists p#multimap img {
		vertical-align: top;
	}


div#contentStockists iframe {
		background: black;
		border: black solid 1px;
		border-left: white solid 1px;
		margin: 0px 0px 0px 5px;
		/*padding-bottom: 5px;*/
		width: 300px;
		height: 425px;
		float: right;
		overflow: auto;		
	}


/* Locator
-----------------*/

body#bodyLocator {
		margin: 0px;
		padding: 0px;
		width: auto;
		height: auto;
	}


body#bodyLocator li {
		list-style: none;
		margin: 10px;		
		border-bottom: white solid 1px;
	}

body#bodyLocator li p {
		margin: 0px;
	}

body#bodyLocator p.sRegion {
		display: none;
	}

body#bodyLocator p.blank {
		margin: 10px;
	}

body#bodyLocator p {
		margin: 10px;
		font-size: 14px;
	}

body#bodyLocator h3 {		
		margin-bottom: 5px;		
	}

body#bodyLocator .sAddress1,
body#bodyLocator .sAddress2,
body#bodyLocator .sAddress3,
body#bodyLocator .sAddress4,
body#bodyLocator .sPostcode {		
		display: block;
		padding: 0px;
		margin: 0px 0px 0px 20px;
		font-size: 14px;
		/*margin-left: 10px;		*/
	}



body#bodyLocator p.sTelephone {
		margin-left: 20px;
	}

body#bodyLocator div.linkArrowWrapper {		
		margin-left: 0px;
		height: 35px;
	}

body#bodyLocator div.linkArrowWrapper a {
		background-image: none !important;
		filter: none;
	}





/* Contact
------------*/

div#contentContact {
		/*color: black;*/
		background: url('../images/products/gallery/excel3.jpg') 0px 0px no-repeat;		
	}

body.contact_homeowners div#contentContact {
		background: url('../images/products/gallery/concord_slimline1.jpg') 0px 0px no-repeat;		
		/*color: white;*/
	}

body.contact_homeowners div#contentContact div#widePanel {		
		margin-left: 540px;
		/*width: 400px;*/
		color: white;
	}

body.contact_homeowners div#contentContact div#widePanel a {		
		color: white;
	}


body.contact_retail div#contentContact {
		background: url('../images/products/gallery/lecco2.jpg') 0px 0px no-repeat;
		color: white;
	}

body.contact_retail div#contentContact a {
		color: white;
	}


body.contact_retail div#contentContact div#widePanel {
		margin-left: 540px;	
		overflow: hidden;
	}

div#contentContact div#widePanel {
		margin-left: 10px;
		width: 350px;
	}

div#contentContact {
		color: black;
	}

div#contentContact a {
		color: black;
	}

div#contentContact div#upContact {
		margin: 15px 0px 20px 10px !important;
		margin: 15px 0px 20px 10px;
		height: 35px;
		
	}



div#contentContact a {
		/*color: black;*/
	}

div#contentContact div.contactBlock	{
		width: 400px;
		float: left;
		padding: 10px;
	}


div#contentContact div.contactBlock	h3 {
		text-align: center;		
	}	


/*
----------------------*/

body#bodySite div.content,
body#bodyTerms div.content,
body#bodyCopy div.content {				
		overflow: auto;
		width: 880px;
		padding: 0px 20px;
	}



body#bodyTerms h3 {
		margin-top: 30px;		
	}

body#bodySite div.content li {
		list-style: none;
	}

body#bodySite div.content ul {
		margin: 15px 0px 15px 30px;
		padding: 5px;
	}

body#bodySite div.content p.siteFolder {
		color: white;
		font-variant: small-caps;
		letter-spacing: 0.12em;
	}


/* PRINTING
------------------*/



@media print {



	body {  			
			margin: 20px;
		}

	div#menu {
			display: none;
		}

	div#header {
			position: static;
			margin-bottom: 40px;
		}	

	body#bodyLocator div.linkArrowWrapper {
			display: none;
		}

	body#bodyLocator li.stockist {
			page-break-before: ;
		}




}