body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#ffffff;
	background: #aaaaaa ; 
/* 	
	background: #615d5d url(../images/background_flattened.gif) top center no-repeat;
*/
 	margin:0px;
	padding:0px
}	

form {
	margin-top:0px;
	margin-bottom:0px;
}

form br , .clear {
	clear:both;
}

input, select, textarea {
	font-size:80%; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#615d5d;
	/*
	background-color:#ffffff;
	*/
	font-weight:bold;
}


legend {
	border:1px solid #CCCCCC;
	background-color:#eee;
}


.normal {
	font-weight:normal;
	font-style:normal;
}

/* ======================================== */
/* rules for the brochure request form  and its elements */



.orangebox {
	padding:10px;
	background:url(../images/orange_box_round.gif) no-repeat top center;
	width:248px;
	height:120px;
	font-size:85%;
}


.orangebox p {

}

/* ============================================== */


.brochure_box {
	width:380px;
}

.brochure_box p {
	margin:0 0 5px 0;
	clear: both;
	color:#EE6622;
}

.brochure_box form label {
	float:left;
	width:120px;
	color:#EE6622;
/*	
	color:#FFFFFF;
	background-color:#EE6622;
	font-weight:bold;
*/
}


.brochure_box form input, .brochure_box form select {
	float:right;
	width:230px;
}

.brochure_box  .align_left  {
	float:left;
	width:20px;
}

.brochure_box  .align_right  {
	float:right;
	width:90%;
}


/* set width and height for both type of buttons */

.brochure_box form input.button_enter , .brochure_box form input.button_blank {
	width:100px;
	height:21px;
	border: none ;
	clear:both;
	color:#000000;
	text-decoration:none;
	text-align:center;
	float:right;
}

.brochure_box form input.tick_box {
	width:15px;
	clear:both;
	float:none;
}


/* set different background image for each different type of button  */

.button_enter  {
	background:url(../images/button_enter.gif) no-repeat center center ;
}

.button_blank{
	margin-top:4px;
	background:url(../images/button_blank.gif) no-repeat center center;
	width: 40px;
	float: none;
	clear: both;
}

/* ======================================================================== */

/* zoom hyperelink for swatches.  Chmages the background to a magnifying glass when hovering over */


a.zoom, a.zoom:hover , #zoomImage a {
    display:block;
    width:100%;
    height:100%;
	min-height:100%;
    background: none ;
	text-decoration:none;
}

a.zoom:hover , #zoomImage a:hover {
    background:url(../images/magnifying_glass.png) no-repeat center;
}

/* ======================================================================== */
/* classes used to show list as an inline string  */

ul.simple {
	list-style: none none outside;
	margin:0 0 0 0 ;
	padding:0 0 0 0 ;
	clear:both;
}

ul.simple li  {
	float : left ;
	width:100px;
	height:100px;
}

/* ======================================================================== */

form table tr td , form table tr th  {
	padding:2px;
}

/* ======================================================================== */

h1,h2,h3,h4,h5,h6 { 
	color: #ffffff ;
}

h1 {font-size:130%;}
h2 {font-size:120%;}
h3 {font-size:110%;}
h4 {font-size:105%;}
h5 {font-size:100%;}
h6 {font-size:90%;}


ul {
	list-style-type:none;
	list-style-image:url(../images/bullet.gif) ;
	list-style-position:inside;
	margin-left:0px;
	padding-left:0px;
}

ul ul {
	list-style-type:none;
	list-style-image:url(../images/bullet_sub_list.gif) ;
	list-style-position:outside;
	margin-left:20px;
	padding-left:20px;
}

em {
	font-style:normal;
}


a , a:link, a:visited {
	color: #EE6622;
}

a:hover {
	text-decoration : none;
	color: #EE6622;
}

a:active {
	color: #EE6622;
}


.errormessage {
	background-color:#990000;
	color:#ffffff;
	font-weight:bold;
	padding:4px;
	text-align:center;
}

label  ,  .label {
	width:170px;
	text-align:right;
	padding:2px;
	color:#000000;
	display:block;

}

.close_type {
	margin:0;
	margin-bottom:3px;
}

.black {
	color:#000000 ;
	margin:0; 
	font-size:80%;
}

.orange {
	color: #EE6622 ; 
}

.left {
	float:left;
}
.right {
	float:right;
}
.centered {
	text-align: center;
}


.hilite {
	font-weight:bold;
	background-color:#FFFF66;
}

.custhilite {
	font-weight:bold;
}


.credits {
	text-align: center ;
}


