@charset "utf-8";
/* CSS Document */

ul.bullet {list-style-type: disc;}
li.bullet {list-style-type: disc; margin:12px;}
h3 {font-size:14px; margin-bottom:5px;}


div#contentWording ul.colourSchemes li  {
float:left;
padding-right:10px;
width:72px;
}

div#newcolourscontent {
margin-right:20px;
width:705px;
float:left;
}

div#cms_content div.inspirationHome {
float:left;
padding-left:9px;
}

#footer {
margin-top:1px;
}

.ly_basic div#main img {
border-top:0 solid #E0E0E0;
}

div#footer_section_right {
width: 289px;
}

a.underline { text-decoration: underline; }

#cms_content div#left-stores-column {
float:left;
width:500px;
margin-left:40px;
}

#cms_content div#right-stores-column {
margin-left:580px;
padding-top:50px;
width:305px;
}

#cms_content div#right-stores-column div {
border-bottom:1px solid #CCCCCC;
line-height:150%;
padding:5px;
}

#cms_content div#left-stores-column div {
border-bottom:1px solid #CCCCCC;
line-height:150%;
padding:5px;
}

#cms_content div#left-column {
float:left;
width:440px;
}

#cms_content div#left-manchester-column {
float:left;
width:222px;
margin-left:28px;
}

#cms_content div#centre-manchester-column {
width:240px;
margin-left:334px;
}

#cms_content div#right-manchester-column {
float:right;
width:257px;
margin-right:25px;
}

#cms_content div#right-column {
width:415px;
margin-left:490px;
}

h3.stores {
text-transform:uppercase; font-size:14px; margin-bottom:5px;
}

#cms_content  div#hours dt {float:left; width:120px;}
#cms_content  div#hours dd {margin-left:150px;}

textarea {
font-size:11px;
font-weight:normal;
}

#cms_content div#left-newcolours-column {
float:left;
width:510px;
margin-left:0px;
}

#cms_content div#right-newcolours-column {
margin-left:700px;
}

#cms_content div#right-newcolours-column-jugs {
margin-left:700px;
margin-top: -508px;
}

#cms_content div#center-newcolours-column {
margin-left:189px;
}

div#contentWordingGardensMain {
float:left;
margin-right: 33px;
width:700px;
}

div#contentWordingGardens  {
float:left;
padding-right:10px;
width:400px;
margin-top:10px;
}

div#contentWordingGardens2  {
float:left;
padding-right:10px;
width:400px;
margin-top:10px;
margin-left:190px;
}

div#contentWordingGardensHeader  {
float:left;
margin-right:33px;
width:700px;

}

div#contentWordingGardensHeader2  {
float:left;
margin-left:190px;
width:700px;

}

div#contentWordingGardensSwatch1  {
float:right;
padding-right:30px;
margin-left:10px;
}
div#contentWordingGardensSwatch2  {
float:right;
padding-right:5px;
margin-left:10px;
}
div#contentWordingGardensSwatch3  {
float:right;
padding-right:5px;		
margin-left:10px;
}
div#contentWordingGardensSwatch6  {
float:right;
padding-right:5px;
margin-left:10px;
margin-top:10px;
}
div#contentWordingGardensSwatch5  {
float:right;
padding-right:5px;
margin-left:10px;
margin-top:10px;
}
div#contentWordingGardensSwatch4  {
float:right;
padding-right:30px;		
margin-left:10px;
margin-top:10px;
}

div#contentWordingColourConsultancy {
    float: left;
    margin-right: 33px;
    width: 700px;
}


div#contenttalksevents  {
float:left;
padding-right:10px;
width:700px;
margin-top:10px;
margin-left:190px;
}


div#contentTentedStripesSwatch1  {
float:left;
padding-right:0px;		
margin-left:0px;
margin-top:10px;
}

div#contentTentedStripesSwatch2  {
float:left;
padding-right:0px;		
margin-left:55px;
margin-top:10px;
}

div#contentTentedStripesSwatch3  {
float:left;
padding-right:0px;		
margin-left:55px;
margin-top:10px;
}

