/* site colors 
header and links brown - #917C6C
anchor hover colours - #666
top nav text colour - #cc9966
top tab colour - #F0ECE5
top tab over colour - #D6CEC8
background on flash movies and thumbnails panel - #C8BDB5

rich brown - #996600 - REMOVED Feb 2012
corndell blue - #344C8C
*/

/* --- 1) PAGE PROPERTIES -----------------------------------------------*/
/* --- 2) HEADER AND NAV PROPERTIES -------------------------------------*/
/* --- 3) CONTAINER, ARTICLE and COLUMN PROPERTIES ----------------------*/
/* --- 4) MISCELLANEOUS CLEAR AND FLOAT PROPERTIES ----------------------*/
/* --- 5) HOME PAGE SPECIFIC --------------------------------------------*/
/* --- 6) GENERIC PAGE STYLES -------------------------------------------*/
/* --- 7) COLLECTION PAGE STYLES ----------------------------------------*/
/* --- 8) BROWSE BY FINISH PAGE STYLES ----------------------------------*/
/* --- 9) SLIDESHOW GALLERY ---------------------------------------------*/
/* --- 10) FORM PROPERTIES-----------------------------------------------*/
/* --- 11) VIDEO PAGE STYLES---------------------------------------------*/
/* --- 12) PDF and Download styling--------------------------------------*/
/* --- 13) FOOTER -------------------------------------------------------*/
/* --- 14) SITE MAP -----------------------------------------------------*/
/* --- 15) BRITISH FURNITURE STYLING ------------------------------------*/
/* --- 16) FACTORY SALE PAGE STYLING ------------------------------------*/


/* ==YUI RESET (see: http://developer.yahoo.com/yui/reset/)*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {
	display: block;
}	



/* --- 1) PAGE PROPERTIES -----------------------------------------------*/

body {
background-color: #CCC2A8;
margin:0 0 15px 0;
font-size: 75%;
font-family : "Trebuchet MS", verdana, lucida, arial, helvetica, sans-serif;
line-height: 150%;
text-align: left;
color: #333333; }

.errors {font-size: 115%;
text-decoration: none;
color: #cc0001;
font-weight: normal;
}

h1{
	font-size: 180%;
	color: #917C6C;
	line-height: 180%;
	text-align: left;
	color: #917C6C;
	font-weight: normal;
}

.h1pad{
	clear:both;
	float:left;
	width:930px;
	margin: 10px 0 10px 37px;
}

h2 {font-size: 150%;
text-decoration: none;
color: #917C6C;
font-weight: normal;
line-height: 150%;
}

h3{}

h4{
	margin:0;
	padding:0;
}

img {
  border: none;
  outline: none;
}

a {color: #917C6C;
  outline: none;
  text-decoration:none;
}

a:hover {color: #666;
text-decoration: underline; } 

.notes {font-size: 100%;
text-decoration: none;
color: #003366;
font-weight: normal;
}
p{
	line-height:170%;
}


/* --- 2) HEADER AND NAV PROPERTIES -------------------------------------*/


header{
	margin:0;
	padding:0;
}

#headerPanel{
	background-color: #917C6C;
	width:990px;
	height:90px;
}

.logo{
	float:left;
	background: url(../images/corndell-logo.png) 0 -6px no-repeat;
	width: 290px;
	padding:40px 40px 0 40px;
}
.logo h1{
/*	color:#344C8C;
	color:#F0ECE5;
*/	color:#D6CEC8;
	padding-top: 8px;
/*	font-family: 'Marck Script', cursive;
	font-family: 'Ovo', serif;
	font-style:normal;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
*/	font-family: 'Oxygen', sans-serif;
	font-weight: 300;
	font-size:16px;
	letter-spacing:1px;
}
.logo a:hover{
	text-decoration: none;
}
.navRule{
	clear:both;
	float:left;
	background-color: #917C6C;
	height:2px;
	width:100%;
	margin-top:8px;
	margin-bottom:18px;
}

/*main navigation typography - top menu*/

nav{
	float:right;
	width: 600px;
	display:block;
	margin: 32px 12px 0 0;
}
nav ul{
	list-style-type: none;
	text-align:right;
}
nav ul li{
	display:inline;
	padding:0 7px 0 7px;
	border-right: #FFF solid 1px; 
}
nav ul li a {
	font-size: 106%;
	text-decoration: none;
	color: #FFF;
	background-color: #917C6C;
}
nav ul li a:hover {
	color: #333;
	text-decoration: underline;
}

/*secondary navigation */

#secondaryNav{
	clear:both;
	float:left;
	width: 962px;
	padding: 10px 0 10px 28px;
	background-color:#FFF;
	border-bottom: #917C6C 1px solid;
}
#secondaryNav ul{
	list-style-type:none;
	text-align:left;
}
#secondaryNav ul li{
	display:inline;
	padding:0 9px 0 7px;
/*	border-right: #666 solid 1px; */
}
#secondaryNav ul li a{
	font-size: 105%;
	color:#917C6C;
	text-decoration:none;
}
#secondaryNav ul li a:hover{
	color: #666;
	text-decoration: underline;
}
.lastLink{
	border-right: none;
}
.pipeRight{
	border-right: #917C6C solid 1px;
}