.pagename {
	color:#444444;
	font-size:9pt;
}


.content {
	padding-top : 5px;
}


/* 
.content h1 , .content p {
	margin: 0px ; 
}
*/

.smalltext {
	font-size:90%;
}
.tinytext {
	font-size: 80%;
}


.smallnormal {
	font-size:90%;
	font-weight:normal;
}



.linethrough {
	text-decoration:line-through;
	color:#999999;
}

/* ====================================================  */


#map {
	margin:0;
}

/* ====================================================  */

/* these are rules that hide certain elements on the screen, but which will be revealed when 
 printed out.  The oposite of these rules will be in the print_style.css stylesheet  */
 
.screen_only {
	visibility:visible;
} 

.print_only {
	position:absolute;
	visibility:hidden;
}

/* ====================================================  */
/* ====================================================  */
/* ==== rules for the displaying of the swatches ======  */


/* these are the larger Swatches, displayed on the page on the page */
/* ================================================================ */

.swatch_thumbnail_container {
	float:left;
	
	width:140px;
	min-width:140px;
	
	height:180px;
	min-height:180px;
	margin:5px 10px 5px 0;

	border:1px solid #999;
	padding: 5px;
	clip:0 140px 180px 0;
	overflow:hidden;
	vertical-align:baseline;
}

.swatch_thumbnail_container .swatch_thumbnail {
	width:120px;
	min-width:120px;
	height:120px;
	min-height:120px;
}

.swatch_thumbnail_container a:link , .swatch_thumbnail_container a:visited {
	text-decoration:none;
}

.swatch_thumbnail_container a:hover , .swatch_thumbnail_container a:active {
	text-decoration:underline;
}
	
.swatch_thumbnail_container a.zoom ,
.swatch_thumbnail_container a.zoom:link ,
.swatch_thumbnail_container a.zoom:visited ,
.swatch_thumbnail_container a.zoom:hover ,
.swatch_thumbnail_container a:active {
	text-decoration:none;
}

/* these are the small Swatches displayed at the top of the page in the Virtual Booklet */
/* ==================================================================================== *



/* ======================================================== */
/* Virtual Swatch Booklet at top of page                    */
/* ======================================================== */

#swatch_scroller_container {
	position:relative;
	width: 724px ; 
	height:100px; 
	min-height : 100px;
	z-index:1;
	padding:0 0 0 10px;
}


#swatch_scroller_container  .send_buttons {
	width:100px;
	text-align:center;
	position:absolute;
	top:0;
	left:650px;
}


#swatch_scroller_container #scroll_arrow_left a {
	position:absolute;
	top:0;
	left:0;
	z-index:200;
	background:  url(../images/icon_arrow_left_white.png) no-repeat center left;
	width : 20px;
	height:100px;
	text-decoration:none;
}

#swatch_scroller_container #scroll_arrow_left a:hover {
	background:url(../images/icon_arrow_left_orange.png) no-repeat center left;
}

#swatch_scroller_container #scroll_arrow_right a {
	position:absolute;
	top:0;
	left:630px;
	z-index:200;
	background: url(../images/icon_arrow_right_white.png) no-repeat center right;
	width : 20px;
	height:100px;
	text-decoration:none;
}


#swatch_scroller_container #scroll_arrow_right a:hover {
	background:  url(../images/icon_arrow_right_orange.png) no-repeat center right;
}

#swatch_scroller  {
	position:relative;
	width:610px;
	height:98px;
	clip:rect(0px 610px 98px 20px);
	overflow:hidden;
	visibility:visible;
	z-index:100;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding-left:20px;
	background-color:#615d5d;
}

#swatch_scroller_content {
	position:absolute;
	left:0px;
	top:0px;
	height: 98px;
	z-index:150;
}


#swatch_scroller_content .swatch_thumbnail {
	width:100px;
	min-width:100px;
	height:98px;
	min-height:98px;

	/*
	display:inline;
	float:left;
	*/
	background-position:center;
	background-repeat:no-repeat;
	vertical-align:top;
	padding:2px 5px 2px 5px;
	border-left:1px dotted #ddd;
	border-right:1px dotted #ddd;
}




/* ====================================================  */
/* ====================================================  */



/* ====================================================  */
/* ====================================================  */
/* ====================================================  */
/* ====================================================  */
/* these are the rules for the stucture of the page      */
/* ====================================================  */
/* ====================================================  */
/* ====================================================  */
/* ====================================================  */

