/* 
Site: Poulier & Poulier
Author: Anthony J. Smith
ReBuilt: 05.03.2011
*/

/* ---------------------------------------------------------------------------------------------------------------------- Fonts */
@font-face {
    font-family: 'BodoniPosterRegular';
    src: url('../fonts/bodoni-poster_regular_wwww.font-cat.com-webfont.eot');
    src: url('../fonts/bodoni-poster_regular_wwww.font-cat.com-webfont.eot?iefix') format('eot'),
         url('../fonts/bodoni-poster_regular_wwww.font-cat.com-webfont.woff') format('woff'),
         url('../fonts/bodoni-poster_regular_wwww.font-cat.com-webfont.ttf') format('truetype'),
         url('../fonts/bodoni-poster_regular_wwww.font-cat.com-webfont.svg#webfontf8iiBBtm') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ---------------------------------------------------------------------------------------------------------------------- Reset */
* {
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------------------------------------------------------------- Layout */
html {
	color: #808285;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	overflow-y: scroll;
	padding: 50px 0 0 0;
}

#wrapper {
	margin: 0 auto;
	width: 970px;	
}

#header {
	background: url(../images/css/bg_dots.png) no-repeat bottom left;
	float: left;
	height: 105px;
	position: relative;
	width: 100%;
}

#content {
	clear: both;
	float: left;
	padding: 25px 0 40px 0;	
	width: 100%;
}

#footer {
	background: url(../images/css/bg_dots.png) no-repeat 0 top;
	clear: both;
	float: left;
	padding: 14px 0 0 0;	
	position: relative;
	width: 100%;
}

/* ---------------------------------------------------------------------------------------------------------------------- header */

#header a#logo {
	background: url(../images/css/bg_logo.png) no-repeat 0 0;
	display: block;
	height: 95px;
	text-indent: -999em;
	position: absolute;
	top: 0;
	left: -62px;
	width: 434px;
}

#header ul#nav {
	float: left;	
	margin: 0 0 0 387px;
	padding: 63px 0 0 0;
}

#header ul#nav li {
	float: left;
	list-style: none;
	margin-right: 23px;	
}

#header ul#nav li.last {
	margin-right: 0;
}	

#header ul#nav li a {
	font-family: 'BodoniPosterRegular', sans-serif;	
	color: #acacac;
	font-size: 15px;
	text-decoration: none;
}

#header ul#nav li.active a,
#header ul#nav li a:hover {
	color: #d32330;
}

/* ---------------------------------------------------------------------------------------------------------------------- content */

/* Home Page */
#content.home p {
	clear: left;
	float: left;
	margin: 0 0 10px 0;
	width: 325px;	
}
#content.home p.first {
	margin-top: 50px;	
}

#content.home div.imgHome {
	float: right;	
	width: 630px;
}

#content.home div.imgHome img {
	margin: 0 0 0 50px;	
}

#content.home p img {
	vertical-align: text-bottom;	
}

/* Terms & Conditions */
#content.terms {
	background: url(../images/css/bg_terms.jpg) no-repeat top right;	
	min-height: 613px;
}

#content.terms p {
	width: 620px;	
}

/* Ordering */
#content.ordering {
	background: url(../images/css/hero_ordering.jpg) no-repeat top right;	
}

#content.ordering p {
	width: 570px;	
}

/* Contact */
#content.contact {
	background: url(../images/css/hero_contact.jpg) no-repeat right 62px;
	min-height: 445px;	
}

#content.contact p {
	width: 352px;	
}

#content.contact a {
	color: #d32330;	
}

/* Media */
#content.media {
}

#content.media ul {
	clear: both;
	float: left;
	margin: 0 0 20px 0;	
	width: 100%;
}

#content.media ul li {
	float: left;
	list-style: none;
	margin: 0 15px 0 0;	
}

#wrapper #content.media ul li.last {
	margin-right: 0;	
}

#content.media ul li p {
	text-align: center;	
}

#content.media ul.features {
	padding: 0 0 0 80px;	
}

#content.media ul.spacing {
	padding: 0 0 0 20px;	
}

#content.media ul.spacing li {
	margin-right: 50px;
}
#content.media ul.spacing.plus li {
	margin-right: 85px;	
}

/* Stockists */
#content.stockists {
	background: url(../images/css/hero_stockists.jpg) no-repeat top right;	
}

#content.stockists h2 {
	margin-top: 40px;
}

#content.stockists h3 {
	margin-bottom: 5px;	
}

/*-------------------------------------- Landing Pages */
/* SHARED */
#content.lp h1 {
	margin: 0 0 5px 0;
}

