body
{
	margin: 0px;
	padding: 0px;
	color: #fff;
	background-color: #fff;
	font-family: arial, sans-serif;
	font-size: 1em;
	background-image: url('/images/maincontent_background.gif');
	background-position: top right;
	background-repeat: repeat-y;
}

div#headerwrapper
{
	float: left;
	width: 100%;
	background-image: url('/images/header_background_bubbles.gif');
	background-position: top left;
	background-repeat: no-repeat;
		background-color: #49484D;

}

	div#mainheaderwrapper
	{
		float: left;
		width: 100%;
		background-image: url('/images/header_background_sidebar.gif');
		background-position: center right;
		background-repeat: no-repeat;
	}
	
		div#mainheader
		{
			color: #fff;
			padding-right: 220px;
		}
		
			div#mainheader h1
			{
				margin: 26px 0px 0px 12px; padding: 0px;
			}
		
				div#mainheader h1 img
				{
					margin: 0px; padding: 0px;
				}
				
			div#mainheader h2
			{
				margin: 0px 0px 6px 0px;
				padding: 0px 0px 0px 150px;
				font-size: 0.7em;
			}
		
				div#mainheader h2 a
				{
					text-decoration: none;
					color: #fff;
				}
	
	div#headersidebar
	{
		float: left;
		width: 190px;
		padding: 0px;
		margin: 0px 0px 0px -190px;
		color: #b2b2b2;
	}

		div#headersidebar h5
		{
			font-size: 0.7em;
			margin: 24px 0px 14px 18px;
			padding: 0px;
		}
		
		div#headersidebar p
		{
			font-size: 0.7em;
			margin: 0px 0px 6px 18px;
			padding: 0px;
		}
		
		div#headersidebar .info
		{
			font-weight: bold;
		}

	    span.info a
	    {
	        text-decoration: none;
	        color: #888;
	    }


div#photobar
{
    float: left;
    width: 100%;
    background-color: #3E3D42;
    color: #fff;
    line-height: 1.2em;
}

    div#photobar .toprail
    {
        float: left;
        width: 100%;
        background-image: url('/images/photobar_background_toprail.gif');
        background-position: top left;
        background-repeat: repeat-x;
        position: relative;

    }

 div#photobar .bottomrail
    {
        float: left;
        width: 100%;
        padding-top: 22px;
        background-image: url('/images/photobar_background_bottomrail.gif');
        background-position: bottom left;
        background-repeat: repeat-x;
        padding-bottom: 22px;
        position: relative;
    }


    div#photobar .photos
    {
        position: relative;
        height: 64px;
    }


	
	div#photobar .photo1 { position: absolute; top: 0px; left: 7%; margin-left: -44px; }
	div#photobar .photo2 { position: absolute; top: 0px; left: 19.29%; margin-left: -44px; }
	div#photobar .photo3 { position: absolute; top: 0px; left: 31.75%; margin-left: -44px; }
	div#photobar .photo4 { position: absolute; top: 0px; left: 43.86%; margin-left: -44px; }
	div#photobar .photo5 { position: absolute; top: 0px; left: 56.14%; margin-left: -44px; }
	div#photobar .photo6 { position: absolute; top: 0px; left: 68.53%; margin-left: -44px; }
	div#photobar .photo7 { position: absolute; top: 0px; left: 80.71%; margin-left: -44px; }
	div#photobar .photo8 { position: absolute; top: 0px; left: 93%; margin-left: -44px; }
	
