@import url(reset.css);

/*
=Typography
*/

body {
	font: 12px/18px arial, helvetica, sans-serif;
	color: #666;
}

a 		{color: #A57C52;}
a:hover {color: #C6B198;}

p {
	margin: 0 0 10px 0;
}

.specialHeading {
	font: 18px/18px "BaskervilleClassico-Italic", "Adobe Caslon Pro", "Times New Roman", serif;
	font-style: italic;
	letter-spacing: .12em;
	margin: 0 0 0px;
	color: #666;
}

.specialHeading a {
	text-decoration: none;
}

.subHeading,
.text h4 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	margin: 10px 0 5px 0;
	letter-spacing: 0.01em;
	color: #4c4c4c;
}

.regularHeading {
  font: 16px/19px arial, sans-serif;
  margin-bottom: 5px;
  font-weight: normal;
}

  .regularHeading a {
    text-decoration: none;
  }


/*
=Typo nav
*/

.viewNav {
	font: 15px/18px "Baskerville Cyrillic LT Std", "Adobe Caslon Pro", "Times New Roman", serif;
	color: #a57c52;
	letter-spacing: .08em;
}

.dirNav {
	font: 22px/26px "Res Publica", Georgia, "Times New Roman", serif;
	color: #666;
}
	a:hover .dirNav {color: #999}

.drop a {
	font: 12px/21px arial, helvetica, sans-serif;
	color: #4c4c4c;
}	
	.drop a:hover {color: #c6b198}

#siteNav a {
	font: 12px/18px "Avenir LT 35 Light", helvetica, arial, sans-serif;
	letter-spacing: -0.015em;
	color: #666;
}
	#siteNav a:hover {color: #a57c52;}

#dirNav a {
	font: 12px/21px arial, helvetica, sans-serif;
	color: #4c4c4c;
}
	#dirNav .active a,
	#dirNav a:hover {color: #a57c52}

.overlabel {
	font-size: 11px;
	color: #666;
}

/*
=Typo thumbs
*/
.pageHeader {
	font: 25px/28px "Res Publica", Georgia, "Times New Roman", serif;
	color: #666;
}

.boxHeading {
	font: 15px/18px "Baskerville Cyrillic LT Std", "Adobe Caslon Pro", "Times New Roman", serif;
	font-style: italic;
	font-weight: normal;
	letter-spacing: .08em;
	color: #666;
}

.boxHeading a {
	color: #666;
	text-decoration: none;
}
.boxHeading a:hover,
.bl-hover .boxHeading a  {color: #a57c52} 

.boxFeatured {
	font: 20px/24px "Res Publica", Georgia, "Times New Roman", serif;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}
	a.boxFeatured:hover,
	.bl-hover a.boxFeatured {color: #a57c52}

.readMore {
	font: 12px/14px arial, helvetica, sans-serif;	
	margin-bottom: 10px;
	text-decoration: none;
}

a.readMore {color: #a57c52}
/*	a.readMore:hover {color: #c6b198} */

.boxDescription,
.boxDescription a {
	font: 11px/15px arial, helvetica, sans-serif;
	color: #666;
}

.boxDescription a:hover {color:#999}


.small,
.small a:link {
	font: 12px/14px arial, helvetica, sans-serif;
	color: #666;
	margin-bottom: 3px;
}
	.small a:visited	{color: #b2b2b2}
	.small a:hover,
	.small a:active 	{color: #a57c52}

.smaller {
	font: 10px/11px arial, helvetica, sans-serif;
	color: #666;
}	
	
.tiny {
	font: 9px/13px arial, helvetica, sans-serif;
	color: #4c4c4c;
}
	.tiny:hover{color: #a57c52}


.bold {
	font-weight: bold;
}

.headline {
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	letter-spacing: -.01em;
	color: #4c4c4c;
}

/*
=Global
*/

body {
	width: 900px;
	margin: 0 auto;
	background: rgb(251,249,246);
}

.container {
	float: left;
	background: #fff;
	padding: 20px;
}

.center {
	text-align: center;
}

.right {
	float: right;
}

.left {
	float: left;
}

.full {
	width: 860px;
	float: left;
	clear: left;
	margin-bottom: 20px;
}

.half {
	width: 513px;
}

.main-col {
	width: 683px;
}

.nav-col {
	width: 170px;
	margin-top: -5px;
}

.nav-col .section {
	border-top: 1px dotted #C6B198;
	padding: 14px 0;
}

.pageHeader {
	margin: 0 0 4px;
	float: left;
}

.block {
	clear: both;
	float: left;
	width: 100%;
}

.offwhite {
	background: #FBF9F6;
}

.extraPad {
	padding: 30px 50px 0 12px;
	width: 621px;
	border-top: 2px solid #A57C52;
	margin-bottom: 20px;
}

.line {
	border-bottom: 2px solid #C6B198;
}

.full-third {
	width: 276px;
}

.main-col .three .thumb {
	width: 195px; /* Thirds inside main column */
}

.twothird {
	width: 568px;
}

.fourfifth {
	width: 620px;
}

.fifth {
	width: 240px;
}

.main-col .half {
	width: 320px;
}

/*
    =Footer
    */
    
    #footer {
	   	padding: 5px 0;
	   	border-top: 1px dashed #acacac;
	   	float: left;
   		clear: left;
	  	width: 860px;
	}
    
    #copyright {
      padding-right: 5px;
      margin-right: 3px;
      border-right: 1px solid;
      color: #acacac;
    }
    
    a#privacy {
      color: #acacac;
      padding-right: 5px;
      margin-right: 3px;
      border-right: 1px solid;
    }
      
    a#privacy:hover {
      color: #a57c52;
    }
    
    #footer a#ufLink {
      background: transparent url(../images/logo/logo-UF.png) 0 0 no-repeat;
      padding: 3px 33px 2px 0px;
      width: 42px;
      color: #acacac;
      text-decoration: none;
      position: relative;
    }
    
    #footer a#ufLink span {
      visibility: hidden;
      position: absolute;
      display: block;
      width: 14em;
      top: 2px;
      left: 40px;
    }
    
    #footer a#ufLink:hover span {
      visibility: visible;
    }

/*
=Header layout
*/

.header {
	padding-bottom: 35px;
}

.topBar {
	xoverflow: visible;
	xposition: relative;
	float: left;
	margin: 0 0 16px 0;
	width: 100%;
}

.logo {
	position: relative;
	width: 179px;
	height: 40px;
	font-size: 18px;
	overflow: hidden;
	float: left;
	margin-bottom: 6px;
}
	.logo i {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: transparent url(../../assets/images/logo/Cotswold.gif) 0 0 no-repeat;
	}

.userMenu {
/*	position: absolute;
	bottom: 0;
	right: 0;
	width: 256px;
*/
	float: right;
}

.userMenu .phone {
	background: transparent url(../images/ui/ui-things.png) 0px -98px no-repeat;
	clear: right;
	float: right;
	padding: 0 0 0 24px;
	margin: 0;
}

.menu {
	float: right;
	list-style-position: outside;
	list-style: none;
	margin: 0 0 8px 0;
}

.menu li {
	float: left;
	margin: 0 0 0 10px;
}

.menu a {
	text-decoration: none;
	text-transform: uppercase;
}

#headerImg {
	clear: left;
	padding: 0 0 5px;
	margin: 0 0 7px;
	border-bottom: 1px solid #C6B198;
	position: relative;
}
	