/* --- 3) CONTAINER, ARTICLE and COLUMN PROPERTIES ----------------------*/


div#wrapper{
	clear:both;
	width: 990px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	height: auto;
}

.container {
	width: 990px;
	background: #FFFFFF;
	
}

#articles{
	clear:both;
	float:left;
	margin: 20px 0 20px 0;
	background-color:#FFFFFF;
}

body.home #col1{
	float:left;
	width:430px;
	margin:0 45px 0 38px;
}
#col1 h1{
	margin-bottom: 10px;
	line-height:140%;
}
#col1 p{
	margin-bottom: 10px;
}
body.home #col2{
	float:left;
	width:130px;
	margin-right:10px;
}
body.home #col3{
	float:right;
	width:302px;
	padding-left:10px;
	margin-right: 20px;
}



/* --- 4) MISCELLANEOUS CLEAR AND FLOAT PROPERTIES ----------------------*/

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty block element as the final element following the last floated block (within the .container) if the footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* --- 5) HOME PAGE SPECIFIC --------------------------------------------*/


.h1Home{
	margin-top: -10px;
	line-height:130%;
}
.moreLink a{
	background: url(/img/sml-arrow-icon.png) no-repeat 100% 50%;
	padding: 6px 15px 8px 0;
	font-size: 70%;
	text-decoration: none;
	color: #917C6C;
}
.moreLink a:hover{
	color:#666;
	text-decoration: underline;
}
.fourfinishtab{
	float:right;
	clear:both;
	margin-bottom: 20px;
}
.fourfinishtab h3{
	text-align: center;
	font-size: 110%;
	text-decoration: none;
	color: #917C6C;
	line-height: 120%;
	background: #fff url(../images/home-page/home_page_tab.png) no-repeat 0 1px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.fourfinishtab h3 a{
	font-size:110%;
}
.fourfinishtab p{
	margin-top: 5px;
}
.homeTabs{
	height:163px;
	margin-bottom: 5px;
}



/* --- 6) GENERIC PAGE STYLES -------------------------------------------*/

/*main body text*/

.bodytext {font-size: 105%;
line-height: 150%;
text-align: left;
color: #333333;
padding-right: 30px; 
background-color: #ffffff; }

.bodytextpad {font-size: 105%;
line-height: 150%;
text-align: left;
color: #333333;
padding-right: 30px; 
padding-left: 37px; 
padding-bottom: 30px; }

.ThreeColWide{
	float:left;
	clear:both;
	text-align:left;
	width:680px;
	padding:0 30px 30px 37px;
}

/* delete this?????
.textlinks {font-size: 105%;
line-height: 150%;
text-align: left;
color: #917C6C;
text-decoration: none; 
background-color: #ffffff;}

a.textlinks {
color: #917C6C;
text-decoration: none; 
background-color: #ffffff;}


a:hover.textlinks {color: #666;
text-decoration: underline;
background-color: #ffffff; }

*/

.greylinks {
	color: #333;
font-size: 105%;
line-height: 150%;
text-align: left;
text-decoration: none; 
}
a.greylinks {
color: #333;
text-decoration: none; 
}
a:hover.greylinks {color: #666;
text-decoration: underline;
}

/* ---- horizontal divider at the bottom of the content section ----- */

div#Hdivider{
	width: 929px;
	height: 40px;
	border-bottom: 1px solid #999;
	margin-right: 22px;
	margin-left: 39px;
/*	_margin-left: 18px; */
	float: left;
}

/* JS edit June 2010 */

div#infoNote{
	float: left;
	position: relative;
	clear: both;
	margin-left: 48px;
/*	_margin-left: 28px; */
	font-size: 10px;
	margin-top: -20px;
/*	_margin-top: 0px; */
	margin-bottom: 20px;
/*	_padding-bottom: 30px;*/
}

/* Range page layouts */
/* JS edit Oct 2012*/
#rangeDescription{
	float:left;
	clear:both;
	width: 990px;
	margin-bottom: 15px;
}
#rangeDescription ul{
	list-style-type:disc;
	list-style-position:inside;
	margin: 10px 2px 10px 0;
}

#rangeIntro{
	float:left;
	clear:both;
	width:430px;
}

#rangeIntro h3{
	font-size:14px;
	color: #917C6C;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: 10px;
}

#rangeIntro p{
	margin-bottom: 10px;
}
.paraHeading{
	font-size:14px;
	color: #917C6C;
	font-weight: normal;
	margin-bottom:0;
	padding-bottom:0;
}
#rangeOptions{
	float: right;
	width: 475px;
}
.rangeFabricPanel{
	margin-top: 20px;
	width:455px;
	min-height:140px;
}
.rangeFabricPanel h3{
	text-align: left;
	background-image: url(../images/room_panel_tab.gif);
	padding-left: 20px;
}
.rangeFabricPanel img{
	float:left;
	padding: 0; 
}
.rangeFabricPanel p{
	text-align: left;
	padding: 10px;
}

#rangeCollection{
	float:left;
	clear:both;
	padding-left: 37px;
}
#rangeCollection h2{
	text-align: left;
	margin-bottom:10px;
}

.C1{
	float:left;
	width:200px;
	margin:0 20px 0 37px;
}
.formWrapper{
	float:left;
	width:710px;
	margin:0 20px 20px 0;
}




