/* CSS Document */

/*BODY*/

html,body {
	margin:0;
	padding:0;
	height:99.4%; /* needed for container min-height */
	background:black;
	font-family:arial,sans-serif;
	font-size:small;
	color:#000;
}

h1 { 
	font:1.5em Verdana, Arial, Helvetica, sans-serif; 
	margin:0.5em 0;
}
.postaltitle { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 2.2em;
	font-weight: bold;
	font-variant:small-caps;
	float: left;
	color: #eee;
	margin:0.5em 0;
}

h2 {
	font:1.25em Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0.5em;
}
	h1, h2, a {
		color:orange;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
	padding: 3px 10px 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.addedalready
	{
	padding-top: 10px;
	text-align: center;
	}
.alreadyadded
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	}
.honourabletext
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	}
.honourable
	{
	padding-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	}
	.honourable a
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #666;
					text-decoration:none;
				}
			.honourable a:hover
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #666;
					text-decoration: underline;
				}

.emailaddress
	{
	text-align: left;
	}
	.emailaddress a
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #666;
					text-decoration:none;
				}
			.emailaddress a:hover
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #666;
					text-decoration: underline;
				}

.backbutton
	{
	padding-left: 5px;
	text-align: left;
	}
	.backbutton a
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #666;
					text-decoration:none;
				}
			.backbutton a:hover
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #666;
					text-decoration: underline;
				}
/*CONTAINER*/

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:766px;
	border: 2px solid #666;
	background:#fff;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}
div#containerindex {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:766px;
	border: 2px solid #666;
	background:#000;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

/*HEADER*/

div#header {
	position:relative;
	height: 50px;
	padding:1em;
	border-bottom:2px solid #666;
	background: url(../images/archedroof-logo.jpg) no-repeat #000 center;
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}
	
/*NAVIGATION*/
	
	#navigation
	{
		background: #eee;
		padding-top: 4px;
		height: 18px;
		position: relative;
		left: 0;
		width: 766px;
		visibility: visible;
		}
	#nav
	{
		margin: 0;
		padding: 0;
		height: 18px;
		list-style: none;
		display: inline;
		overflow: hidden;
		z-index: -30;
	}
	#nav li
	{
		margin: 0;
		padding: 0;
		list-style: none;
		display: inline;
	}
	#nav a
	{
		float: left;
		margin-left: 2px;
		padding: 18px 0 0 0;
		overflow: hidden;
		height: 0px !important;
		height /**/:18px; /* for IE5/Win only */
	}
	#nav a:active, #nav a.selected
	{
		background-position: 0 -18px;
	}
	#blandscapes a
	{
		width: 78px;
		background: url(../images/buttons/landscapes.jpg) top left no-repeat;
	}
	#burban a
	{
		width: 49px;
		background: url(../images/buttons/urban.jpg) top left no-repeat;
	}
	#bnature a
	{
		width: 59px;
		background: url(../images/buttons/books.jpg) top left no-repeat;
	}
	#barchitecture a
	{
		width: 89px;
		background: url(../images/buttons/architecture.jpg) top left no-repeat;
	}
	#bexperimental a
	{
		width: 91px;
		background: url(../images/buttons/experimental.jpg) top left no-repeat;
	}
	#ball a
	{
		width: 36px;
		background: url(../images/buttons/all.jpg) top left no-repeat;
	}
	#bpanels a
	{
		width: 56px;
		background: url(../images/buttons/panels.jpg) top left no-repeat;
	}
#topbuttons
	{
		padding-right: 6px;
		text-align: right;		
	}
#mainbuttons
	{
		list-style: none;
		display: inline;
		color: #666;
	}
	#mainbuttons li
		{
		list-style: none;
		display: inline;
		}
		#mainbuttons a
			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #666;
				text-decoration:none;
			}
		#mainbuttons a:hover
			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #666;
				text-decoration: underline;
			}
#secondary
	{
		display: none;
		padding-top: 10px;
		position: relative;
		width: 766px;
		z-index: 9;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
#secbuttons
	{
		padding-left: 15px;
		text-align: left;		
	}		
	#secondarybuttons
		{
			list-style: none;
			display: inline;
			color: #666;
		}
		#secondarybuttons li
			{
			list-style: none;
			display: inline;
			}
			#secondarybuttons a
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #666;
					text-decoration:none;
				}
			#secondarybuttons a:hover
				{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					color: #666;
					text-decoration: underline;
				}
		

/*BELOW BUTTONS*/

.belowbuttons
	{
		position: relative;
		height: 3px;
		width: 766px;
		background: #ccc;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
		font-size: 0px;
		z-index: -20;
	}

/*CONTENT*/
#content
	{
		position: relative;
		width: 766px;
		background: #000;
	}
	