/*
=Navigation layout
*/

#headerBox {
	float: left;
}

#headerBox .shadow-B {
	padding-bottom: 0;
}

#headerBox .BL {
	bottom: -5px;
	width: 7px;
}

#headerBox .BR {
	bottom: -5px;
	width: 5px;
	background-position: -20px -25px;
}

 

#headerBox ul {
	list-style: none;
	list-style-position: outside;
	margin: 0;
	float: left;
}

#headerBox a {
	float: left;
	display: block;
	text-decoration: none;
}

#mainNav {
	float: left;
	width: 100%;
	background: #fff;
}

.pagination {
	list-style-position: outside;
	list-style: none;
	margin: 0;
}
	.pagination li,
	.text .pagination li {
		display: inline;
		background: none;
		padding: 0;
	}
	.pagination a {padding: 2px}
	
	.pagination .prev {border-right: 1px solid #333}
	.pagination .next {border-left: 1px solid #333}
	
	.pagination .prev a {margin-right: 3px}
	.pagination .next a {margin-left: 3px}
		
		
.localNav {
	float: right;
	margin: 5px 0 0 0;
}
	.localNav a {
		color: #666;
		padding: 2px;
	}
		.localNav a:hover {
			color: #a57c52;
		}

/*
=drop downs
*/

#directory {
	float: left;
}

.viewNav 	{float: left}
.dirNav 	{float: left; clear: left; white-space: nowrap;}
#brandsNav>a {border-right: 1px solid #f2f2f2}

.sidebyside li {float: left}

.dropParent {
	position: relative;
	z-index: 99;
}

.dropper {
	padding: 14px 0 16px 20px;
	width: 125px;
	background: #fff;
	margin-top: -11px;
	position: relative;
	bottom: -6px;
}

.drop {
	background: #fff url(../../assets/images/ui/drop-shadow-B.png) 0 -7px repeat-x;
	position: absolute;
	z-index: 99;
	left: -9999px;
	top: 70px;
	padding: 15px 0;
	width: 135px;
}
	.dropParent:hover .drop {
		left: 10px;
	}

.drop li {
	float: none;
	display: block;
	overflow: hidden;
}

.drop a {
	width: 100%;
	padding: 0 0 0 10px;
}

#siteNav {
	float: right;
	width: 292px;
	padding: 1px 10px 0 0;
}


