/*	-------------------------------------------------------------
	-------------------------------------------------------------
	CSS CODED BY - pxwebdesign.com.au - 2008
	-------------------------------------------------------------
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	
	
/*	-------------------------------------------------------------
	DEFAULT TABLE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
#content #photoGallery .table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	border: 1px solid #889aa0;
	border-top: 1px solid #53707a;
	text-align: center;
}

/*	Heading Defaults
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
#content #photoGallery .table thead tr {
	border-left: 1px solid #888;
	border-right: 1px solid #888;
}

#content #photoGallery .table thead th {
	padding: 5px 4px;
	font-weight: bold;
	color: #fff;
	background: #6e8891 url(../images/table/th_bg.gif) repeat-x bottom left;
	text-align: center;
}

#content #photoGallery .table thead th a:link,
#content #photoGallery .table thead th a:visited {
	color: #d8e5ea;
	font-weight: bold;
}


/*	Body
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
#content #photoGallery .table tr td {
	display: table-cell;
	background: #eaebee;
	text-align: center;
	padding: 5px 4px 2px 4px;
	border-bottom: 1px solid #d7d7d7;
	vertical-align: top;
}



/*	Odd rows
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
#content #photoGallery .table tr.odd td {
	background: #e9eff4;
}

/*	Left, Right and Center aligned rows
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
#content #photoGallery .table tr td.left,
#content #photoGallery .table thead tr th.left {
	display: table-cell;
	text-align: left;
	float: none;
}

#content #photoGallery .table tr td.right,
#content #photoGallery .table thead tr th.right {
	display: table-cell;
	text-align: right;
	float: none;
}

#content #photoGallery .table tr td.center,
#content #photoGallery .table thead tr th.center {
	display: table-cell;
	text-align: center;
	float: none;
}

#content #photoGallery .table tr td.middle,
#content #photoGallery .table thead tr th.middle {
	display: table-cell;
	vertical-align: middle;
}

/*	Links
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
#content #photoGallery .table tr td a:link,
#content #photoGallery .table tr td a:visited {
	color: #424f53;
}

	
	
/*	-------------------------------------------------------------
	BASKET
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#content #photoGallery a#backToPhotos:link,
#content #photoGallery a#backToPhotos:visited {
	display: block;
	float: right;
	padding: 2px 5px;
	margin: 8px 0 2px 10px;
	background: #aaa;
	border: 1px solid #999;
	color: #fff;
	text-decoration: none;
}

#content #photoGallery #basketPhotos img.photo {
	border: 1px solid #999;
}

#content #photoGallery #basketPhotos tr.total td {
	padding: 8px 3px;
	font-weight: bold;
	font-size: 1.1em;
	background: #aab5b9;
	border-bottom: 1px solid #cbd3d6;
}

#content #updateBasket {
	padding: 10px 0;
	text-align: right;
}




/*	Inputs
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#content #photoGallery #basket label {
	font-weight: bold;
	color: #555;
}

#content #photoGallery #basket table tr td label {
	display: block;
	padding-top: 4px;
}
	
#content #photoGallery #basket .textbox,
#content #photoGallery #basket .textboxLarge,
#content #photoGallery #basket .textboxSmall,
#content #photoGallery #basket .textarea,
#content #photoGallery #basket .selectbox  {
	border: 1px solid #888;
	background: #f4f4f4;
	padding: 2px 2px;
	font: 1em Arial;
	width: 250px;
}

#content #photoGallery #basket .textboxLarge {
	width: 350px;
}

#content #photoGallery #basket .textboxSmall {
	width: 150px;
}
	
#content #photoGallery #basket .selectbox  {
	width: auto;
	font-size: 1.1em;
}

#content #photoGallery #basket .textarea {
	height: 60px;
}



/*	-------------------------------------------------------------
	ORDER FORM
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#content #photoGallery #orderForm {
	width: 500px;
	margin: 10px auto;
	text-align: center;
}

#orderError {
	font-size: 1.1em;
	color: #333;
	background: #f6db5a;
	border: 1px solid #cdbe8d;
	padding: 10px 5px;
	margin: 10px 30px;
}
	
#content #photoGallery #orderForm table {
	width: 100%;
}

#content #photoGallery #orderForm table tr td {
	display: table-cell;
	vertical-align: top;
	padding: 5px 10px;
	
}

#content #photoGallery #orderForm table tr td label {
	text-align: right;
}
	