/* Bency.co.uk main stylesheet */

body{
	background: white;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	color: black;
	height:100%;
	overflow-y:auto;
}

/* layout blocks */
div.exampleContent{
	width: 5000px;
	border: 0px solid red;
	padding: 50px 0px 0px 0px;
	margin: 0px;
}
div.collectionContent{
	position: relative;
	float: left;
	width: 800px;
	border: 0px solid red;
	padding: 50px 0px 155px 0px;
}
div.detailsContent{
	width: 800px;
	border: 0px solid red;
	padding: 25px 0px 0px 0px;
	margin: 50px auto 160px auto;
	text-align: center;
}
div.detailsImageBlock{
	width: 650px;
	margin: 0px auto;
	border: 0px dashed green;
}

div.detailsImageBlock div.imageDescription{
	position: relative;
	float: right;
	width: 180px;
	border: 0px solid #dddddd;
	text-align: left;
	margin-bottom: 200px;
}

div.detailsImageBlock div.imageDescription p{
	font-size: 10pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	color: #6e6e6e;
}
div.detailsImageBlock div.imageDescription img{
	vertical-align: middle;
}

div.imageDescription p#title{
	font-weight: bold;
}
div.imageDescription p#loc{
	font-style: italic;
}
div.imageDescription p#date{
	font-style: italic;
}
div.imageDescription p#size{
	padding-top: 20px;
	font-weight: bold;
}
div.imageDescription p#price{
	font-weight: bold;
}

div.detailsImageBlock a{
	color: #6e6e6e;
	text-decoration: none;
}
div.detailsImageBlock a:hover{
	color: #6e6e6e;
	text-decoration: underline;
}
div.detailsImageBlock a.addToBag{
	font-weight: bold;
}

div.detailsImageBlock div.imageArrows{
	position: relative;
	float: right;
	width: 180px;
	border: 0px solid #dddddd;
	text-align: left;
}
div.arrowButton{
	position: absolute;
	padding: 0px;
	margin: 5px;
	left: 0px;
	top: 0px;
}
div.arrowButton#next{
	left: 90px;
}
div.footerBlockExamples{
	position: fixed;
	left: 0px;
	top: 470px;
	height: 130px;
	border: 0px dashed green;
	float: left;
	width: 100%;
	background: url(images/backgroundContemporary.png) repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
div.footerBlock{
	position: fixed;
	left: 0px;
	top: 470px;
	height: 100%;
	border: 0px dashed green;
	float: left;
	width: 800px;
	background: url(images/backgroundContemporary.png) repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

div.footerContent{
	width: 97%;
}
div.footerLeftBlock{
	position: relative;
	float: left;
}
div.footerRightBlock{
	position: relative;
	float: right;
}
ul.collectionsListBlock{
	position: relative;
	float: left;
	list-style: none;
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}
ul.collectionsListBlock li#current{
	text-decoration: underline;
}
ul.collectionListItem li{
	padding: 0px;
	margin: 0px;
}

div.footerBlock p.collectionsHeader, div.footerBlockExamples p.collectionsHeader{
	font-weight: bold;
}
div.infoContent{
	position: relative;
	width: 800px;
	margin: 50px 0px 0px 0px;
	border: 0px solid red;
	padding: 0px;
	font-size: 10pt;
}
div.infoBodyBlock{
	width: 400px;
	margin: 0px 0px 155px 0px;
	padding: 20px 0px 0px 5px;
}
div.infoImageBlock{
	position: fixed;
	top: 50px;
	left: 400px;
	width: 376px;
	margin: 0px;
	padding: 0px;
	border: 0px solid green;
}

/* images */

img{
	position: relative;
	padding: 0px;
	margin: 0px;
}
img.example{
	padding: 0px;
	margin: 0px;
}
img.collection{
	padding: 5px;
	margin: 0px;
}
img.detailsSize{
	margin: 0px;
	border: 1px solid black;
	float: left;
	margin-bottom: 160px;
}

/* paragraphs and other text*/

p {
  /*inherits from body*/
}

span.formError{
	padding-left: 10px;
	color: #CC3300;
	font-size: 8pt;
}

div.footerBlock p, div.footerBlockExamples p{
	font-size: 10pt;
	color: #ffffff;
	padding: 5px 0px 0px 10px;
	margin: 0px;
	font-weight: 400;
	line-height: 14pt;
}
div.footerRightBlock p{
	text-align: right;
	padding-right: 5px;
}
div.footerRightBlock a.wedding{
	font-weight: bold;
}
div.footerLeftBlock p a{
	font-weight: bold;
}
div.footerLeftBlock p.imagesTitle{
	font-size: 12pt;
	font-weight: bold;
	margin: 10px 20px 5px 0px;
}
div.footerLeftBlock#info{
	height: 130px;
}

p.quote{
  margin: 70px 0px 20px 0px;
  font-style: italic;
}

/* links */


div.footerBlock a, div.footerBlockExamples a{
	color: #cccccc;
	text-decoration: none;
}
div.footerBlock a:hover, div.footerBlockExamples a:hover{
	color: #ffffff;
	text-decoration: underline;
}
a img {
	border: 0px solid #ffffff;
	padding: 0px;
	margin: 0px;
}

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	color: #333333;
}

h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}

form {
	/*background: url(../images/backgroundWeddings.png) repeat;*/
	padding: 5px 5px 15px 5px;
}