#wrapper { 

	width:1000px ;
	min-height:670px;
	height:670px;
	
	
	margin:auto; 
	
	position:relative;
	z-index:0;
	margin-top:0;
	margin-bottom:0;
	background:#615d5d;

/* put a solid border round the wrapper to help with MSIE 6 box size 	
	border:1px solid #615d5d ; 
*/
}


#background_image {
	position: absolute;
	top: 0px;
	left: 0 ;
	z-index:0;
}


#main {
	min-height:670px;
	height:670px;	
	background:  url(../images/wide/background_flattened.gif) top center no-repeat ; 

	z-index:100;
	position:relative;
	top:0;
	left:0;
}


/* =========================================================== */
/* Horizontal product scroll at top of page                    */
/* =========================================================== */

#product_scroller_container {
	position:relative;
	width: 734px ; 
	height:60px; 
	overflow:hidden; 
	z-index:100;
	margin-bottom:10px;
}

#product_scroller_container    #scroll_arrow_left {
	position:absolute;
	top:0;
	left:0;
	z-index:200;
}

#product_scroller_container    #scroll_arrow_right {
	position:absolute;
	top:0;
	left:675px;
	z-index:200;
}

/*
#product_scroller {
	position:absolute;
	top:0;
	left:12px;
	width:704px;
	height:60px;
	overflow:hidden;
}
*/

/* new horizontal product scroller */

#product_scroller {
	position:relative;
	width:734px;
	height:60px;
	clip:rect(0px 734px 0px 0px);
	overflow:hidden;
	visibility:visible;
	z-index:1;
}

#product_scroller_content {
	position:absolute;
	left:0px;
	top:0px;
	height: 60px;
}




#products_slideshow {
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	z-index:1;
}








/* =========================================================== */
/* End of Horizontal product scroll at top of page                    */
/* =========================================================== */


/* ================= beginning of left column  ============== */


#left {
	min-height:660px;
	height:660px;
	width:180px;

		
	float:left;
}

#size_choice  {
	position:absolute;
	top:10px;
	left:30px;
}


#size_choice .size_larger {
	visibility:hidden;
}

#size_choice .size_smaller {
	visibility:visible;
}


/* ================= end of left column ============== */


/* ================= beginning of left menu   ============== */
#menu {
	width:210px ; 
	padding:155px 0 0 0  ;
	font-size:80%;
}

/* remove all the bullets, borders and padding from the default list styling */


#menu ul { 
	list-style-type:none;
	list-style-image:none;
	list-style-position:outside;
	margin:0px;
	padding:0 0 0 20px ;
	width:180px;
}



/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

#menu ul li {
	float:left;
	width:180px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/* style the links for the top level menu - the main orange buttons */
#menu ul li a , 
#menu ul li a:link , 
#menu ul li a:visited, 
#menu ul li a:active , 
#menu ul li a:hover  {
	padding-left: 7px ;
	height: 22px; 
	line-height: 22px;
	text-decoration:none; 
	display:block;
	color:#ffffff; 
	background:url(../images/menu_back_left.gif) left center no-repeat ;
}


#menu ul li a , 
#menu ul li a:link , 
#menu ul li a:visited {
}



#menu ul li a strong, 
#menu ul li a:link strong , 
#menu ul li a:visited strong  {
	display:block;
	background:url(../images/menu_back_right.gif) right center no-repeat ;
	font-weight:normal;
}


/* a hack so that IE5.5 faulty box model is corrected */
* html #menu ul li a, 
* html #menu ul li a:link ,
* html #menu ul li a:visited ,
* html #menu ul li a:active ,
* html #menu ul li a:hover {
	width:180px;
	w\idth:179px;	
}


#menu ul li a:hover , 
#menu ul li:hover a {
	background:url(../images/menu_back_left_sel.gif) left center no-repeat ;
}

#menu ul li a:hover strong, 
#menu ul li:hover a strong {
	background:url(../images/menu_back_right_sel.gif) right center no-repeat ;
	color:#ffffff;
}

/* ===== rule for lists within lists ============== */

#menu ul ul {
	padding:0 0 0 0 ;
	margin:0 0 5px 0 ;
	width:90px;
}

#menu ul.odd  {
	float:right;
}

#menu ul.even  {
	float:left;
}

#menu ul ul li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:90px;
}


#menu ul ul li a , 
#menu ul ul li a:link , 
#menu ul ul li a:visited , 
#menu ul ul li a:active , 
#menu ul ul li a:hover {
	line-height:13px ; 
	height:13px ; 
	margin:0 0 0 0;
	padding :0 0 0 5px ;
	white-space:nowrap;
	display:block;
	background: none ;
	color:#ffffff;
	width:85px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu ul ul li a,  