#content.lp h2 {
	margin: 0 0 25px 0;	
}

#content.lp ul {
	clear: both;
	float: left;
	margin: 0 0 30px 0;
	width: 100%;
}

#content.lp ul li {
	float: left;
	list-style: none;	
	position: relative;
	margin: 0 65px 0 0;
}

#content.lp ul li a img {
}

#content.lp ul li img {
	margin: 0 0 15px 0;	
}

#content.lp ul li h3 img {
	margin: 0;	
}

#wrapper #content.lp ul li.last {
	margin-right: 0;
}

#content.lp li span.new {
	background: url(../images/css/stamp_new-grey.png) no-repeat 0 0;
	display: block;
	height: 75px;
	text-indent: -999em;
	width: 71px;
	position: absolute;
	right: -92px;
	top: 130px;
}
#content.lp li span.new.big {
	background: url(../images/css/stamp_new-greyBig.png) no-repeat 0 0;
	height: 109px;
	left: -130px;
	width: 104px;	
}

#content.lp.prints li span.new {
	right: auto;
	left: -92px;	
}
#content.lp.prints li span.new.big { left: -130px; }

#content.lp h2 {
	position: relative;	
}

#content.lp h2 span.new {
	background: url(../images/css/stamp_new-greyRight.png) no-repeat 0 0;
	display: block;
	height: 75px;
	text-indent: -999em;
	width: 71px;
	position: absolute;
	left: 470px;
	top: -45px;
}

/* Prints LP */
#wrapper #content.prints ul li {
	margin: 0 101px 0 0;	
}
#wrapper #content.prints ul.single {
	padding: 0 0 0 358px;
}

#wrapper #content.prints ul.elephant li {
	margin-right: 130px;	
}
#wrapper #content.prints ul.elephant li span.new {
	right: -42px;	
}

#wrapper #content.prints ul.elephant li.last {
	margin-right: 0;	
}

#wrapper #content.prints ul.elephant.double {
	padding: 0 0 0 185px;	
}

#wrapper #content.prints ul.elephant.double li span.new {
	bottom: 165px;
	left: -92px;
	top: auto;
	 right: auto;
}

/* Cards LP */
#content.cards ul.single {
	padding: 0 0 0 385px;	
}
#content.cards ul.double {
	padding: 0 0 0 246px;	
}
#content.cards ul.double.made {
	background: url(../images/madeInMelbourne.png) no-repeat 800px 50px;	
}
#content.cards ul.optical.triple {
	padding: 0 0 0 0;	
}
#content.cards ul.optical.triple li.first,
#content.cards ul.optical.triple li.second {
	margin: 0 168px 0 0;	
}
#content.cards ul.optical.triple li {
	margin-right: 0;	
}

#content.cards ul.fathers.double {
	padding: 0 0 0 200px;	
}


/* Bags LP */
#content.bags ul {
	padding: 0 0 0 20px;	
}

/* Cushions LP */

#content.cushions ul.single {
	background: url(../images/madeInMelbourne.png) no-repeat 650px 80px;
	padding: 0 0 0 340px;	
}

#content.cushions ul.double {
	padding: 0 0 0 160px;	
}
#content.cushions ul.double.fat {
	padding: 0 0 0 60px;	
}

#content.cushions ul.triple li {
	margin: 0 20px 0 0;
}

#content.cushions ul li {
	margin: 0 18px 0 0;	
}

#content.cushions ul.blinds li a img {
	height: 250px;	
}

#content.cushions ul li h3 {
	padding: 0 0 0 18px;
}

/* Tea Towels LP */
#content.lp.teatowels ul.single {
	padding: 0 0 0 355px;	
}
#content.lp.teatowels ul.single.oblique { padding: 0; }
#content.lp.teatowels ul li {
	margin: 0 110px 0 0;
}

/*-------------------------------------- Product Pages */
#content.full {}

#content.full div.blurb {
	float: left;
	padding: 0 50px 0 0;
	position: relative;
	width: 400px;	
	z-index: 2;
}

#content.full div.blurb form {
	margin: 0 0 30px 0;	
}

#content.full div.productImage {
	float: left;
	height: 530px;
	position: relative;
	width: 520px;	
}
#content.full div.productImage.made {
	background: url(../images/madeInMelbourne.png) no-repeat 20px 80px;	
}

#content.full div.productImage.oblique {
	min-height: 620px;
}

#content.full div.productImage img.full {
	position: absolute;
	bottom: 0;
	right: 0;
}

#content.full div.productImage img.full.top {
	z-index: 2;	
}

#content.full div.productImage img.pack {
	position: absolute;
	bottom: 0;
	left: 0;
}