/*
=table style look
*/

#siteNav a {
	width: 95px;
	border-top: 1px solid #ebebeb;
	line-height: 1em;
	padding: 6px 0 0;
}

#siteNav a.first {
	border: none;
}

/*
=dropShadow
*/

.dropShadow {
	margin: 0 -5px;
	position: relative;
	float: left;
}

.dropShadow.right {
	float: right;
}

.shadow-T {
	float: left;
	width: 100%;
	background: transparent url(../../assets/images/ui/drop-shadow-T.png) 0 0 repeat-x;
	padding: 5px 0 0 0;
	position: relative;
}
	.offwhite .shadow-T {background-image: url(../../assets/images/ui/dropshadow-offwhite/drop-shadow-T.png)}

.shadow-R {
	float: left;
	width: 100%;
	background: transparent url(../../assets/images/ui/drop-shadow-R.png) 100% 0 repeat-y;
	padding: 0 10px 0 0;
	position: relative;
}
	.offwhite .shadow-R {background-image: url(../../assets/images/ui/dropshadow-offwhite/drop-shadow-R.png)}

.shadow-B {
	float: left;
	width: 100%;
	background: transparent url(../../assets/images/ui/drop-shadow-B.png) 0 100% repeat-x;
	padding: 0 0 5px 0;	
}
	.offwhite .shadow-B {background-image: url(../../assets/images/ui/dropshadow-offwhite/drop-shadow-B.png)}

.shadow-L {
	float: left;
	width: 100%;
	background: transparent url(../../assets/images/ui/drop-shadow-L.png) 0 0 repeat-y;
	padding: 0 0 0 5px;	
}
	.offwhite .shadow-L {background-image: url(../../assets/images/ui/dropshadow-offwhite/drop-shadow-L.png)}

.shadow-inside {
	background: #fff;
	padding: 5px;
}

.pad15 .shadow-inside {
	padding: 15px;
}

.clear-both {
	display: block;
	height: 1px;
	width: 1px;
	background: transparent;
	clear: both;
}

		.TR, .BR, .BL, .TL {
			position: absolute;
			background: transparent url(../../assets/images/ui/drop-shadow-C.png) -21px 0 no-repeat;
			overflow: hidden;
			font-size: 0;
			z-index: 999;
		}
			.offwhite .TR, 
			.offwhite .BR, 
			.offwhite .BL, 
			.offwhite .TL {background-image: url(../../assets/images/ui/dropshadow-offwhite/drop-shadow-C.png)}
		
		.TL {
			top: -3px;
			left: 0;
			width: 5px;
			height: 15px;
			background-position: 0 0;
		}

		.TR {
			top: 0;
			right: -10px;
			width: 15px;
			height: 5px;
			background-position: -12px 0;
		}
		.BR {
			bottom: 0;
			right: 0;
			width: 15px;
			height: 5px;
			background-position: -15px -25px;			
		}
		.BL {
			bottom: 0;
			left: -2px;
			width: 15px;
			height: 5px;
			background-position: 0 -25px;			
		}
		
.topShadow {
	display: block;
	height: 7px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(../../assets/images/ui/transparent-shadow-B.png) 0 -6px repeat-x;
	z-index: 98;
}

/*
=search and =finder
*/

#finder {
	position: relative;
	overflow: hidden;
}

#search-form {
	float: right;
}

.overlabel-wrapper {
	position: relative;
}
	.overlabel-apply {
		position: absolute;
		top: 3px;
		left: 3px;
	}
	
	/* webkit hack */
	@media screen and (-webkit-min-device-pixel-ratio:0){
		.overlabel-apply {top: 4px}
	}