* html #menu ul ul li a:link ,  
* html #menu ul ul li a:active , 
* html #menu ul ul li a:visited ,  
* html #menu ul ul li a:hover {
	width:85px;
	w\idth:84px;
}

#menu ul ul li a:hover {
	color:#EE6622;
}


.proditem ul {

}
/* ================= end  of left menu   ============== */
/* ==================================================== */
/* ======== beginning of right column menu   ========== */


#right {
	width:770px;
	max-width:770px;
	
	min-height:660px;
	height:660px;
	
	float:right;
	margin:0 ;
	padding:0;
}

#right_inner {
	margin:7px 10px 0 0 ;
	height:650px;
	min-height:660px;
}



/* ============================================================================================================ */

#right_lower {
	clear:both;
	color:#dddddd;
	height:50px;
	
	width:750px;
	position:absolute;
	top:590px;
	left:220px;
}

#right_lower .left {
	float:left;
	
	width:420px;
	height:50px;
}

#right_lower .right {
	width:110px;
	text-align: center;
	float: right;
	height:50px;	
	font-size:70%;
	font-weight:normal;
}

/* ========================================== */

#footer {
	clear:both;
	height:20px;
	font-size:80%;
	padding-top:0px;
	background:#aaaaaa;
	width:1000px ;
	margin:auto;
	position:relative;
	z-index:1;
}

#footer a {
	color:#CCCCCC; 
}



#footer .left {
	width:300px;
	text-align:left;
	padding-left:30px;
	z-index:1;
}

#footer .right {
	width:450px;
	text-align:right;
	padding-right:30px;
}


/* ================================================ */
/* these are the style rules for NON-scrolling pages */

#non_scrollingtype {
	padding:120px 20px 0 80px;
}



/* ================================================ */
/* these are the style rules for scrolling pages */

#scrollingtype {
	padding:50px 16px 0 0;
	float:right;
}



/*========================================================== */

#product_container {
	width:734px;
	height:432px;
	
	position: relative;
	top: 0;
	left: 0;
}

/*========================================================== */

#productPicture {
	position:absolute;
	top:0;
	left:0;
}


/*========================================================== */

#product_container  #info_icon {
	position:absolute;
	top:396px;
	left:724px;
	
	width:30px;
	height:30px;
	background:url(../images/info_icon.gif) center center no-repeat;
}

#product_container #info_text {
	position:absolute;
	top:336px;
	left:529px;	
	
	width:225px;
	height:90px;
	visibility:hidden;
	background:url(../images/info_text.gif) center center no-repeat;
	font-size:8pt;
}

#product_container #info_text  * { 
	margin:0;
	padding:0;
}

#product_container  #info_text  a {
	color:#ffffff;
	text-decoration:none;
}


#product_container  #info_text .content {
	padding:5px;
}


/*========================================================== */

#product_spec {
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
}

/*========================================================== */





.spectable {
	color:#ffffff;
	border-left:1px dotted #ffffff;
	border-top:1px solid #ffffff;
	border-bottom:1px  solid #ffffff;
	font-size:80%;
	background-color:#999999;
}





.spectable th {
	text-align:center;
	vertical-align:bottom;
	border-bottom:1px solid #ffffff;
	border-right:1px dotted #ffffff;
}

.spectable td {
	text-align:center;
	border-bottom:1px dotted #ffffff;
	border-right:1px dotted #ffffff;
	vertical-align:top;
}


/*========================================================== */
/*========================================================== */


.fabric_type_slideshows {	
	width:330px;
	float:left;
}

.fabric_type_slideshows h2 {
	text-align:center;	
}



.colour_group_slideshows {	
	width:330px;
	float:right;
}

.colour_group_slideshows h2 {
	text-align:center;
}

.cg_slideshow  {
	border:1px solid #999999;
	padding:5px;
	margin:10px;
}


.cg_slideshow h3 {
	float:right;
	width:150px;
}

.cg_slideshow a , .cg_slideshow a:link , .cg_slideshow a:visited , .cg_slideshow a:hover , .cg_slideshow a:active  {
	text-decoration:none;
	color:#FFFFFF;
}



/*========================================================== */

#spec_small_pic {
	float:right;
	padding-right:100px;
}


#spec_pdf {
	float:left;
	padding-left:20px;
}

/*========================================================== */


/*========================================================== */


#product_print {
	position:absolute;
	top:0;
	left:0;
	
}