#content.full h1 {
	margin: 0 0 5px 0;
}

/* Prints Full */
#content.full div.productImage.elephant {
	height: 1000px;	
}

#content.full div.productImage.elephant img.pack {
	left: -285px!important;
	top: 400px;	
}

#content.prints.full div.productImage img.pack {
	bottom: 5px;
	left: -50px;
}

/* Cards full */

#content.cards.full div.blurb {
	width: 550px;
	position: relative;
	z-index: 5;	
}

#content.cards.full div.blurb img.price {
	float: left;	
	margin: 0 10px 0 0;
}

#content.cards.full div.blurb p.each {
	float: left;	
	line-height: 38px;
}

#content.cards.full div.blurb p.code {
	clear: both;
}

#content.cards.full div.productImage {
	height: 430px;	
	width: 370px;
}

#content.cards.full div.productImage.newCards {
	height: 391px;	
}

#content.cards.full div.productImage img.full {
	right: 50px;	
}

#content.cards.full div.productImage.fathers img.full {
	right: 0;
}

/* Cards NEW ADDITIONS */
#content.cards.full ul.variations {
	float: left;
	padding: 40px 0 0 0;	
}

#content.cards.full ul.variations li {
	float: left;
	list-style: none;	
	margin: 0 30px 0 0;
}

#content.cards.full ul.variations li.last {
	margin-right: 0;	
}

#content.cards.full ul.variations li img {
	margin: 0 0 10px 0;	
}

#content.cards.full ul.variations li h5 {
	font-size: 12px;
	margin: 0 0 5px 0;
}

/* Bags */
#content.bags.full div.productImage img.full {
	bottom: auto;
	top: 0;	
}

/* Cushions */
#content.cushions.full div.productImage img.full {
	bottom: auto;
	left: auto;
	right: -100px;	
	top: 50px;
}

#content.cushions.full div.productImage img.full.square {
	right: 0;	
}

/* Tea Towels */

#content.teatowels.full ul.variations {
	float: left;
	padding: 70px 0 0 0;	
}

#content.teatowels.full ul.variations li {
	float: left;
	list-style: none;	
	margin: 0 20px 0 0;
}

#content.teatowels.full ul.variations li.last {
	margin-right: 0;	
}

#content.teatowels.full ul.variations li img {
	margin: 0 0 10px 0;	
}

#content.teatowels.full ul.variations li h5 {
	font-size: 12px;
	margin: 0 0 5px 0;
}

#content.teatowels.full div.productImage ul#imageNav {
	position: absolute;
	bottom: -40px;
	left: 200px;
}
#content.teatowels.full div.productImage ul#imageNav li {
	background: url(../images/css/divider.png) no-repeat right center;
	float: left;
	margin: 0 0 0 0;
	padding: 0 20px 0 10px;
	list-style: none;	
}
#content.teatowels.full div.productImage ul#imageNav li.last { background: none; }
#content.teatowels.full div.productImage ul#imageNav li a {
	font-family: 'BodoniPosterRegular', sans-serif;	
	font-size: 20px;
	text-decoration: none;
}
#content.teatowels.full div.productImage ul#imageNav li a.active {
	color: #000;	
}

/* ---------------------------------------------------------------------------------------------------------------------- Footer */
#footer p.copy {
	float: left;	
	font-size: 11px;
}
#footer ul {
	background: url(../images/css/bg_footerNav.png) no-repeat 0 3px;
	float: right;
	padding: 0 0 0 60px;
}

#footer ul li {
	float: left;
	list-style: none;	
	margin: 0 22px 0 0;
}

#footer ul li a {
	font-family: 'BodoniPosterRegular', sans-serif;	
	color: #acacac;
	font-size: 15px;
	text-decoration: none;
}

#footer ul li.active a,
#footer ul li a:hover {
	color: #d32330;
}

#footer a#footerLogo {
	background: url(../images/css/bg_footer-logo.png) no-repeat 0 0;
	display: block;
	height: 58px;
	text-indent: -999em;
	width: 55px;
	position: absolute;
	top: -21px;
	right: -55px;	
}

/* ---------------------------------------------------------------------------------------------------------------------- Typography */
a {
	color: #808285;	
}
p {
	line-height: 23px;	
	margin: 0 0 20px 0;
}

p.strong {
	font-weight: bold;	
}

a img {
	border: none;	
}

/* Headings */
h1, h2, h3, h4, h5 {
	font-weight: bold;	
}
h1 {
	margin: 0 0 25px 0;	
}
h2 {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 12px;
	margin: 0 0 10px 0;
}