/* --- 7) COLLECTION PAGE STYLES ----------------------------------------*/

/* range page headings */

.introParagraph{
	font-size:14px;
	color: #666;
	text-align:left;
}


/*product group panels*/

.tab{
	font-size: 110%;
	text-decoration: none;
	color: #917C6C;
	text-align: center;
	font-weight: normal;
	line-height: 250%;
	background: #fff url(../images/home-page/home_page_tab_218.png) no-repeat 0 1px;
}
.tab a{font-size: 120%;
text-decoration: none;
color: #917C6C;
font-weight: normal;
 }

.tab a:hover{color: #666;
text-decoration: underline;}

.tabover{
	font-size: 110%;
	text-decoration: underline;
	color: #333;
	text-align: center;
	font-weight: normal;
	line-height: 250%;
	background-image: url(../images/panel_over_tab.gif);
	background-color: #FFF; 
}

.tablinks{font-size: 115%;
text-decoration: none;
color: #917C6C;
font-weight: normal;
 }

a:hover.tablinks {color: #666;
text-decoration: underline;}

.tabheader{font-size: 115%;
text-decoration: none;
color: #917C6C;
font-weight: normal;
line-height: 250%; }

.finishtab{
	font-size: 120%;
	text-decoration: none;
	color: #917C6C;
	text-align: left;
	font-weight: normal;
	line-height: 200%;
	padding-left: 20px;
	background: #ffffff url(../images/finish_panel_tab.gif) no-repeat;
}

.roomtab{
	background-color: #F0ECE5; 
	float:left;
	width: 455px;
	min-height:230px;
	margin: 0 19px 19px 0;
}

.roomtab h3{
background-image: url(../images/room_panel_tab.gif);
padding:5px 0 5px 20px;
line-height:250%;}

.roomtab a{
	font-size: 120%;
	text-decoration: none;
	color: #917C6C;
	font-weight: normal;}

.roomtab a:hover{color: #666;
	text-decoration: underline;}

.roomtabGalleryInfo{
	color: #917C6C;
	font-size: 100%;
	text-align: center;
	padding: 0 0 0 10px;
}


.tablabels{font-size: 105%;
text-decoration: none;
color: #666;
text-align: center;
font-weight: normal;
background-color: #FFF;
line-height: 250%; }

.tabtext{font-size: 100%;
text-decoration: none;
color: #917C6C;
text-align: left;
font-weight: normal;
line-height: 130%;
}

.tabcolor{
background-color: #F0ECE5;
vertical-align: text-top;
padding: 15px; }

.tabovercolor{
background-color: #D6CEC8;
vertical-align: text-top;
padding: 15px; }

