/*#######################################################################
#																		#
#	MRB Photography														#
#	---------------														#
#																		#
#	Created by Sustainable Media										#
#	http://www.sustainablemedia.co.uk/									#
#																		#
#											(c) MRB Photography 2006	#
#######################################################################*/


/* ############################################# Override default styles ############################################# */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	text-align: center;
	background-color: #EEE;
	padding: 0;
	margin: 0;
}

a {	color: #600000; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

h4 { font-size: 12px; }


/* ######################################## main layout and primary navigation ########################################*/
#wrap {
	width: 939px;
	margin: 0 auto;
	text-align: left;
}

#header {
	background: #EEE url('/images/layoutElements/header.gif') no-repeat top left;
	height: 130px;
}

#header ul {
	list-style: none;
	width: 900px;
	height: 34px;
	padding: 96px 0 0 19px;
	margin: 0;
}

#header ul li {
	float: left;
}

#header ul li a {
	display: block;
	width: 100px;
	height: 34px;
	text-indent: -9999px;
}

#header ul li#tab1 a { background: transparent url('/images/layoutElements/tabs_01.gif') no-repeat 0 0; }
#header ul li#tab2 a { background: transparent url('/images/layoutElements/tabs_02.gif') no-repeat 0 0; }
#header ul li#tab3 a { background: transparent url('/images/layoutElements/tabs_03.gif') no-repeat 0 0; }
#header ul li#tab4 a { background: transparent url('/images/layoutElements/tabs_04.gif') no-repeat 0 0; }
#header ul li#tab5 a { background: transparent url('/images/layoutElements/tabs_05.gif') no-repeat 0 0; width: 101px; }

#header ul li#tab1 a:hover { background: transparent url('/images/layoutElements/tabs_01.gif') no-repeat 0 -34px; }
#header ul li#tab2 a:hover { background: transparent url('/images/layoutElements/tabs_02.gif') no-repeat 0 -34px; }
#header ul li#tab3 a:hover { background: transparent url('/images/layoutElements/tabs_03.gif') no-repeat 0 -34px; }
#header ul li#tab4 a:hover { background: transparent url('/images/layoutElements/tabs_04.gif') no-repeat 0 -34px; }
#header ul li#tab5 a:hover { background: transparent url('/images/layoutElements/tabs_05.gif') no-repeat 0 -34px; }

#picBrowse {
	text-align: center;
}

/* ############################################# form styles ############################################# */
input, select, textarea {
	margin: 0 0 10px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px !important;
}

input.button { margin-right: 10px; width: auto !important; }
input.autowidth { width: auto !important; }

fieldset {
	border: none;
	padding: 0;
}

.borderedWarning {
	background-color: #FCC;
	border-top: 1px dashed #600000;
	border-bottom: 1px dashed #600000;
	color: #000;
	padding: 12px;
}

/* ############################################# contents ############################################# */
#contents {
	background: #EEE url('/images/layoutElements/body_bckgrnd.gif') repeat-y top left;
	padding: 35px 49px 35px 49px;
}

#contents h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

#contents #mainContents {
	float: left;
	width: 627px;
}

#secondaryNav {
	float: right;
	width: 187px;
	_width: 186px;
	margin: 27px 0 0 22px;
	border: none;
}

#secondaryNav .navBox {
	margin-bottom: 24px;
}

#secondaryNav .navBox h3 {
	background: #600000 url('/images/layoutElements/nav_secondary_header.gif') no-repeat top left;
	height: 21px;
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 5px 0 0 20px;
}

#secondaryNav .navBox .navContent ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#secondaryNav .navBox .navContent h4 {
	font-size: 12px;
}

#secondaryNav .navBox .navContent  ul li {
	padding: 0 0 5px 0;
}

#secondaryNav .navBox .navContent {
	border: 1px solid #600000;
	padding: 20px 0 20px 20px;
	width: 165px;
	_width: 164px;
}

#contents #forceClear {
	clear: both;
}

#secondaryNav .navBox form { width: 150px; padding: 0; margin: 0; }
#secondaryNav .navBox input, #secondaryNav .navBox select, #secondaryNav .navBox textarea { width: 135px; }
#secondaryNav .navBox select { width: 137px; _width: 139px; }

