/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Arial, Verdana, sans-serif; font-size:12px; color:#423d3e; background:#FFF;}
p { padding-bottom:15px; line-height:16px;}
em { font-style:italic;}
strong { font-weight:bold;}
abbr { text-decoration:none; border:none;}
img {border:0px;}
a { font-weight:normal; color:#423d3e; text-decoration:none;}
#content a { text-decoration:underline;}
a:hover, a:focus { color:#000;}
a:focus {-moz-outline: 1px dotted #000 !important;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
#content ul, #content ol { padding:0px 0px 15px 0px;}
#content li { padding:0px 0px 5px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 3px;}
#content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;}
#content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;}
#content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #e1e1e1;}
#content table th { font-weight:bold; padding:10px 5px 10px 5px; background:#f1f1f1;}
#content table td { border-top:1px solid #e1e1e1;}
legend { display:none;}
input, select, textarea { font-size:11px; font-family:Arial, Verdana, sans-serif; color:#423d3e;}
.checkbox input { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { font-size: 22px; color:#423d3e; font-weight:normal; text-transform:uppercase; letter-spacing:2px; padding:0px 0px 25px 0px;}
h2 { font-size: 15px; color:#423d3e; font-weight:bold; text-transform:uppercase; letter-spacing:2px; padding:0px 0px 15px 0px;}
h3 { font-size: 13px; color:#423d3e; font-weight:bold; text-transform:uppercase; letter-spacing:1px; padding:0px 0px 15px 0px;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#container { width:1000px; text-align:left; margin-left:auto; margin-right:auto; padding:0px 0px 0px 0px;}
#content { float:left; width:1000px; padding:25px 0px 25px 0px;}
.home#content { padding:0px 0px 10px 0px;}

#masthead { position:relative; float:left; width:1000px; padding:60px 0px 35px 0px; margin:0px 0px 10px 0px; text-align:center; background:url('/_images/bg/dotted-horiz.gif') repeat-x left bottom;}
	#masthead #nav { position:relative; float:left; width:1000px; padding:30px 0px 15px 0px; text-align:center; background:url('/_images/bg/dotted-horiz.gif') repeat-x bottom left;}
	#masthead #nav li { display:inline; padding:0px 15px 0px 15px; text-transform:uppercase; font-size:12px;}
	#masthead #nav li a { font-weight:normal; color:#777; letter-spacing:1px;}
	#masthead #nav li a:hover, #masthead #nav li a:focus { color:#000;}
	#masthead #nav li a.selected { color:#006699; font-weight:bold;}

	#masthead #nav ul { position:absolute; width:1000px; top:69px; left:0px; text-align:center;}

	#masthead .formButton { position:absolute; top:10px; right:0; padding:5px 10px; margin:0; display:block; text-transform:uppercase; font-size:10px; color:#fff; letter-spacing:1px; background:#006699;}
	#masthead .formButton:hover, #masthead .formButton:focus {background:#666;}

#footer { float:left; width:1000px; text-align:center; text-transform:uppercase; font-size:11px; font-weight:normal; color:#777; letter-spacing:1px; background:url('/_images/bg/dotted-horiz.gif') repeat-x left top;}
	#footer ul { float:left; width:1000px; padding:15px 0px 10px 0px;}
	#footer ul li { display:inline; padding:0px 5px 0px 10px; text-align:center; background:url('/_images/bullets/footer.gif') no-repeat 0px 2px;}
	#footer ul .first { background:none;}
	#footer ul li a { font-weight:normal; color:#777;}
	
#breadcrumb { float:left; width:1000px; text-transform:uppercase; font-size:11px; font-weight:normal; color:#777; letter-spacing:1px; padding:0px 0px 10px 0px;}
	#breadcrumb li { float:left; display:inline; padding:0px 8px 0px 12px; background:url('/_images/bullets/breadcrumb.gif') no-repeat 0px 4px;}
	#breadcrumb .first { float:left; display:inline; padding:0px 8px 0 0px; background:none;}
	#breadcrumb a { color:#777;}
	
/********************************************************************/
/*                          Homepage tags                           */
/********************************************************************/

#content .bannerSlider { position:relative; float:left; width:1000px; z-index:1; margin:0px 0px 0px 0px; height:500px; overflow:hidden;}
	#content .bannerSlider .panel { padding:0px 0px 0px 0px; background:none;}
	#content .carouselWrapper {margin:0 0 10px 0; background:url('/_images/bg/ajax-loader.gif') no-repeat 50% 50% #FFF; padding:0;}
	#content .carouselWrapper, #content .carouselWrapper .panel { width:1000px; height:500px;}
	#content .carouselWrapper { clear:both; overflow:auto;}
	#content .carouselWrapper { float:left; overflow:hidden; position:relative;}
	#content .carouselWrapper .panel { display:block; float:left; padding:0; background:none; position:relative;}
	#content .carouselWrapper .panel .description { position:absolute; bottom:70px; right:20px; display:block; padding:5px 14px; color:#FFF; font-size:11px ;text-transform:uppercase; letter-spacing:1px; text-decoration:none; background:url('/_images/bg/viewCollection.png') bottom center no-repeat;}
	#content .carouselWrapper .panel .description:hover, #content .carouselWrapper .panel .description:focus { background-position:top center;}

#content .carouselNav ul { position:absolute; top:450px; right:20px; width:300px; padding:0px 0px 0px 0px; text-align:right;}
	#content .carouselNav li { display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px 3px; background:none;}
	#content .carouselNav li a { width:20px; padding:3px 0px 3px 0px; display:inline-block; color:#fff; text-align:center; font-weight:normal; text-decoration:none; background:url('/_images/bg/carouselNav-selected.png');}
	#content .carouselNav li.selected a, #content .carouselNav li a:hover, #content .carouselNav li a:focus { background:url('/_images/bg/carouselNav.png');}

#content .bannerSlider a.next, #content .bannerSlider a.prev { position:absolute; top:250px; width:36px; height:36px; text-indent:-9999px; background:url('/_images/bg/bannerSlider-next.png') no-repeat bottom left;}
	#content .bannerSlider a.next { right:50px;}
	#content .bannerSlider a.prev { left:50px; background:url('/_images/bg/bannerSlider-prev.png') no-repeat bottom left;}
	#content .bannerSlider a:hover.next, #content .bannerSlider a:hover.prev { background-position:top left;}

/********************************************************************/
/*                         Collection tags                          */
/********************************************************************/

#content .collectionFilter { float:right; width:400px; padding:10px 0px 0px 0px;}
	#content .collectionFilter li { display:inline; float:right; padding:0px 8px 0px 8px; background:url('/_images/bullets/footer.gif') no-repeat 0px 2px;}
	#content .collectionFilter .last { background:none;}
	#content .collectionFilter li a { text-transform:uppercase; font-size:11px; font-weight:normal; color:#777; letter-spacing:1px; text-decoration:none;}
	#content .collectionFilter li a:hover, #content .collectionFilter li a:focus, #content .collectionFilter li a.selected { text-decoration:underline; color:#423d3e;}

#content .collectionList { float:left; width:1000px;}
	#content .collectionList li { position:relative; float:left; display:inline; width:142px; height:190px; padding:0px 0px 0px 29px; text-align:center; background:none;}
	#content .collectionList .first { padding:0px 0px 0px 0px;}
	#content .collectionList a, #content .viewFull { font-weight:normal; letter-spacing:1px; text-transform:uppercase; font-size:11px; text-decoration:none;}
	#content .collectionList img { float:left;}
	#content .collectionList span { float:left; width:142px; padding:5px 0px 0px 0px;}
	#content .collectionList .new { position:absolute; top:10px; left:39px; width:50px; height:25px; text-indent:-9999px; padding:0; background:url('/_images/bg/new-collection.png') no-repeat 0px 0px;}
	#content .collectionList .first .new { left:10px;}

#content .contentRight { float:right; width:601px; padding:0px 49px 15px 0px;}
	#content .contentRight h1 { font-size:18px; padding:0px 0px 15px 0px;}
	#content .swatches { float:left; width:600px; padding:0px 0px 5px 0px; background:none;}
	#content .swatches li { width:71px; display:inline-block; vertical-align:top; font-size:11px; padding:0px 0px 10px 14px; text-align:center; background:none;}
	#content .swatches li img { float:left;}
	
	#content .viewFull { text-decoration:underline;}
	
	#content .osborne-and-little.contentRight, #content .nina-campbell.contentRight, #content .lorca.contentRight, #content .furniture.contentRight { padding:50px 50px 15px 0px;}
	#content .osborne-and-little.contentRight h1 { color:#543019;}
	#content .nina-campbell.contentRight h1 { color:#002a5c;}
	#content .lorca.contentRight h1 { color:#ea77af;}
	
#content .contentLeft { float:left; width:300px; padding:0px 0px 0px 0px;}
	#content .contentLeft h2 { font-weight:normal; font-size: 22px; padding:0px 0px 25px 0px;}
	#content .contentLeft .bannerSlider, #content .contentLeft .carouselWrapper, #content .contentLeft .carouselWrapper .panel { width:300px; height:400px;}
	#content .contentLeft .carouselNav ul { top:360px; width:260px;}

#content .careInfo { text-align:center;}
	#content .careInfo .short { width:60px;}
	#content .careInfo th, #content .careInfo td { vertical-align:middle;}
	#content .careInfo ul { width:150px; padding:0px 0px 0px 0px;}
	#content .careInfo li { width:20px; height:20px; padding:2px 2px 2px 2px; display:inline; background:none;}
	
	
#content #collectionsSlider li div {display:none;}

#content .contentLeft #descWrapper {clear:both; min-height:80px; height:auto !important; height:80px;}
#content .contentLeft #collectionsDesc h2 {padding:0 0 10px 0; font-size:15px; font-weight: bold;}

/********************************************************************/
/*                           Contact tags                           */
/********************************************************************/

/*  Template Psd can be found:  \psd, creative\PSD\bg\checkboxes.psd  */
.custom-checkbox { position:relative; float:left;}
	.custom-checkbox input { position:absolute; left:2px; top:3px; margin:0; z-index:0; width:2px; overflow:hidden;}
	.custom-checkbox label { font-size:11px; display:block; position:relative; z-index:1; cursor:pointer; background: url('/_images/bg/checkboxes.gif') no-repeat -20px -18px;}
	.custom-checkbox label.hover, .custom-checkbox label.focus { background-position: -20px -73px;}
	.custom-checkbox label.checked { background-position: -20px -128px;}
	.custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus { background-position: -20px -183px;}
	.custom-checkbox label.focus { outline: 1px dotted #ccc;}
	/* Should only need to edit the following two values... */
	.custom-checkbox label { width:280px; padding:3px 0px 1px 20px;}

#content .contactRight { float:right; width:550px; padding:0px 50px 0px 0px;}

#content .enquiry {float:left; width:350px; overflow:hidden;}
#content .enquiry fieldset {float:left; width:350px; overflow:;}
	#content .enquiry .field {float:left; width:350px; padding:0 0 5px 0;}
	#content .enquiry .field label.label { float:left; width:145px; padding:5px 0 0 0; border-bottom:1px solid #bfbfbf;}
	#content .enquiry .text input, #content .enquiry .textarea textarea, #content .enquiry .select select { float:right; width:190px; padding:2px 4px 2px 4px; margin:0 0 0 0; color:#666; border:1px solid #bfbfbf; background:#fff;}
	#content .enquiry .textarea textarea { height:120px; overflow:auto;}
	#content .enquiry .select select { width:200px; padding:1px 1px 1px 1px;}
	
	#content .enquiry #checkboxes {float:left;}
	#content .enquiry .field.checkboxField {width:165px; clear:left; padding:0px 0px 3px 0px;}
		#content .enquiry .custom-checkbox label {width:145px; padding:1px 20px 3px 0px; border:none; background: url('/_images/bg/checkboxes.gif') no-repeat 130px -18px;}
		#content .enquiry .custom-checkbox label.hover, #content .enquiry .custom-checkbox label.focus { background-position: 130px -73px;}
		#content .enquiry .custom-checkbox label.checked { background-position: 130px -128px;}
		#content .enquiry .custom-checkbox label.checkedHover, #content .enquiry .custom-checkbox label.checkedFocus { background-position: 130px -183px;}
		#content .enquiry .custom-checkbox input { left:152px;}
		#content .enquiry .custom-checkbox label span { display:block; width:145px; padding:0px 0px 0px 0px; border-bottom:1px solid #bfbfbf;}

	#content .enquiry .controls {clear:both; float:right; width:350px; overflow:hidden;}
	#content .enquiry .formButton {float:right; height:20px; width:60px; padding:0; margin:0; cursor:pointer; display:block; overflow:visible; white-space:nowrap; vertical-align:middle; line-height:10px; text-transform:uppercase; font-size:10px; color:#fff; letter-spacing:1px; border:none; background:#006699;}
	#content .enquiry .formButton:hover, #content .enquiry .formButton:focus { background:#666;}
	#content .enquiry .formButton::-moz-focus-inner { border:none; padding:0px; margin-top:-1px;}

	#content .enquiry .alert {clear:both; width:330px; margin:0 0 3px 0; padding:3px 10px 10px 10px; overflow:hidden;}
	#content .enquiry .alert p {padding:0;}
	#content .enquiry .error {color:#B54040; border-top:1px solid #F48C8C; background:url('/_images/bg/error.gif') bottom left no-repeat #F9E5E5;}

#content .enquiry.stockists, #content .enquiry.stockists fieldset { width:300px;}
	#content .enquiry.stockists .field { float:left; width:300px; margin:0 0 5px 0;}
	#content .enquiry.stockists .text label, #content .enquiry.stockists .select label {float:left; width:95px;}
	#content .enquiry.stockists .text input, #content .enquiry.stockists .select select {float:right;}

	#content .enquiry.stockists .formButton { margin:10px 0px 0px 0px;}
	#content .enquiry.stockists a { float:left; line-height:20px; padding:0px 6px 0px 6px; margin:10px 0px 0px 0px; display:block; text-decoration:none; white-space:nowrap; text-transform:uppercase; font-size:10px; color:#fff; letter-spacing:1px; background:#006699;}

/********************************************************************/
/*                           Search tags                            */
/********************************************************************/

#content .searchFilter, #content .searchFilter fieldset { float:left; width:300px; padding:0;}
	#content .searchFilter fieldset, #content .searchFilter div { position:relative; float:left; width:300px; padding:0;}
	#content .searchFilter fieldset .wrapper {padding:0 0 10px 0;}
	#content .searchFilter h2 { float:left; width:300px; font-size:14px; padding:0px 0px 0px 0px;}
	#content .searchFilter h2 a { float:left; width:300px; padding:8px 0px 8px 0px; text-decoration:none; border-top:1px solid #bfbfbf; background:url('/_images/bullets/searchFilter-down.gif') no-repeat 280px 14px;}
	#content .searchFilter .first h2 a {border:none;}
	#content .searchFilter .active a { background:url('/_images/bullets/searchFilter-up.gif') no-repeat 280px 14px;}
	#content .searchFilter ul {clear:both; margin:0; padding:0 0 10px 0; overflow:hidden;}
	#content .searchFilter ul li {clear:both; width:300px; margin:0; padding:0; background:none;}
	#content .searchFilter ul li a {display:block; width:275px; padding:2px 0 3px 25px; text-decoration:none; background:url('/_images/bg/filter.gif') 0 0 no-repeat;}
	#content .searchFilter ul li a span {color:#888;}
	#content .searchFilter ul li a:hover, #content .searchFilter ul li a:focus, #content .searchFilter ul li a:active, #content .searchFilter ul li a.selected {background:url('/_images/bg/filter.gif') 0 -21px no-repeat; text-decoration:none;}
	#content .searchFilter ul li a.selected:hover, #content .searchFilter ul li a.selected:focus, #content .searchFilter ul li a.selected:active {background-position:0 -42px;}

#content .searchFilter .searchKeywords {padding:0;}
	#content .searchFilter .searchKeywords .text.field {width:240px; padding:0 0 15px 0;}
	#content .searchFilter .searchKeywords .text label {position:absolute; margin-left:-9999px;}
	#content .searchFilter .searchKeywords .text input {float:left; width:230px; color:#999; padding:3px 4px 3px 4px; margin:0px 0px 0px 0px; border:1px solid #bfbfbf; text-transform:uppercase;}
	#content .searchFilter .formButton { float:right; height:22px; width:auto; padding:0 6px; margin:0 0 5px 0; cursor:pointer; display:block; overflow:visible; white-space:nowrap; vertical-align:middle; line-height:10px; text-transform:uppercase; font-size:10px; color:#fff; letter-spacing:1px; border:none; background:#006699;}
	#content .searchFilter .formButton.search { width:60px;}
	#content .searchFilter .formButton:hover, #content .searchFilter .formButton:focus {background:#666;}
	#content .searchFilter .formButton::-moz-focus-inner { border:none; padding:0px; margin-top:-1px;}

#content .searchFilter .filtered {clear:both; margin:0; padding:0 0 5px 0; overflow:hidden;}
	#content .searchFilter .filtered h2 {margin:0 0 10px 0; padding:0 0 5px 0; font-size:11px; border-bottom:1px solid #bfbfbf;}
	#content .searchFilter .filtered li a {background-position:0 -21px;}
	#content .searchFilter .filtered li a:hover, #content .filtered li a:focus, #content .filtered li a:active {background-position:0 -42px;}
	#content .searchFilter .filtered li a span {position:absolute; left:-9999px;}

	#content .searchFilter h2.searchTitle {margin:0 0 10px 0; padding:0 0 5px 0; font-size:11px; border-bottom:1px solid #bfbfbf;}

#content .resultsList { float:left; width:601px;}
	#content .resultsList li {  width:71px; display:inline-block; vertical-align:top; text-transform:capitalize; font-size:11px; padding:0px 0px 10px 14px; text-align:center; background:none;}
	#content .resultsList .first { padding-left:0;}
	#content .resultsList span { float:left; width:71px; padding:2px 0px 0px 0px;}
	#content .resultsList img { float:left;}
	#content .resultsList a { text-decoration:none;}

#content .loading {width:300px; margin:20px 0; text-align:center;}
#content .loading img {margin:0 0 20px 0;}
#content .loading p.first {margin:0; padding:0 0 5px 0; font-size:12px; color:#423D3E; letter-spacing:1px; text-transform:uppercase;}

/********************************************************************/
/*                          Stockist tags                           */
/********************************************************************/

#content .addressList, #content .addressList li, #content .moduleList, #content .moduleList li { float:left; width:100%;}
#content .addressList, #content .moduleList { border-top:1px solid #bfbfbf;}
	#content .addressList li, #content .moduleList li { padding:18px 0px 18px 0px; border-bottom:1px solid #bfbfbf; background:none;}
	#content .addressList li h2, #content .addressList li p { padding:0px 0px 5px 0px;}
	#content .addressList li h2 { font-size:14px;}
	#content .moduleList li h2 { padding:0px 0px 5px 0px;}
	#content .addressList li ul, #content .addressList li dl { float:left; width:100%; padding:0px 0px 5px 0px;}
	#content .addressList li li { display:inline; width:auto; padding:0px 20px 0px 0px; border-bottom:none;}
	#content .addressList li li abbr { font-weight:bold;}
	#content .addressList li dt, #content .addressList li dd { float:left; display:inline; padding:0px 20px 0px 0px;}
	#content .addressList li dt { font-weight:bold; padding:0px 4px 0px 0px;}
	
	#content .moduleList ul, #content .moduleList ol { float:left; width:100%;}
	#content .moduleList ul li { padding:0px 0px 5px 10px; border:none; background:url('/_images/bullets/bullet.gif') no-repeat 0px 3px;}
	#content .moduleList ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; border:none; list-style:decimal outside; background:none;}

#stockistMap { float:left; width:585px; height:400px;}

.showingResults { padding:4px 0px 15px 0px; text-align:right;}

#content .stockistNav { float:left; width:300px; font-size:14px;}
	#content .stockistNav li { float:left; width:300px; padding:0px 0px 0px 0px; border-top:1px solid #bfbfbf; background:none;}
	#content .stockistNav .first { border-top:none;}
	#content .stockistNav li a { float:left; width:300px; padding:8px 0px 8px 0px; text-transform:uppercase; letter-spacing:2px; text-decoration:none; background:url('/_images/bullets/arrow-large.gif') no-repeat 283px 12px;}

/********************************************************************/
/*                           pageNumbers                            */
/********************************************************************/

#content ul.pageNumbers  { float:left; width:300px; font-size:11px; padding:0px 0px 20px 0px;}
	#content ul.pageNumbers li { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 4px 0px 0px; border:1px solid #bfbfbf; text-align:center; background:none;}
	#content ul.pageNumbers a { display:block; width:22px; padding:4px 0px 4px 0px; color:#666; text-decoration:none; font-weight:normal; background-color:#fff;}
	#content ul.pageNumbers a:hover {color:#FFF; background:#666;}
	#content ul.pageNumbers a.selected { background:#006699; color:#fff; font-weight:bold;}
	#content ul.pageNumbers .first a, #content ul.pageNumbers .last a, #content ul.pageNumbers .next a, #content ul.pageNumbers .prev a { float:left; padding:0px 0px 0px 0px;}
	#content ul.pageNumbers .first span, #content ul.pageNumbers .last span, #content ul.pageNumbers .next span, #content ul.pageNumbers .prev span { float:left; width:22px; height:22px; text-indent:-9999px; background:url('/_images/bg/page-first.gif') no-repeat 8px 3px;}
	#content ul.pageNumbers .first span:hover, #content ul.pageNumbers .last span:hover, #content ul.pageNumbers .next span:hover, #content ul.pageNumbers .prev span:hover { background-position:8px -10px;}
	#content ul.pageNumbers .last span { background-image:url('/_images/bg/page-last.gif');}
	#content ul.pageNumbers .next span { background-image:url('/_images/bg/page-next.gif');}
	#content ul.pageNumbers .prev span { background-image:url('/_images/bg/page-prev.gif');}

#content .sitemap, #content .sitemap li { float:left; width:100%;}
	#content .sitemap { border-top:1px solid #bfbfbf;}
	#content .sitemap li { padding:10px 0px 10px 0px; border-bottom:1px solid #bfbfbf; background:none; text-transform:uppercase; letter-spacing:1px; font-size:12px; text-decoration:none;}
	#content .sitemap li a { text-decoration:none;}
	#content .sitemap li ul { padding:10px 0px 5px 20px;}
	#content .sitemap li li { padding:0px 0px 5px 10px; border-bottom:none; text-transform:none; letter-spacing:0px; font-size:11px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 3px;}