#contentpages
	{	
		padding:1em 0em 2em; /* bottom padding for footer */
		position: relative;
		background: #FFF;
		width: 766px;
	}
	
	#dashedbox
	{
		left: 24px;
		width: 706px;
		position: relative;
		border: 1px dashed #ccc;
		margin-bottom: 20px;
	}
	#dashedboxcart
	{
		left: 24px;
		width: 706px;
		position: relative;
		border: 1px solid #ccc;
		margin-bottom: 5px;
	}
	#dashedboxcheckout
	{
		left: 24px;
		width: 706px;
		position: relative;
		border: 1px solid #ccc;
		margin-bottom: 20px;
		text-align: right;
	}
	#dashedboxevents
	{
		float: left;
		left: 24px;
		width: 550px;
		position: relative;
		border: 1px solid #ccc;
		margin-bottom: 6px;
		min-height: 100px;
	}
	#dashedboxeventsimp
	{
		background:#eee;
		float: left;
		left: 24px;
		width: 550px;
		position: relative;
		border: 1px solid #ccc;
		margin-bottom: 6px;
		min-height: 100px;
	}
	#dashedboxeventpicture
	{
		float: right;
		right: 34px;
		width: 150px;
		height: 100px;
		position: relative;
		margin-bottom: 6px;
	}
	.dashedboxcontent
	{
		padding: 5px 5px 0 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	.dashedboxcontentcart
	{
		padding: 5px 5px 0 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	.dashedboxcontentdrop
	{
		padding: 0 2px 0 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	.dashedboxcontentcart
	{
		padding: 5px 5px 5px 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	.dashedboxcontentevents
	{
		padding: 7px 10px 0 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	#imageviewdashedbox
	{
		float: right;
		right: 25px;
		width: 355px;
		position: relative;
		border: 1px dashed #ccc;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	#contactbox
	{
		padding-top: 6px;
		text-align: left;
		float: right;
		right: 34px;
		width: 415px;
		top: 270px;
		position: absolute;
		border: 1px dashed #ccc;
	}
	.imageviewdashedboxcontent
	{
		padding-left: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	.imagedetails
	{
		padding: 7px 10px 10px 7px;
	}
	.imagename
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 13px;
	font-weight: bold;
	}
	.photographername
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 11px;
	font-weight: bold;
	}
	#imageviewbox
	{
		margin-top: 16px;
		margin-right: 10px;
		float: left;
		width: 365px;
		position: relative;
		
	}
	#detailsbox
	{
		float: left;
		width: 200px;
		border: 1px solid #ccc;
		
	}
	.imagespace
	{
		text-align: right;
	}
	.imageview
	{
		border: 1px solid #ccc;
		text-align: right;
		padding: 5px;
	}
	.horizontalrule
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	h2.title
	{	
		text-align: left;
		position: relative;
		padding-left: 5px;
		color: #000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bolder;
		font-variant:small-caps;
		z-index: 10;
	}
	h2.titlecart
	{	
		text-align: right;
		position: relative;
		padding-right: 10px;
		color: #000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bolder;
		font-variant:small-caps;
		z-index: 10;
	}
	.titleline
	{	
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: italic;
		font-weight: bolder;
		font-variant:small-caps;
		color: #aaa;
		z-index: 10;
	}
	
/*MAIN IMAGE*/

#mainpic 
{
	position: relative;
	width: 766px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
/*FOOTER*/

div#footer {
	height: 17px;
	position:absolute;
	width:766px;
	bottom:0; /* stick to bottom */
	background:#000;
	border-top:2px solid #666;
	right: 0;
}
#footerleft
	{
		padding-left: 6px;
		float: left;
	}
a.shoppingbasketbutton 
			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #fff;
				text-decoration:none;
			}
		 a:hover.shoppingbasketbutton
			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #fff;
				text-decoration: underline;
			}	
#footerright
	{
		padding-right: 6px;
		float: right;
	}
#footerbuttons
	{
		list-style: none;
		display: inline;
		color: #666;
	}
	#footerbuttons li
		{
		list-style: none;
		display: inline;
		}
		#footerbuttons a
			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #fff;
				text-decoration:none;
			}
		#footerbuttons a:hover
			{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #fff;
				text-decoration: underline;
			}
#picturecontainer
	{
		width: 756px;
		text-align: center;
		margin-left: 10px;
		position: relative;
	}
	.pictures
		{
			width: 686px;
			text-align: center;
			margin-left: 10px;
		}
		.pictureborders
			{
				margin: 0 10px 10px 0;
				border: 1px solid #ccc;
				padding: 5px;
			}
.emptybasket
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		padding: 25px 10px 25px 10px;
		text-align: center;
		font-variant:small-caps;
	}
.imagetitle
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		font-variant: small-caps;
		color: #666;
		padding-left: 5px;
		text-align: center;
		text-decoration: none;
	}
	.imagetitle1
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		font-variant: small-caps;
		color: #666;
		padding-left: 5px;
		text-align: left;
	}
.formtitle
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		font-variant: small-caps;
		color: #fff;
		text-align: center;
	}
	.formtitle1
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		font-variant: small-caps;
		color: #fff;
		padding-left: 5px;
		text-align: left;
	}
	li.printtype
	{
	    list-style: none;
	}
.panels
	{
	display: inline;
	}
#addressdetails
	{
	width: 280px;
	height: 250px;
	position: absolute;
	top: 270px;
	left: 24px;
	border: 1px dashed #ccc;
	}
.paymentoptions
	{
	text-align: center;
	}
img.cards 
	{
	border: 1px solid #ccc;
	padding: 2px;
	margin-right: 3px;
	margin-bottom: 3px;
	}
	img.cardscart
	{
	border: 1px solid #ccc;
	padding: 2px;
	margin-right: 3px;
	}