#product_print #subpage_middle  {
	text-align:center;
}


/*========================================================== */


#subpages {
	clear:both;
	position:relative;
	width:758px;
	
	background:url(../images/wide/subpage_middle.gif) top center repeat-y ;
}


#subpage_top {
	position:relative;
	background: url(../images/wide/subpage_top.gif) top center no-repeat;
	height:45px;
}

#subpage_heading {
	width:758px;
	background:url(../images/wide/subpage_divider.gif) bottom center no-repeat;
	height:40px;
	min-height:40px;
}

#subpage_heading h1 {
	position : absolute; 
	top:10px;
	left:20px;
	width:700px;
	margin:0;
}


#subpage_heading .behind  , #subpage_middle .behind  , #pagecontent .behind {
	visibility:hidden;
}

#subpage_heading .infront  , #subpage_middle .infront  , #pagecontent .infront {
	visibility:visible;
}

/* =================================== */


#subpage_middle	{ 
	position:relative; 
	overflow:hidden;
	width:750px; 
	height:365px;
	z-index:100; 
}

#subpage_middle #scrollcontainer,  #scrollcontainer {
	position:absolute; 
	left:0px; 
	top:0px; 

	width:735px; 
	height:350px; 
	clip:rect(0px, 730px, 365px, 0px); 
		
	overflow:hidden;	
	z-index:1 ;
}


#subpage_middle #scrollcontainer .scrollcontent { 
	position:absolute; 
	visibility:hidden;
	left:0px; 
	top:0px; 
	z-index:1 ; 
	padding:10px;
}

#scrollcontainer .noscript {
	float : right;
	width : 730px;
}


/* Set small font-size or size/position of div's will be off in some browsers  */

#scrollbar { 
  position:relative; 
  left:0; 
  top:0;
  width:11px; 
  height:365px; 
  font-size:1px; 
  z-index:1;
  float:right;
 }


#scrollingTrack { 
	position:absolute; 
	left:0; 
	top:12px;
	width:11px; 
	height:341px;
	background: #ffffff;
	z-index:1;
}


  
#scrollingSlider{
	position:absolute; 
	left:1px; 
	top:1px;
	width:9px; 
	height:20px;
	background:#EE6622;
	z-index:1;
}  
 
 
 
  
 
 
 
#up { 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:2 ;
}  

#down { 
	position:absolute;
	left:0; 
	bottom:0; 
	z-index:3;
}  


a:hover .scrollarrow {
	background-color:#330066;
}

a .scrollarrow {
	background-color:#000033
}

#subpage_bottom {
	height:20px;
	min-height:20px;
	width:534px;
	z-index:100;
	
	width:758px;
	background: url(../images/wide/subpage_bottom.gif) center top no-repeat;

}

/* ========================================================================== */



/* ========================================================================== */

#subpage_tabs {
/*
	height:80px;
	min-height:80px;
*/
	width:740px;
	z-index:100;
	position:relative;
	top:-4px;
}


#subpage_tabs ul {
	list-style-image:none;
	list-style-type:none;
	margin:0px;
	padding-left:20px;
}

#subpage_tabs ul li {
	float:left;
	padding:0;
	margin:0;
	width:90px;
/*
 	position:relative;
*/
}

#subpage_tabs ul li a , #subpage_tabs ul li a:link , #subpage_tabs ul li a:visited , #subpage_tabs ul li a:active  {
	padding:5px 12px 0 12px;
	display:block;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	text-decoration:none; 
	color:#ffffff; 
	height:45px; 	
	width:80px;
}

#subpage_tabs ul li a.behind {
	background:url(../images/tab_grey.gif) top center no-repeat;
}

#subpage_tabs ul li a:hover ,  #subpage_tabs ul li:hover a , #subpage_tabs ul li a.infront {
	background:url(../images/tab_orange.gif) top center no-repeat;
}


/* ============================================================================ */


/* rules for the Stockist map page */
/* ============================================================================ */


#map_container {
	position:absolute;
	top:0px;
	left:0px;
	padding-left:75px;
	z-index:500;
/*
	width:650px;
	float:left;
*/	
}

 #map_instructions {
	position:absolute ; 
	top:2px;
	left:20px;
	width:100px ;
}


#stockist_container {
	position:relative;
	width:350px;
	clear:both;
	float:right;
	margin-left:350px;
}


#stockist_container a {
	color:#ffffff;
	background-color: #EE6622;
	font-weight:bold;
	text-decoration:none
}

#stockist_container a:hover {
	text-decoration:underline;
}