#secondaryNav .navBox .btn_right {
	width: auto;
	border: none;
	margin: 0 0 0 90px;
}


/* ############################################# event styles ############################################# */
#secondaryNav .navBox .noPadding {
	margin: 0;
	padding: 0;
	width: 185px;
	_width: 184px;
	
}

.sidebar_eventItem {
	padding: 10px 20px 10px 20px;
}

.sidebar_eventItem h4, .sidebar_eventItem small, .sidebar_eventItem p {
	margin: 0;
	padding: 0;
}

.eventOverview {
	float: left;
	margin: 10px 20px 10px 0;
}
.rowend { margin-right: 0; }

.eventOverview h4, .eventOverview small, .eventOverview p {
	margin: 0;
	padding: 0;
}

.eventOverview h4 { margin-top: 5px; }

br.clear { clear: both; }




/* ############################################# pic preview (browse, search, homepage etc ################### */
#picBrowse {
	width: 100%;
	margin-top: 10px;
}

#picBrowse .folder {
	float: left;
	margin: 0 20px 20px 0;
	text-align: center;
	width: 170px;
}

br.clear {
	clear: both;
}

#picBrowse .imgPreview {
	margin: 0 20px 20px 0;
}

#picBrowse .imgPreview a img { border: none; }
#picBrowse .rowend { margin-right: 0; }

hr.forceClear {
	clear: both;
	display: none;
}


/* ############################################# footer ############################################# */
#footer {
	background: #EEE url('/images/layoutElements/footer_bckgrnd.gif') no-repeat top left;
	height: 53px;
	padding: 0;
	margin: 0;
	color: #FFF;
}

#footer a { color: #FFF; }
#footer a:hover { text-decoration: underline; }

#footer p#copyright {
	position: absolute;
	padding: 0;
	margin: 7px 0 0 49px;
	color: #FFF;
}

#footer p#links {
	position: absolute;
	padding: 0;
	margin: 7px 49px 0 740px;
}

/* ############################################# float styles ############################################# */
#floatingPreview
{
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #666;
	background-color: #fff;
	padding: 10px;
	/* width: 400px; */
	width: 320px;
	z-index:100;
}

#floatingPreview #image {
	text-align: center;
}


/* ############################################# image view page styles ############################################# */
#imageView {
	margin-top: 10px;
	float: left;
}

#imageDescription {
	float: left;
	width: 230px;
	padding: 5px 0 0 20px;
	margin: 0;
}

#imageDescription ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#imageDescription ul li {
	padding: 3px 10px 3px 10px;
}

.stripe {
	background-color: #efe5e5;
}


/* ############################################# tableless forms ############################################# */
#mainContents form {
	margin-top: 10px;
}

#mainContents label, #mainContents input, #mainContents select, #mainContents textarea {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 5px;
}

#mainContents textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: auto;
}

#mainContents label {
	width: 110px;
	padding-right: 20px;
}

#mainContents input.error {
	border: 1px solid #600000;
	background-color: #FCC;
}

#mainContents input.checkbox { width: auto; }

#mainContents form br {
	clear: left;
}

#mainContents input.btn {
	border: none;
	width: auto;
}

#mainContents .errorText {
	color: #600000;
}


/* ############################################# table styles ############################################# */
table {
	border-collapse: collapse;
	margin-top: 15px;
}

table.wideTable {
	width: 640px;
}

th, td {
	padding: 5px 10px 5px 10px;
	vertical-align: top;
}


/* ############################################# message box styles ############################################# */
#messageBox {
	position: absolute;
	width: 400px;
	left: 50%;
	top: 100px;
	margin-left: -200px;
	border: 1px solid #600000;
	padding: 15px;
	background-color: #FFF;
}

#messageBox #close {
	position: absolute;
	right: 15px;
	top: 10px;
}

/* ############################################# add to basket styles (view page) ############################################# */
#purchaseDiv table { margin: 0; }
#purchaseDiv h4 { margin: 30px 0 5px 10px; }
#purchaseDiv form input { width: 50px; }
#purchaseDiv form input.btn { margin-top: 10px; }



/* ############################################# basket styles ############################################# */
#basket form table input { width: 40px; }
#basket form .btn_row {
	width: auto;
	float: right;
	margin: 10px 10px 0 10px;
	border: none;
}