div#contentTentedStripesSwatch4  {
float:left;
padding-right:0px;		
margin-left:55px;
margin-top:10px;
}



h1#no_underline {
    border-bottom: 0px solid #CCCCCC;
    font-size: 2.2em;
    height: 30px;
    line-height: 30px;
    margin-bottom: 13px;
    margin-left: 0;
    padding-bottom: 8px;
    text-transform: uppercase;
}



h1#cms_content_showrooms {
    border-bottom: 1px solid #CCCCCC;
    font-size: 2.2em;
    height: 30px;
    line-height: 19px;
    margin-bottom: 13px;
    margin-left: 0;
    padding-bottom: 8px;
    text-transform: uppercase;
    width: 845px;
}

#showrooms li { 
    list-style-type: inside circle;
    list-style: inside; 
}

#showroomslist ul { 
    float:left;
    height: 130px;
    list-style-type: none;
    padding: 5px 0 5px 5px;
    width: 700px;
	
} 

#showroomslist li {
    background: url(http://www.farrow-ball.com/pws/client/images/FB-icon-3.jpg) no-repeat scroll 0 50% transparent;
    float: left;
    line-height: 155%;
    margin: 5px 0 0 0;
    padding: 0 2px 0 25px;
    width: 125px;
}


#primersundercoats ul { 
    float:left;
    height: 500px;
    list-style-type: none;
    padding: 5px 0 10px 5px;
    width: 700px;
	
} 

#primersundercoats li {
    background: url(http://www.farrow-ball.com/pws/client/images/FB-icon-3.jpg) no-repeat scroll 0 50% transparent;
    float: left;
    line-height: 155%;
    margin: 15px 0 0 0;
    padding: 0 2px 0 25px;
    width: 600px;
}

 
#slides_container {
    width:470px;
    height:170px;
  }
#slides_container div {
    width:470px;
    height:170px;
    display:block;
  }


#container {
	width:629px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:686px;
	top:-3px;
	left:-80px;
}

#example {
	width:600px;
	height:686px;
	position:relative;
}

/*
	Slideshow style
*/

#slides {
	position:inherit;
	top:-0px;
	left:0px;
        position: inherit;
	width:629px
        z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:629px;
	height:479px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	padding:0px;
	width:530px;
	height:686px;
	display:block;
}

/*
	Next/prev buttons
*/
#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:0px auto 0;
	width:337px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*

#slides .link {
	display:block;
	margin-top:10px;
	font-weight:800;
}

*/
div#contentOneRoomThreeWays1 {
float:right;
padding-right: 9px;		
margin-left:15px;
margin-top:10px;
}

div#contentOneRoomThreeWays2 {
float:right;
padding-right:0px;		
margin-left:15px;
margin-top:10px;
}

div#contentOneRoomThreeWays3 {
float:right;
padding-right:0px;		
margin-left:55px;
margin-top:10px;
}


.shadow {
-moz-box-shadow: 1px 1px 3px #999999;
-webkit-box-shadow: 1px 1px 3px #999999;
box-shadow: 1px 1px 3px #999999;
height: 112px;
    width: 75px;
margin-bottom: 3px;

/* For IE 8 */
-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999');
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999');
}

h1#no_underline {
    border-bottom: 0px solid #CCCCCC;
    font-size: 2.2em;
    height: 30px;
    line-height: 30px;
    margin-bottom: 13px;
    margin-left: 0;
    padding-bottom: 8px;
    text-transform: uppercase;
}

h2#lowercase {
    color: #333333;
    font-size: 1.5em;
    line-height: 1.4em;
    text-transform: inherit;
}


.clear {
	clear: both;
}


div#contentTrends1 {
float:left;
padding-right: 9px;		
margin-left:0px;
margin-top:10px;
}

div#contentTrends2 {
float:left;
padding-right:0px;		
margin-left:15px;
margin-top:10px;
}

div#contentTrends3 {
float:left;
padding-right:0px;		
margin-left:26px;
margin-top:10px;
}