.btn,
.address a.btn {
	border-top: 1px solid #e3e0d7;
	border-left: 1px solid #e3e0d7;
	border-right: 1px solid #d1ccc8;
	border-bottom: 1px solid #d1ccc8;
	background: #E5DBD3;
	color: #9a938d;
	line-height: 1em;
	padding: 5px 9px;
	cursor: pointer;
	font-size: 11px;
	text-transform: uppercase;
}

/* Firefox hack */
@-moz-document url-prefix() {
	.btn { padding: 3px 6px 2px 6px;}
}

.btn:hover,
.address a.btn:hover {
	border-top: 1px solid #e8e9e4;
	border-left: 1px solid #e8e9e4;
	border-right: 1px solid #cec9c5;
	border-bottom: 1px solid #cec9c5;
	background: #F4EFEA;
	color: #a4a09d;
}

	.btn:active {border: 1px solid #d1ccc8}

.btn.highlight {
	background: #d7ed15;
	border-top: 1px solid #def03d;
	border-right: 1px solid #cce114;
	border-bottom: 1px solid #cce114;
	border-left: 1px solid #def03d;
	color: #474747;
}
	.btn.highlight:hover,
	.btn.highlight a:hover {
		background: #eef2c7;
	}

.txtInput {
	border: 1px solid #bbb;
	padding: 3px 1px;
	font-size: 12px;
	width: 130px;
}

#dirView {
	float: left;
	padding: 8px 0 0 0;
}
	
	#dirView .viewNav {
		margin: -3px 60px 0 0;
	}
	
	.showMenu {
		text-decoration: none;
		text-transform: uppercase;
		padding: 3px 15px 3px 3px;
		background: transparent url(../../assets/images/ui/ui-things.png) 100% -46px  no-repeat;
	}
		/* Add class via javascript */
		.showMenu.open {
			background-position: 100% 3px;
		}

/*
=Directory nav
*/

.fader li {
	display: none;
	opacity: 1;
}
	.fader li.selected,
	.fader li.active {
		display: block;
		opacity: 1;
	}

#dirNav {
	clear: left;
	overflow: hidden;
}

.border {
	overflow: hidden;
	padding-bottom: 24px;
	border-bottom: 1px dotted #cecece;
}

.column {
	float: left;
	margin: 0 10px 0 0;
	border-top:  1px solid #ebebeb;
}
.column ul {
	margin: 0;
	list-style: none;
	list-style-position: outside;
}

.column a {
	text-decoration: none;
	display: block;
	padding: 0 0 0 3px;
	border-bottom: 1px solid #ebebeb;
}
	.column li.selected {
		background: #f0e6de;
	} 

#dirNav .column {
	width: 160px;
	margin-top: 24px;
}

/*
=Left column nav
*/

.nav-col ul {
	list-style-position: outside;
	list-style: none;
	margin: 0;
}

.nav-col a {
	text-decoration: none;
}

/*
=thumbs
*/

.thumbs {
	margin: 0 0 20px;
	list-style-position: outside;
	list-style: none;
	float: left;
	clear: left;
}

.thumb {
	float: left;
	position: relative;
}

.three .thumb {
	width: 276px;
	margin: 0 0 16px 16px;
}

ul.thumbs .first {
	margin-left: 0;
}

.three .img {
	width: 248px;
	overflow: hidden;
	border: 1px solid rgb(179,179,179);
}

.img img {
	opacity: .9;
}

.thumb .boxHeading {
	margin-bottom: 20px;
}

.boxFeatured {
	display: block;
	border-bottom: 1px dotted #cecece;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.boxFeatured .by {
	clear: left;
	display: block;
}


.boxDescription dt {
	float: left;
	width: 47px;
}

.boxDescription dd {
	margin-left: 47px;
}

.bl-hover2 .boxDescription a:hover {
	color: #c6b198;
}

/*
=Biggerlink
*/

.bl-hover .boxHeading,
.bl-hover .small,
.bl-hover .small a	 {
	color: #a57c52;
}

.featured .bl-hover .img,
.collection .bl-hover .img,
.suggestions .bl-hover .img {
	border-color: #a57c52;
}

.collections .bl-hover .img,
.categories .bl-hover .img {
	background: #E5DBD3;
}

.bl-hover img {
	opacity: 1;
}

.featured .thumb.bl-hover  {
	background: #fdf7f3;
}

.bl-hover .regularHeading a {
  color: #C6B198;
}

.searchList .bl-hover {
  cursor: pointer;
}

.searchList .bl-hover img {
  border-color: #C6B198;
}

/*
=featured
*/

.featured {
	float: left;
	margin: 0 0 10px 0;
}

.featured ul.thumbs {
	float: left;
	width: 568px;
	margin: 0 16px 0 0;
}