.tabtopleft{font-size: 110%;
text-decoration: none;
color: #917C6C;
text-align: left;
font-weight: normal;
line-height: 250%;
padding-left: 15px;
background-image: url(../images/tabtopleft.jpg);
background-color: #F0ECE5; }

.tabtopcolor{
background-color: #F0ECE5; }

.tabtopright{
font-size: 110%;
text-decoration: none;
color: #917C6C;
text-align: left;
font-weight: normal;
line-height: 250%;
padding-left: 15px;
background-image: url(../images/tabtopright.jpg);
background-color: #F0ECE5; }

.tabbottommiddle{font-size: 100%;
text-decoration: none;
color: #917C6C;
text-align: center;
font-weight: normal;
line-height: 120%; 
background-color: #F0ECE5;
}

.tabcell{ background-color: #F0ECE5; 
text-align:center;
width:113px;
/*_width:113px;*/
}

.tabbottomleft{font-size: 100%;
text-decoration: none;
color: #917C6C;
text-align: center;
font-weight: normal;
line-height: 120%; 
background-image: url(../images/tabbottomleft.jpg);
background-color: #F0ECE5; }

.tabbottomright{font-size: 100%;
text-decoration: none;
color: #917C6C;
text-align: center;
font-weight: normal;
line-height: 120%; 
background-image: url(../images/tabbottomright.jpg);
background-color: #F0ECE5; }

.tabsingletop{font-size: 110%;
text-decoration: none;
color: #917C6C;
text-align: left;
font-weight: normal;
line-height: 250%;
padding-left: 20px;
background-image: url(../images/tabsingletop.jpg);
background-color: #F0ECE5; }

.tabsinglebottom{font-size: 100%;
text-decoration: none;
color: #917C6C;
text-align: center;
font-weight: normal;
line-height: 120%; 
background-image: url(../images/tabsinglebottom.jpg);
background-color: #F0ECE5; }

.tabsubscribe{font-size: 110%;
text-decoration: none;
color: #917C6C;
text-align: center;
font-weight: normal;
line-height: 250%;
background-image: url(../images/tabsubscribe.jpg);
background-color: #F0ECE5; }

.tabdivide{
background-image: url(../images/tabdivide.jpg);
background-color: #F0ECE5; 
width:3px;}

/*brochure_download panels*/

.tabtopleft_dl{font-size: 110%;
text-decoration: none;
color: #917C6C;
text-align: center;
font-weight: normal;
line-height: 250%;
background-image: url(../images/tabtopleft.jpg);
background-color: #F0ECE5; }

.tabtopmiddle{font-size: 110%;
text-decoration: none;
color: #917C6C;
text-align: center;
font-weight: normal;
line-height: 250%;
background-color: #F0ECE5; }

.tabtopright_dl{
font-size: 110%;
text-decoration: none;
color: #917C6C;
text-align: center;
font-weight: normal;
line-height: 250%;
background-image: url(../images/tabtopright.jpg);
background-color: #F0ECE5; }

/*background panels*/

.white{font-size: 100%;
text-decoration: none;
color: #333333;
text-align: center;
font-weight: normal;
background-color: #ffffff;
line-height: 200%;}

.whitepad{font-size: 100%;
text-decoration: none;
color: #333333;
text-align: center;
font-weight: normal;
background-color: #ffffff;
line-height: 200%;
padding-left: 15px;}

.hline{font-size: 100%;
text-decoration: none;
color: #333333;
text-align: center;
font-weight: normal;
background-color: #999999;
padding-top: 1px;
padding-left: 39px;
padding-right: 24px; }

.rowSpacer {
	height:10px;
	background-color: #F0ECE5;
	margin-bottom: 10px;
}


/* -----    JW - 20 Oct 2008 - new format for 'tabbed' category pages  --------- */

.homeTabSummary{ 
	float:left;
	width: 218px;
	margin-right: 19px;
	margin-top: 15px;
}
div#tabGallery{
	width: 952px;
	margin:0 0px 0 38px;
	clear: both;
	float:left;
	bottom: 10px;
	text-align: center;
}
div#tabGallerySmall{
	width: 475px;
	float:left;
	clear: both;
	position: relative;
	bottom: 10px;
	text-align: center;
	margin-top: 15px;
}
.tabSummary{
	background-color: #F0ECE5; 
	float:left;
	width: 218px;
	min-height:242px;
	margin: 0 19px 19px 0;
}
.tabThumb img{
	margin: 0;
	padding:0;
}
div#tabGallery p{
}
.tabSummary a, .tabFinishSummary a, .homeTabSummary a, .roomtab a{
	text-decoration: none;
	color: #917C6C;
}
.tabSummary a:hover, .homeTabSummary a:hover, .roomtab a:hover{
	color: #666;
	text-decoration:underline;
}
.tabSummary img, .roomtab img{
	margin: 0 0 10px;
}
.tabSummary h3, .homeTabSummary h3{
	background-image: url(../images/panel_tab.gif);
	margin-top: 0px;
	text-decoration: none;
	color: #917C6C;
	padding-top: 10px;
	padding-bottom: 15px;
	line-height: 120%;
	text-align:center;
}

.tabSummary h3 a, .homeTabSummary h3 a{
	font-size: 120%;
}

.tabSummaryOver{
	background-color: #D6CEC8;
	float:left;
	width: 218px;
	min-height: 242px;
	margin-right: 19px;
	margin-top: 15px;
	margin-bottom: 5px;
}

.tabSummaryOver a{
	text-decoration: none;
	color: #917C6C;
}

.tabSummaryOver a:hover{
	color: #333;
}

.tabSummaryOver img{
	margin: 0 0 10px;
}

.tabSummaryOver h3{
	background-image: url(../images/panel_over_tab.gif); 
	background-color: #D6CEC8;
	margin-top: 0px;
	text-decoration: none;
	color: #917C6C;
	font-weight: normal;
	padding-top: 10px;
	line-height: 120%;
	text-align:center;
}

.tabSummaryOver h3 a{
	font-size: 105%;
	color:#917C6C;
}
.tabGalleryInfo{
	color: #917C6C;
	font-size: 100%;
	line-height: 130%;
	text-align: left;
	margin: -10px 0 0;
	padding: 10px;
	min-height: 50px;
}

.tabGalleryInfoOver{
	background-color: #D6CEC8;
	font-size: 100%;
	line-height: 130%;
	text-align: left;
	margin: -10px 0 0;
	padding: 10px;
	height: 50px;
}



/* --- 8) BROWSE BY FINISH PAGE STYLES ----------------------------------*/


/* -----    JW - 21 Oct 2008 - new format for 'tabbed' browse by finish style pages  --------- */

div#tabGalleryFinishes, div#tabGalleryFinishesTwo, div#tabGalleryFinishesThree, div#tabGalleryFinishesFour{
	width: 952px;
	margin-right: 0px;
	margin-left: 38px;
	clear: both;
	position: relative;
	bottom: 10px;
	text-align: center;
}

div#tabGalleryFinishesTwo{
	padding-top: 10px;
/*	_padding-top: 25px;*/
}

div#tabGalleryFinishesThree, div#tabGalleryFinishesFour{
	padding-top: 10px;
/*	_padding-top: 25px; */
	bottom: -5px;
}



div#tabGalleryFinishes p, 
div#tabGalleryFinishesTwo p, 
div#tabGalleryFinishesThree p, 
div#tabGalleryFinishesFour p{
}

div#tabGalleryFinishes h2, 
div#tabGalleryFinishesTwo h2, 
div#tabGalleryFinishesThree h2, 
div#tabGalleryFinishesFour h2{
	font-size: 16px;
	text-align: left;
	margin-bottom: 0;
	text-indent: 10px;
}

div#tabGalleryFinishes .tabFinishSummary, div#tabGalleryFinishes .tabFinishSummaryLast, 
div#tabGalleryFinishesTwo .tabFinishSummary, div#tabGalleryFinishesTwo .tabFinishSummaryLast, 
div#tabGalleryFinishesThree .tabFinishSummary, div#tabGalleryFinishesThree .tabFinishSummaryLast, 
div#tabGalleryFinishesFour .tabFinishSummary, div#tabGalleryFinishesFour .tabFinishSummaryLast{
	background-color: #F0EDE6; 
	float:left;
	width: 100px;
	min-height: 200px;
	margin-right: 2px;
	margin-top: 15px;
	margin-bottom: 10px;
}

div#tabGalleryFinishes .tabFinishSummaryLast, 
div#tabGalleryFinishesTwo .tabFinishSummaryLast, 
div#tabGalleryFinishesThree .tabFinishSummaryLast, 
div#tabGalleryFinishesFour .tabFinishSummaryLast{
	margin-right: 40px;
}

div#tabGalleryFinishes .tabThumb, 
div#tabGalleryFinishesTwo .tabThumb, 
div#tabGalleryFinishesThree .tabThumb, 
div#tabGalleryFinishesFour .tabThumb, 
div#tabGalleryFinishesSplitLeft .tabThumb, 
div#tabGalleryFinishesSplitCenter .tabThumb, 
div#tabGalleryFinishesSplitRight .tabThumb, 
div#tabGalleryFinishesSplit1 .tabThumb, 
div#tabGalleryFinishesSplit2 .tabThumb, 
div#tabGalleryFinishesSplit3 .tabThumb, 
div#tabGalleryFinishesSplit4 .tabThumb,
div#tabGalleryFinishesSplit5 .tabThumb{
	margin: 0;
}