div#contentwrapper
{
	float: left;
	width: 100%;
	background-image: url('/images/maincontent_background.gif');
	background-position: top right;
	background-repeat: repeat-y;
}

	div#contentwrapper .camera
	{
		float: left;
		width: 100%;
		background-image: url('/images/maincontent_background_blank.gif');
		background-position: top right;
		background-repeat: no-repeat;
	}
	
	div#contentwrapper .bubbles
	{
		float: left;
		width: 100%;
		background-image: url('/images/maincontent_background_bubbles_white.gif');
		background-position: top left;
		background-repeat: repeat-y;
	}

	div#contentwrapper .topbar
	{
		float: left;
		width: 100%;
		background-image: url('/images/maincontent_background_top.gif');
		background-repeat: repeat-x;
		background-position: top;
	}


	div#maincontentwrapper
	{
		float: left;
		width: 100%;
	}
	
		div#maincontent
		{
			float: left;
			padding-right: 230px;
		}
		
			div#maincontent h3
			{
				color: #7f7f7f;
				font-weight: bold;
				font-size: 1em;
				margin: 28px 0px 4px 0px;
				padding: 0px 0px 0px 150px;
				background-image: url('/images/maincontent_background_header_grey.gif');
				background-position: center left;
				background-repeat: no-repeat;
			}
			
				div#maincontent h3 span.name
				{
					color: #000;
					font-weight: bold;
				}
				
			div#maincontent h4
			{
				color: #000;
				font-weight: bold;
				font-size: 0.8em;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 150px;
			}
			
			div#maincontent p
			{
				margin: 0px 0px 16px 0px;
				padding: 0px 0px 0px 150px;
				font-size: 0.8em;
				color: #7f7f7f;
			}
			
				div#maincontent p.leading
				{
					font-weight: bold;
				}

				div#maincontent p.backlink a
				{
					color: #7f7f7f;
					text-decoration: none;
				}

				div#maincontent p.backlink a img
				{
					border: 0px;
				}

				
				div#maincontent p a
				{
					color: #666;
				}

				div#maincontent p.footerlinks a
				{
					color: #707070;
					text-decoration: none;
				}

				div#maincontent p.footerlinks a img
				{
					border: 0px;
				}

			
			div#maincontent ul
			{
				margin: 8px 0px 16px 150px;
				padding: 0px 0px 0px 32px;
				font-size: 0.8em;
				display: inline;
			}	

			div#maincontent li
			{
				list-style-type: disc;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				line-height: 1.4em;
			}

			div#maincontent blockquote
			{
				font-weight: bold;
				font-style: italic;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
			}


	
		div#maincontent div.gallery
		{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			clear: both;
			float: left;
			width: 100%;
		}

		* html div#maincontent div.gallery
		{
			height: 1%;
		}

		div#maincontent div.gallery h4
		{
			color: #7f7f7f;
		}


		div#maincontent div.gallery h4 .name
		{
			color: #000;
		}
		
		div#maincontent div.gallery  p
		{
			color: #000;
			margin: 10px 0px 0px 0px;
		}


		div#maincontent div.gallery ul
		{
			list-style: none;
			margin: 0px 0px 0px 150px;
			padding: 0px 0px 0px 0px;
			float: left;
		}

		div#maincontent div.gallery ul li
		{
			list-style: none;
			display: block;
			border: solid 1px;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
			text-align: center;
			float: left;
			position: relative;
			height: 190px;
		}

		div#maincontent div.gallery li .image img
		{
			border: 0px;
		}

		div#maincontent div.gallery li .image
		{
			width: 120px;
		}

		div#maincontent div.gallery li .link
		{
			width: 120px;
		}


		div#maincontent div.gallery li a
		{
			text-decoration: none;
			color: #7f7f7f;
		}


	
	div#contentsidebar
	{
		float: left;
		width: 190px;
		margin-left: -190px;
	}
	
		div#contentsidebar ul
		{
			list-style: none;
			margin: 0px;
			padding: 26px 0px 0px 0px;
		}
		
		div#contentsidebar li
		{
			padding-left: 28px;
			margin-bottom: 12px;
			font-size: 0.7em;
			color: #B2B2B2;
			line-height: 1em;
		position: relative;
		z-index: 200;
		}
		
			div#contentsidebar li.selected
			{
				font-weight: bold;
				color: #fff;
				background-image: url('/images/sidebar_selected_background.gif');
				background-position: center left;
				background-repeat: no-repeat;
			}
			
		div#contentsidebar li a
		{
			color: #b2b2b2;
			text-decoration: none;
		}			

			div#contentsidebar li.selected a
			{
				color: #fff;
			}


div#maincontent table
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	font-size: 0.8em;
	color: #7f7f7f;
}

div#maincontent table th
{
	text-align: left;
	color: #000;
}

div#maincontent table tr
{
	color: #7f7f7f;
	vertical-align: top;
}

div#maincontent table tr.flip td.quantity { background-color: #dfdfdf; }
div#maincontent table tr.flip td.description { background-color: #dfdfdf; }
div#maincontent table tr.flip td.price { background-color: #dfdfdf; }
div#maincontent table tr.flip td.combinedprice { background-color: #dfdfdf; }
div#maincontent table tr.flip td.total { background-color: #dfdfdf; }

div#maincontent table tr.flop td.quantity { background-color: #eeeeee; }
div#maincontent table tr.flop td.description { background-color: #eeeeee; }
div#maincontent table tr.flop td.price { background-color: #eeeeee; }
div#maincontent table tr.flop td.combinedprice { background-color: #eeeeee; }
div#maincontent table tr.flop td.total { background-color: #eeeeee; }

div#maincontent table tr td.price, 
div#maincontent table tr td.combinedprice
{
	text-align: right;
}

div#maincontent table td.image
{
	text-align: center;
	padding-left: 150px;
	width: 50px;
}


div#maincontent table tr td.quantity
{
	vertical-align: top;
	width: 26px;
	padding: 3px;
}

div#maincontent table tr td.quantity input
{
	width: 24px;
	height: 15px;
	border: solid 1px;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div#maincontent table tr td.description
{
	padding: 3px;
}

div#maincontent table tr td.description .name
{
	font-weight: bold;
}


div#maincontent table tr td.price
{
	width: 60px;
	padding: 3px;
}

div#maincontent table tr td.combinedprice
{
	width: 60px;
	padding: 3px;
}

div#maincontent table tr td.remove
{
	width: 50px;
}

div#maincontent table tr td.total
{
	text-align: right;
	padding: 3px;
	border-top: solid 2px #bbb;
	border-bottom: solid 2px #bbb;
}

div#maincontent table tr td.description .ref
{
	font-size: 0.9em;
	display: block;
	padding: 0px 0px 0px 20px;
}


div#maincontent table tr td span.note
{
	font-size: 0.7em;
}

div#leftnote
{
	position: absolute;
	float: left;
	top: 0px;
	left: 0px;
	width: 130px;
	background-color: #fed;
}



div#leftnote p
{
	margin: 0px;
	padding: 0px;
}

div.form
{
	padding: 10px 10px 10px 150px;
}

div#maincontent div.form table
{
	width: auto;
}


div#maincontent div.form table h4,
div#maincontent div.form table p
{
	font-size: 1em;
	margin: 0px; padding: 0px 0px 10px 0px;
}

div#maincontent div.form table td
{
	font-size: 1.1em;
}


div#maincontent div.form .field
{
}

div#maincontent div.form .label
{
	text-align: right;
}

input.compulsory
{
	background-color: #ffff88;
}

h5 { margin: 0px; padding: 0px 0px 5px 0px; }