.featured .thumb,
.collections .thumb,
.categories .thumb {
	background: #FBF9F6;
	width: 250px;
	padding: 20px 13px;
}

.featured .dropShadow {
	margin-top: -4px;
	margin-bottom: 10px;
}

.featured .shadow-inside {
	padding: 0;
}

.newsFeed{
	width: 252px;
	padding: 12px 6px;
	border: 6px solid #FBF9F6;
}

.newsFeed.letter {
	background: #FBF9F6;
}

.newsList {
	list-style-position: outside;
	list-style: none;
	margin: 0;
}

	.newsList li {
		border-top: 1px solid #D9CCBB;
		padding: 10px 0 3px;
	}
		.newsList li.first {
			border: none;
			margin: 0;
		}

.newsFeed.letter .boxHeading {
	margin-bottom: 5px;
}

#newsletter-form .txtInput {
	width: 181px;
}

/*
=collections
*/

.collections .thumb {
	width: 248px;
	border: 1px solid #F4EFEA;
}

.collections .img,
.categories .img {
	width: 234px;
	margin-bottom: 20px;
	border: 1px solid #ece4ea;
	padding: 6px;
	background: #F4EFEA;
}

.categories .img {
	margin: 0;
}

.collections .img img,
.categories .img img {
	border: 1px solid #ece4ea;
}

/*
=collection
*/

.collection {
	width: 836px; /* 860 - padding */
	background: #FBF9F6;
	padding: 24px 12px 0;
	margin-bottom: 14px;
}

.collection.white {
	background: #fff;
}

.landing .collection {
	background: #f4f1eb;
}

.collection .thumbs {
	margin-bottom: 0;
}

.collection .boxHeading {
	margin-bottom: 12px;
}

.bestSellers {
	background: transparent url(../images/ui/best-sellers-medal.png) 0 0 no-repeat;
	padding: 3px 0 0 25px;
}

.collection .thumb,
.suggestions .thumb {
	width: 206px;
	margin-left: 4px;
	margin-bottom: 25px;
	min-height: 230px;
}

.collection .img,
.suggestions .img {
	width: 204px;
	border: 1px solid #ece4ea;
	margin-bottom: 4px;
}

.collection h4.readMore {
	padding: 13px 0 0 0;
	border-top: 1px dotted #b3b3b3;
}

.collection a.readMore:hover,
.collection .bl-hover a.readMore {
	color: #c6b198;
}

/*
=suggestions
*/
.suggestions {
	margin-bottom: 20px;
}

.suggestions .shadow-inside {
	padding: 15px 10px 11px;
}

.suggestions .thumb,
.suggestions .thumbs {
	margin-bottom: 0;
}

.suggestions .thumb h4 {
	height: 2.3em;
	position: relative;
}
	.suggestions .thumb h4 a {
		position: absolute;
		left: 0;
		bottom: 0;
		text-decoration: none;
	}

.suggestions .img {
	margin: 0;
}

/*
=recent
*/

.recent {
	float: left;
}

.recent .shadow-inside {
	padding-top: 16px;
	padding-bottom: 16px;
}

.recent .img {
	width: auto;
	width:185px;
	border: none;	
	height: 180px;
	display: table-cell;
	vertical-align: middle;
}

.recent h4 {
	margin-top: 16px;
}

.recent .bl-hover .shadow-L,
.recent .bl-hover .shadow-T,
.recent .bl-hover .shadow-R,
.recent .bl-hover .shadow-B,
.recent .bl-hover .TR,
.recent .bl-hover .BR,
.recent .bl-hover .BL,
.recent .bl-hover .TL {
	background-image: none;
}

/*
=Brands
*/

.brands .thumb {
	width: 205px;
	margin-left: 75px;
}

.brands .img {
	width: 205px;
	border: none;	
	height: 100px;
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px dotted #cecece;
}

.brands .tiny {
	text-decoration: none;
	text-transform: uppercase;
}

.bl-hover .tiny {
	color: #a57c52;
}


/*
=flags
*/

.flag {
	position: absolute;	
	z-index: 1000;
	color: #000;
	display: block;
	text-indent: -9999px;
}

	.thumb .flag {
		top: -5px;
		right: 6px;
	}
	.product .flag {
		top: -12px;
		left: 10px;
	}

.sale .flag {
	background: transparent url(../images/ui/flags/sale.png);
	width: 58px;
	height: 19px;
}

.overstocked .flag {
	background: transparent url(../images/ui/flags/overstocked.png);
	width: 116px;
	height: 18px;
}