div#tabGalleryFinishes .tabFinishSummary a, div#tabGalleryFinishes .tabFinishSummaryLast a, 
div#tabGalleryFinishesTwo .tabFinishSummary a, div#tabGalleryFinishesTwo .tabFinishSummaryLast a, 
div#tabGalleryFinishesThree .tabFinishSummary a, div#tabGalleryFinishesThree .tabFinishSummaryLast a, 
div#tabGalleryFinishesFour .tabFinishSummary a, div#tabGalleryFinishesFour .tabFinishSummaryLast a{
	text-decoration: none;
	color: #917C6C;
}

div#tabGalleryFinishes .tabFinishSummary a:hover, div#tabGalleryFinishes .tabFinishSummaryLast a:hover, 
div#tabGalleryFinishesTwo .tabFinishSummary a:hover, div#tabGalleryFinishesTwo .tabFinishSummaryLast a:hover, 
div#tabGalleryFinishesThree .tabFinishSummary a:hover, div#tabGalleryFinishesThree .tabFinishSummaryLast a:hover, 
div#tabGalleryFinishesFour .tabFinishSummary a:hover, div#tabGalleryFinishesFour .tabFinishSummaryLast a:hover{
	color: #666;
	text-decoration:underline;
}

div#tabGalleryFinishes .tabFinishSummary img, div#tabGalleryFinishes .tabFinishSummaryLast img, 
div#tabGalleryFinishesTwo .tabFinishSummary img, div#tabGalleryFinishesTwo .tabFinishSummaryLast img, 
div#tabGalleryFinishesThree .tabFinishSummary img, div#tabGalleryFinishesThree .tabFinishSummaryLast img, 
div#tabGalleryFinishesFour .tabFinishSummary img, div#tabGalleryFinishesFour .tabFinishSummaryLast img{
	margin: 0 0 10px;
}

div#tabGalleryFinishes .tabFinishSummary h3, div#tabGalleryFinishes .tabFinishSummaryLast h3, 
div#tabGalleryFinishesTwo .tabFinishSummary h3, div#tabGalleryFinishesTwo .tabFinishSummaryLast h3, 
div#tabGalleryFinishesThree .tabFinishSummary h3, div#tabGalleryFinishesThree .tabFinishSummaryLast h3, 
div#tabGalleryFinishesFour .tabFinishSummary h3, div#tabGalleryFinishesFour .tabFinishSummaryLast h3{
	background-image: url(../images/finish_tabs.jpg);
	margin-top: 0px;
	text-decoration: none;
	color: #917C6C;
	font-weight: normal;
	padding: 13px 0 13px 0;
	line-height: 100%;
	font-size: 14px;
}

div#tabGalleryFinishes .tabGalleryInfo, 
div#tabGalleryFinishesTwo .tabGalleryInfo, 
div#tabGalleryFinishesThree .tabGalleryInfo, 
div#tabGalleryFinishesFour .tabGalleryInfo{
	font-size: 11px;
	text-align: center;
	margin: -10px 0 0;
	padding: 10px 10px 10px;
	height: 25px;
	cursor: pointer;
	color: #917C6C;
}


div#tabGalleryFinishesTwo .tabGalleryInfo, 
div#tabGalleryFinishesThree .tabGalleryInfo, 
div#tabGalleryFinishesFour .tabGalleryInfo{
/*	_height: 30px;*/
}