/*
=product details
*/

.product {
	margin-bottom: 20px;
	position: relative;
}

.product .boxFeatured {
	margin-bottom: 0;	
	border: none;
	padding: 0;
}

.product .block {
	margin-bottom: 0;
	background: #FBF9F6 url(../../assets/images/ui/product-schwung.gif) -15px -13px no-repeat;
	border: none;
	padding: 10px 0 10px 10px;
}

.productDetails {
	background: #FBF9F6;
	border: 1px solid #e6e6e5;
	border-top: none;
	border-bottom-width: 2px;
	width: 812px;
	padding: 6px 37px 40px 9px;
	float: left;
}

.productImages {
	width: 432px;
	float: left;
	margin-right: 23px;
}

.productLogo {
	float: left;
}

.productBigImg {
	border: 1px solid #e6e6e5;
	margin: 0 0 7px;
}

.productSmallImg {
	float: right;
}

.productSmallImg ul {
	list-style-position: outside;
	list-style: none;
	margin: 0;
	max-width: 220px;
}

.productSmallImg li {
	float: left;
	margin: 0 0 3px 3px;
}

.productSmallImg img {
	border: 1px solid #e6e6e5;
}


.productData {
	width: 354px;
	float: left;
}

.productData dt {
	display: block;
	font-weight: bold;
	width: 100px;
	float: left;
	padding: 6px 0;
}

.productData dd {
	border-bottom: 1px solid #e6e6e5;
	padding: 6px 0 6px 100px;
	margin: 0;
}
	.productData dd.productExtraInfo {
		padding-left: 0;
		margin-left: 100px;
	}

.productData ul {
	list-style-position: outside;
	list-style: none;
	margin: 0;
}

.productFeatures {
	overflow: hidden;
}

.productFeatures li {
	float: left;
	padding-top: 40px;
	background: transparent url(../../assets/images/ui/product-features.png) 0 -8px no-repeat;
	min-width: 44px;
	text-align: center;
	margin-left: 4px;
	font-size: 9px;
}
li.outdoor {
	background-position: -6px -8px;
	margin: 0;
}
li.indoor {background-position: -76px -8px}
li.verandah {background-position: -156px -8px}
li.home {background-position: -237px -8px}
li.commercial {background-position: -315px -8px}

.notLoggedIn p {margin-bottom: 7px}

.notLoggedIn ul a,
.notLoggedIn ul a:hover {color: #ccc}

.productButtons {
	overflow: hidden;
	padding: 15px 0 0 100px;
}

.productButtons li {
	float: left;
	margin-right: 15px;
}
	.productButtons li:last-child {
		margin: 0;
	}

.productDownloads a {
	padding: 4px 0 4px 20px;
	line-height: 18px;
}

.pdf {
	background: transparent url(../../assets/images/ui/pdfIcon16x16.gif) 0 50%  no-repeat;
}

.high-res {
	background: transparent url(../../assets/images/ui/arrow_14.gif) 4px 50%  no-repeat;
}

.notLoggedIn .high-res {
	background-image: url(../../assets/images/ui/arrow_14_grey.png);
}

.productButtons .btn {
	text-align: center;
	margin: 0 5px 0 0;
	padding: 0;
}

.productButtons .btn a {
	background: #d7ed15;
	color: #474747;
	display: block;
	padding: 4px 5px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}
	.productButtons .btn a :hover{
		background: #eef2c7;
	}

/*
= Texty objects
*/
.featured {
	padding: 1em 0 0 0;
}

.featured .title {
	float: left;
	width: 276px;
	margin-top: -1.7em;
}

.featured .title p {
	margin: 0;
	font-style: italic;
}

.featured .title h2 {clear: left;width: 276px;}

.visit {text-align: right}

.visit a {
	text-decoration: none;
	color: #666;
	display: block;
	margin: 0 0 10px;
}
	.visit a:hover {color: #C6B198}
	
.pageHeader.narrow {
	display: block;
	float: none;
	margin-left: 177px;
	border-bottom: 1px solid #C6B198;
}

.text .section {
	padding-bottom: 33px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #C6B198;
	background: transparent url(../../assets/images/ui/hr.gif) 0 100% no-repeat;
	overflow: hidden;
}

.text img {
	margin: 20px 0 30px 0;
}

.text ul {
	margin-left: 0;
	list-style-position: outside;
	list-style: none;
}

.text ul li {
	padding-left: 13px;
	background: transparent url(../../assets/images/ui/bullet-arrow.gif) 0 0 no-repeat;
}

/* 
=Stockists
*/

.stockists h4.subHeading {
	float:left;
	margin:2px 0 0;
	width: 110px	
}

.stockists dl {
	margin: 0 0 55px 118px;
	line-height: 1.8em;
}
	.stockists dl dl {
		margin: 0;
	}
	
	.stockists dl li {
		background: none;
		padding: 0;
	}
	
.stockists dt {
	float: left;
	width: 86px;
}

.stockists dd {
	margin: 0 0 0 86px;
}

.stockists a {
	text-decoration: none;
	color: #666;
}
	
	.stockists a:hover {
		color: #C6B198;
	}
	
/*
=News
*/

.padding .shadow-inside {
	padding: 39px;
	border: 8px solid #F4EFEA;
}

.dropShadow.padding {
	margin-bottom: 20px;
}

.specialHeading {
/*	margin-bottom: 0; */
}

.news {
	margin-bottom: 15px;
}

.news .smaller {
	display: block;
	margin-top: 5px;
}

.viewArchive {
	margin-top: -25px;
	clear: left;
}

.viewArchive a {
	text-decoration: none;
}

.archive li {
	padding-bottom: 3px;
}

.archive a {
	text-decoration: none;
	color: #666;
}
	.archive a:hover {color: #C6B198}

/*
=Mailing list news
*/

.mailer li {
	text-align: right;
}

.mailer a {
	float: left;
}

/*
=Press releases
*/

.press-releases {
	float: left;
	width: 621px;
}

.press-releases ul,
.mailer ul {
	float: left;
	clear: left;
	width: 621px;
	margin-left: 0;
	margin-bottom: 30px;
}

.press-releases li,
.mailer ul li {
	padding: 10px 0 0 0;
	clear: left;
	float: left;
	width: 100%;
	border-bottom: 1px dotted #999;
	background: none;
	list-style-position: outside;
	list-style: none;
}


li.list-title {
	color: #555;
	font-weight: bold;
	border-bottom: 1px solid #555;
	overflow: hidden;
}

.press-releases a,
.recent .viewArchive a,
.mailer a {
	text-decoration: none;
	color: #666;
	display: block;
	overflow: hidden;
}
	.press-releases a:hover,
	.recent .viewArchive a:hover,
	.mailer a:hover {
		color: #C6B198;
	}

.press-releases .viewArchive,
.recent .viewArchive {
	margin: 0 0 30px 0;
	width: 621px;
	float: left;
	border-bottom: 1px dotted #999;
}

.press-releases .viewArchive a,
.recent .viewArchive a {
	clear: left;
	float: left;
}

.press-releases .specialHeading,
.recent .specialHeading  {
	margin-bottom: 19px;
	clear: left;
	float: left;
}

/*
=FAQ
*/

.faq {
	border-top: 1px dotted #C6B198;
	padding-top: 2.5em;
	margin-top: 2.5em;
}

.faq .pageHeader {
	margin-top: -2.45em; /* NB: Adjust this for sIFR */
}

.faq .main-col ol {
	margin-left: 20px;
}

.faq .main-col ol li {
	list-style-position: outside;
}

.faq .main-col ol a {
	text-decoration: none;
	color: #666;
}
	.faq .main-col ol a:hover {color: #a57c52}

.faq-container {
	clear: right;
	float: right;
	background: transparent url(../../assets/images/ui/hr.gif) 177px 0 no-repeat;
	padding: 15px 0 0 0;
	margin: 20px 0;
}

.faq-list {
	border-top: 1px dotted #C6B198;
	width: 860px;
}

.faq-list dt {
	float: left;
	width: 177px;
	padding: 20px 0 25px;
}

.faq-list dd {
	margin: -1px 0 0 177px;
	padding: 20px 0 25px;
	min-height: 20px; /* To avoid float stacking if less than 2 lines of text */
	background: transparent url(../../assets/images/ui/hr.gif) 0 100% no-repeat;
	border-top: 1px dotted #C6B198;
}

.faq-list dd.first {border: none}
.faq-list dd.last {background: none}

/*
=Overstocks
*/

p + .overstock  {
	margin-top: 40px;
}

.overstock {
	padding-right: 210px;
	line-height: 1.7em;
}

.overstock .specialHeading {
	margin-bottom: 15px;
}

.overstock .subHeading {
	color: #A57C52;
}

.overstock img.right {
	margin: 0 -210px 0 0;
	border: 1px solid #ccc;
}

.overstock dt {
	float: left;
	font-weight: bold;
	width: 95px;
}

.overstock dd {
	margin-left: 95px;
}

/*
=Search results
*/

.searchList {
  margin: 0;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #C6B198;
}

.searchList li {
  list-style-position: outside;
  list-style: none;
  display: block;
  overflow: hidden;
  clear: left;
}

.searchList img {
  border: 1px solid #ccc;
  margin: 0 20px 20px 0;
  float: left;
}

.searchList h3 {
  display: inline;
}

.searchList div.description {
  margin-left: 160px;
}

.searchList .noImage div.description {
  margin-left: 0px;
}

/*
=Contact
*/

.address {
	width: 300px;
	position: relative;
}

.address .map {
	margin: 0 0 17px;
}

.address dl {
	width: 200px;
}

.address dt {
	font-weight: bold;
	margin-top: 9px;
	line-height: 1.2em;
}

.address dt:first-child {
	margin: 0;
}

.address a {
	text-decoration: none;
	color: #666;
}
	.address a:hover{color: #a57c52}

.address a.btn {
	position: absolute;
	right: 0;
	top: 243px;
	text-align: center;
}

/*
=Forms
*/

.form {
	background: #FBF9F6;
	padding: 28px 28px 28px 14px;
	margin: 0 0 20px;
}

.form .specialHeading {margin: 0 0 0px} /* was 0 0 14px */

.warning {
	font-weight: bold;
	padding: 0 0 8px 0;
	margin: 0 0 14px;
	border-bottom: 1px dotted #C6B198;
}

.warning strong {text-transform: uppercase}

.form fieldset {
	padding: 18px 0;
	border-bottom: 1px dotted #C6B198;
}

.form .specialHeading + fieldset,
.form .warning + fieldset {
	padding: 0 0 18px;
}

.form .section {
   margin: 0 0 7px;
   float: left;
   clear: left;       /* new */
   width: 100%;       /* new */
   display: block;    /* new */
}

.form label {
	float: left;
	width: 145px;
	clear: left;
}

.form .txtInput,
.form #comment {
	width: 322px;
	border: 1px solid #bbb;
	padding: 3px 1px;
	font-size: 12px;
}

.form .short {
	width: 130px;
}

.form .numbers {
	width: 75px;
}

.request {
	margin: 0 0 20px;
	float: left;
}

.request .section {
   clear: none;
   width: 322px;
}

.request .section .smaller {
   line-height: 15px;
}

.request p {
	float: left;
	width: 145px;
}
.request input {float: left}
/* Firefox hack */
@-moz-document url-prefix() {
	.request input { margin-top: 1px;padding: 0;}
}
.request label {
	float: none;
	width: auto;
	clear: none;
	margin: 0 0 0 5px;
}

#address2 {
	margin-bottom: 20px;
}

.lightbox #address2 {
	margin-bottom: 0;
}

.spam {margin-left: 145px}
.spam img{margin: 0 0 8px}
.spam p {margin: 0 0 3px;}
.spam a {color: #666}
.spam a:hover {color: #a57c52}

.buttons {
	text-align: right;
	padding-top: 17px;
}

form#cntForm div.spam label{
display:none;
}


/*
=Lightboxes
*/

.lightbox {
	clear: left;
	background: rgba(0,0,0,0.5);
	padding: 10px;
	margin: 0 0 20px;
	width: 513px;
}

/* IE8 hack */
.lightbox { background /*\**/: #808080\9 }

.lightbox .specialHeading {
	color: #a57c52;
}

.lightbox .form {
	padding: 20px;
	margin: 0;
	background: #fff;
}

.lightbox p {
   overflow: hidden;
   margin: 0;
   clear: both;
}
	.register p {
		margin: 10px 0 0 0;
		line-height: 1;
	}

.lightbox a {
	text-decoration: none;
}

.lightbox .spam a {
	text-decoration: underline;
}

.lightbox .txtInput,
.lightbox #comment {
	background: rgb(251,249,246);
}

.register {
	width: 385px;
}

.register label {
	width: 80px;

}

.register .txtInput {
	width: 260px;
}

.lightbox .sending span {
	clear: left;
	display: block;
	font-weight: bold;
}


#moreinfocontainer{
	position:absolute;
	z-index:9999;
	top:430px;
}

#moreinfocontainer a{
	position:relative;
	left:30px;
	display:block;
	width:174px;
	height:49px;
	text-indent:-9999px;
	background:url('/assets/images/ui/hp_more_info_glyph.png');
}

#moreinfocontainer a:hover{
	background:url('/assets/images/ui/hp_more_info_glyph.png') -174px 0 no-repeat;
}