/*-- JS edit June 2010 to collection page finish boxes--*/
div#tabRangeFinishes{
	width: auto;
	margin: 0 15px 19px 0;
	float: left;
	bottom: 0px;
	text-align: center;
}
div#tabRangeFinishes .tabSummary{
	min-height: 180px;
}

div#tabRangeFinishes h2{
	font-size: 16px;
	text-align: left;
	margin-bottom: 0;
	text-indent: 10px;
}
div#tabRangeFinisheswrapperOne{
	width: 218px;
}
div#tabRangeFinisheswrapperTwo{
	width: 182px;
}

div#tabRangeFinisheswrapperFour{
	width: 364px;
	margin: 0;
	padding:0;
	float:right;
}
div#tabRangeFinisheswrapperFive{
	width: 455px;
}

div#tabRangeFinishes .tabFinishSummary{
	background-color: #f0ede6; 
	float:left;
	width: 90px;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div#tabRangeFinisheswrapperOne .tabFinishSummary{
	background-color: #f0ede6; 
	width: 218px;
	float:left;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#tabRangeFinishes .tabFinishSummaryLast{
	background-color: #f0ede6; 
	float:left;
	width: 91px;
}

div#tabRangeFinishes .tabThumb{
	margin: 0;
}

div#tabRangeFinishes .tabFinishSummary a, div#tabRangeFinishes .tabFinishSummaryLast a{
	text-decoration: none;
	color: #917C6C;
}

div#tabRangeFinishes .tabFinishSummary a:hover, div#tabRangeFinishes .tabFinishSummaryLast a:hover{
	color: #666;
	text-decoration:underline;
}

div#tabRangeFinishes .tabFinishSummary img, div#tabRangeFinishes .tabFinishSummaryLast img{
	margin: 0 0 5px;
}

div#tabRangeFinishes .tabFinishSummary h3{
	background-image: url(../images/finish_tabs_ranges.jpg);
	margin-top: 0px;
	text-decoration: none;
	color: #917C6C;
	font-weight: normal;
	padding: 13px 0 13px 0;
	line-height: 40%;
	font-size: 14px;
}

div#tabRangeFinisheswrapperOne .tabFinishSummary h3{
	background-image: url(../images/panel_tab.gif);
	margin-top: 0px;
	text-decoration: none;
	color: #917C6C;
	font-weight: normal;
	padding: 13px 0 13px 0;
	line-height: 40%;
	font-size: 14px;
}

div#tabRangeFinishes .tabFinishSummaryLast h3{
	background-image: url(../images/finish_tabs_ranges_last.jpg);
	margin-top: 0px;
	text-decoration: none;
	color: #917C6C;
	font-weight: normal;
	padding: 13px 0 13px 0;
	line-height: 40%;
	font-size: 14px;
}

div#tabRangeFinishes .tabGalleryInfo{
	font-size: 11px;
	text-align: center;
	margin: -10px 0 0;
	padding: 10px 10px 0px;
	height: 24px;
	cursor: pointer;
	color: #917C6C;
}

div#tabRangeFinishSummary{
	clear:both;
	background-color: #F0ECE5;
	vertical-align: text-top;
	padding: 2px 15px 2px 10px;
	text-align:left;
	min-height: 62px;
}


div#tabRangeFinishSummary a{
	font-size: 100%;
	text-decoration: none;
	color: #917C6C;
	text-align: left;
	font-weight: normal;
	line-height: 130%;
}
/* JS added 230911 Corrections to three finish panel */
div#tabRangeFinisheswrapperThree{
	width: 220px;
/*	width: 273px; */
	float:left;
}
div#tabRangeFinisheswrapperThree .tabFinishSummaryThree{
	background-color: #f0ede6; 
	float:left;
	width: 73px;
	margin:0;
}
div#tabRangeFinisheswrapperThree .tabFinishSummaryLastThree{
	background-color: #f0ede6; 
	float:left;
	width: 74px;
}
div#tabRangeFinishes .tabFinishSummaryThree a, div#tabRangeFinishes .tabFinishSummaryLastThree a{
	text-decoration: none;
	color: #917C6C;
}
div#tabRangeFinishes .tabFinishSummaryThree a:hover, div#tabRangeFinishes .tabFinishSummaryLastThree a:hover{
	color: #666;
	text-decoration:underline;
}
div#tabRangeFinishes .tabFinishSummaryThree img, div#tabRangeFinishes .tabFinishSummaryLastThree img{
	margin: 0 0 5px;
}
div#tabRangeFinishes .tabFinishSummaryThree h3{
	background-image: url(../images/finish_tabs_ranges-three.jpg);
	margin-top: 0px;
	text-decoration: none;
	color: #917C6C;
	font-weight: normal;
	padding: 15px 0 13px 0;
	line-height: 40%;
	font-size: 14px;
}

div#tabRangeFinishes .tabFinishSummaryLastThree h3{
	background-image: url(../images/finish_tabs_ranges_last-three.jpg);
	margin-top: 0px;
	text-decoration: none;
	color: #996600;
	font-weight: normal;
	padding: 15px 0 13px 0;
	line-height: 40%;
	font-size: 14px;
}
/* ends */





/* --- 9) SLIDESHOW GALLERY --------------------------------------------*/


div#productGallery{
	width: 970px;
	float: left;
	margin: 0 0 10px 0;
	padding-bottom: 10px;
}
div#mainImage{
	width: 970px;
	min-height: 340px;
	float: left;
	padding: 0;
	margin:0;
	background-color: #F0ECE5;
}
div#mainImage a{
	border: none;
}
div#thumbWrapper{
	float:left;
	clear:both;
	width: 970px;
	min-height: 70px;
	background-color: #F0ECE5;
}
div#mainImageAction{
	float:left;
	width: 130px;
	min-height: 40px;
	text-align: left;
	padding: 6px 0 0 35px;
	color: #917C6C;
}
div#mainImageAction p{
	color:#917C6C;
}
div#productThbGallery{
	float:left;
	width: 780px;
	min-height: 40px;
	padding: 10px 0px 0 0;
}
.productThumb{
	float:left;
	width: 100px;
	height: 70px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.whitelink{
	color:#FFF !important;
}

/*  Royalslider fullscreen gallery */

body.home .homeSlides {
	display: inline;
	float: left;
	position:relative;
	z-index:100;
	padding:0;
	max-height:495px;
}
.slides {
	clear:both;
	float: left;
	z-index:100;
	width: 100%;
	margin-bottom:8em;
}

#exit{
	background: transparent;
	left: 0;
	padding: 2em 2em 2em 0;
	position: absolute;
	max-width: 100%;
	right: 0;
	text-align: right;
	top: 0;
	z-index: 99999;
}
#exit a{	color: #CCC;
	font: 700 0.875em/1 'Open Sans', sans-serif;
}
#exit a:hover{
	color:#666;
}

#intro {
	bottom: 0;
	clear: both;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	width: 100%;
	background:#151515;
} 
body.gallery header, body.gallery footer{
	display: none;
}
body.gallery{ background:#151515;}


/* --- 10) FORM PROPERTIES------------------------------------------------*/
table { border-collapse:separate; border-spacing: 2px; }
table td{
	padding:2px;
}

/* --- 11) VIDEO PAGE STYLES---------------------------------------------*/

/* --- 12) PDF and Download styling---------------------------------------*/


.pdfLinx{
	width: 60px;
	height: 188px;
	float: left;
	margin-right: 8px;
	margin-left: 8px;
	text-align: center;
}

.pdfLinx a{
	color: #917C6C;
	text-decoration: none;
	height: 78px;
	background: url(../images/adobe_pdf_icon.gif) no-repeat 0 15px;
	display: block;
	position: relative;
	top: 40px;
	line-height: 120%;
	padding-top: 70px;
}

.pdfLinx a:hover{
	color: #333;
	text-decoration:underline;
}


.onlineViewer{
	width: 102px;
	float: left;
	height: 188px;
	margin-right: 8px;
	margin-left: 8px;
	text-align: center;
}

.onlineViewer a{
	color: #917C6C;
	text-decoration: none;
	height: 78px;
	background: url(../images/online_catalogue_icon.png) no-repeat -5px 15px;
	display: block;
	position: relative;
	top: 40px;
	line-height: 120%;
	padding-top: 70px;
}

.onlineViewer a:hover{
	color: #333;
	text-decoration:underline;
}


/* ------- JW 17sept08
brochure download page styling - to repalce table based structure within 'content'  DW editable region
-------------------*/



div#pageTitle h1{
	font-size: 160%;
	color: #996600;
	font-weight: normal;
	line-height: 180%;
	text-indent: 40px;
/*	_margin-top: 10px;
	_margin-bottom: 5px;*/
}

body.brochure div#col1{
	width: 343px;
/*	_width: 335px;*/
	float: left;
	padding-left: 40px;
	padding-right: 35px;
	padding-bottom: 25px;
	text-align: left;
}

body.brochure div#col1 p{
	margin: 5px 0 0;
}

body.brochure div#col1 img{
	margin:8px;
}

div#tabLink{
	text-align: center;
	width: 218px;
	margin-top: 50px;
}

div#tabLinkTitle{
	font-size: 110%;
	color: #996600;
	font-weight: normal;
	line-height: 250%;
/*	_line-height: 80%;*/
	width: 218px;
	background-image: url(../images/panel_tab.gif);
	background-color: #E1DACB;
/*	_padding-top: 15px;*/
}

div#tabLink p{
	margin: -10px 0 0;
/*	_margin: 6px 0 0;*/
}

div#tabLink a{
	text-decoration: none;
	color: #917C6C;
}

div#tabLink a:hover{
	color:#666;
	text-decoration: underline;
}


body.brochure div#col2{
	width: 570px;
	float: right;
}


div#brochureGallery{
	width: 570px;
}

.brochureP{
	width: 533px;
	height: 188px;
	padding-right: 35px;
	margin-top: 10px;
	margin-bottom: 25px;
}

.miniBrochure{
	width: 218px;
	height: 188px;
	float: left;
	margin-right: 11px;
}

.miniBrochureTab{
	font-size: 110%;
	color: #996600;
	font-weight: normal;
	line-height: 250%;
	width: 218px;
	background-image: url(../images/panel_tab.gif);
	background-color: #E1DACB;
	text-align: center;
}





/* --- 13) FOOTER -------------------------------------------------------*/


/* revised JW 08 Feb 2011 -----*/

footer {
	clear:both;
	position:relative;
	margin:0 auto;
	background-color:#F0ECE5;
	width:990px;
	height: 220px;
	font-size: 95%;
	color: #999;
	padding: 20px 0 0;
	text-align: left; /* for all MSIE */
	border-top: #917C6C solid 1px;
}

footer h3 {
	font-size: 120%;
	color: #917C6C;
	margin-top: 5px;
	margin-bottom: 7px;
	font-weight: normal;
	font-style: normal;
}
footer h3 a {
	text-decoration: none; 
	color:#917C6C;
}
footer h3 a:hover {
	color:#666;
	text-decoration:underline;
}
footer p{
	margin-bottom: 7px; 
	margin-top: 0;
	color:#333;
}
footer p a{
	text-decoration: none; 
	color:#333;
}
footer p a:hover{
	color:#917C6C;
	text-decoration:underline;
}
footer ul{
	list-style-position: inside;
	list-style-type: none;
	padding:0;
	margin: 0;
}
footer ul li{
	color:#333;
}
footer ul li a{
	color: #333;
	text-decoration: none;
	font-size: 11px;
}
footer ul li a:hover{
	color:#917C6C;
	text-decoration:underline;
}
.bottom-nav, .bottom-nav-start, .bottom-nav-end{
	float:left;
	border-right: #917C6C 1px solid;
	padding: 0 36px;
	line-height: 1.4em;
	height: 165px;
	width: 163px;
}
.bottom-nav-start{
	padding: 0 36px 0 40px;
	width: 190px;
}
.bottom-nav-end{
	border-right: none;
	padding-right: 50px;	
	width: 150px;
}
#footer-centred {
	text-align:center;
	height: 20px;
	width: 990px;
	display:block;
	float: left;
	margin-top: 15px;
}

#footer-centred a{
	font-size: 95%;
	text-decoration: none;
	color: #333;
	font-weight: normal;
}
#footer-centred a:hover{
	color:#917C6C;
}

/* - ------ SOCIAL LINKS -------------------------------------------*/
/* FOOTER */
ul.share-links li{
	list-style-type: none;
	display:inline;
	padding-right:5px;
}
ul.share-links a:hover{
	text-decoration: none;
}
/* RANGE PAGES */
.socialLinks{
	clear:both;
	float:left;
	width:444px;
	margin: 0 19px 19px 0;
	padding:0 0 0 12px;
	text-align:left;
	background-color:#F0ECE6;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
}
.socialLinks ul{
	list-style-type: none;
	list-style-position: outside;
}
.socialLinks ul li{
	padding-right:5px;
	display: inline;
}
.socialLinks ul a:hover{
	text-decoration: none;
}
li.socialHeading{font-size: 120%;
text-decoration: none;
color: #917C6C;
font-weight: normal;
margin-right:10px;
}



/* --- 14) SITE MAP -----------------------------------------------------*/


td.sitemap{border: 1px #917C6C solid;
margin-bottom: 30px; }

img.sitemapIconPad{
	margin-right:5px;
}
div#sitemap{
	margin-left: 20px;
}
div#sitemap p a{
	text-align:left;
}
div#sitemap .col1, div#sitemap .col2, div#sitemap .col3{
	width:300px;
	float:left;
	text-align:left;
	margin:0;
	padding-right:10px;
}
div#sitemap .col2, div#sitemap .col3{
	padding-left: 10px;
}
div#sitemap .col1, div#sitemap .col2{
	border-right: #F0ECE5 solid 1px;
}

a.sitemap {color: #917C6C;
	background-image:url(../images/copy.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 10px 10px 10px 30px;
	font-weight: bold;
	text-decoration: none; }

a:hover.sitemap {color: #333;
	text-decoration: underline; }

.sitemaplinx {font-size: 1em;
	text-decoration: none;
	color: #917C6C;
	font-weight: bold;
	line-height: 140%; 
	text-align: left; }

a:hover.sitemaplinx {color: #333;
	text-decoration: underline; }

.smdescription {font-size: 0.9em;
	text-decoration: none;
	color: #333;
	font-weight: normal;
	line-height: 140%; 
	text-align: left;
	margin-bottom: 10px;
	}
	
.smdescription a{font-size: 1em;
	text-decoration: none;
	color: #999;
	font-weight: bold;
	line-height: 140%; 
	text-align: left;
	padding:0;}

a:hover.sitemaplinx {color: #333;
	text-decoration: underline; }




/* --- 15) BRITISH FURNITURE STYLING ------------------------------------*/

/* JW 260309 - 'askifitis' link */

.askifitis{
	background: url(../images/ask-if-it-is-tag.png) no-repeat;
	height: 70px;
}



/* --- 16) FACTORY SALE PAGE STYLING ------------------------------------*/

/* Sale items page 130911 */

div#contentArea{
	margin-left: 20px;
}
div#contentArea p{
	text-align:left;
}
.pdfDownload a{
	height: 50px;
	display: block;
	position: relative;
	padding-top: 40px;
	padding-left: 60px;
	background: url(../images/adobe_pdf_icon.gif) no-repeat 0 15px;
	color: #917C6C;
	text-decoration: none;
	text-align:left;
	line-height: 120%;
}