/* PhotoVault Styles CSS Document */
/* Defaults */
html, body{
	margin:0 auto;
	padding: 0px 0px 50px 0px;
	background: transparent url(banner.jpg) center -20px repeat-x; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height: 16px;
}




h1,h2,h3,h4,h5,h6,p,select,input,th,td,ul,li,dl,dt,dd{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6,p,th,td,ul,li,dl,dt,dd{
	color:#000;
}
h1{font-size:16px; font-weight:normal; color: #235F5F;}
h2{font-size:18px; font-weight:normal; color: #4d8383; font-family: "Lucida Bright",Georgia,"Times New Roman",Times,serif;}
h3{font-size:13px; font-weight:normal; color: #235F5F;}
h4{font-size:12px; font-weight:normal; color: #235F5F;}
h5{font-size:11px; font-weight:normal; color: #235F5F;}
h6{font-size:10px; font-weight:normal; color: #235F5F;}

a {color:#235F5F;
overflow-x: hidden;
overflow-y: hidden;
}

a:link
{
    FONT-SIZE: 12px;
	color:#235F5F;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
a:hover
{
    FONT-SIZE: 12px;
    COLOR: #235F5F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}
a:visited
{
    FONT-SIZE: 12px;
    COLOR: #235F5F;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
a:active
{
    FONT-SIZE: 12px;
    COLOR: #235F5F;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

img{border:none;}

.divClear{clear: both}

.PagingAnchors{border:none;}
.PagingAnchors img{border:none;}

.DataLabel{border:1px solid #ccc; padding-left:2px; padding-right: 2px; background-color: #fff;}


/* Block Level Elements */
#divBodyContainer{display:block;position:relative;top:0px; background-color:transparent;width:930px; min-height: 200px; margin:0 auto; padding-top: 20px;}	
	/* Menu & Branding Container */





	/* Main Content Container */
	#divContainer{display:block;position:relative;text-align:left;margin:10px auto 20px 0px; width:930px; padding:0;}
		

.ir
{
display: block;
text-indent: -5000px;
}


/*--Header--*/

.logo { position: absolute; top: 60px; }
.strapline { font-size: 17px; color: #4d8383; position: absolute; top: 66px; right: 0; font-family: "Lucida Bright",Georgia,"Times New Roman",Times,serif;}

/*--General buttons--*/
a.btn-more-info { background: url(btn-more-info.gif) no-repeat; padding: 2px 0 2px 25px; font-size: 13px; font-weight: 700; color: #333;}
a.btn-more-info:hover { background-position: left bottom; }

/*--Navigation--*/
#navigation { position: absolute; top: 20px; right: 0; }
#navigation li { float: left; margin: 0; background: url(tab-right.gif) no-repeat right top; height: 26px; }
#navigation a { color: #fff; font-weight: 700; text-decoration: none; background: url(tab-left.gif) no-repeat left top; display: inline-block; height: 20px; padding: 6px 15px 0; font-size: 11px; }
#navigation a:hover { color: #ccc; }
#navigation li.on { background-position: right bottom; }
#navigation li.on a { background-position: left bottom; }
#navigation li.search { background: none; padding: 3px 0 0 15px; }
.search span { display: none; }
.search p { margin: 0; }
.search label { position: relative; top: -4px; }
.search input.text { background: transparent url(search-bg.gif) no-repeat; width: 94px; height: 14px; padding: 2px; border: none; font-size: 10px; color: #666; }

/*--Sub-Navigation--*/
#subnavigation { padding-top: 0px; width: 920px; border-bottom: 1px solid #333; height: 26px; margin: 0 0 0 0px; }
#subnavigation li { float: left; margin: 0; background: url(sub-tab-right.gif) no-repeat right top; height: 26px; }
#subnavigation a { color: #fff; font-weight: 700; text-decoration: none; background: url(sub-tab-left.gif) no-repeat left top; display: inline-block; height: 20px; padding: 6px 15px 0; font-size: 11px; }
#subnavigation a:hover { color: #ccc; }
#subnavigation li.on { background-position: right bottom; }
#subnavigation li.on a { background-position: left bottom; }

#h1ImageLibary{
font-family: "Lucida Bright",Georgia,"Times New Roman",Times,serif;
font-size: 28px;
color: #8b8b8b;
margin: 0 0 30px 0px;
font-weight: 400;
}

/*--Footer--*/
.topofpage { display: block; background: url(backtotop.gif) no-repeat; width: 34px; height: 39px; position: fixed; right: 0; bottom: 80px; text-indent: -5000px; }
.topofpage:hover { background-position: left bottom; }
#footer { background: url(banner.jpg) repeat-x; text-align: center; height: 67px; margin: -67px 0 0; z-index: 100; position: relative; }
#clearfooter { height: 67px; }
#footer div { width: 930px; margin: 0 auto; text-align: left; padding: 10px 0 0; }
#footer p { color: #fff; margin: 4px 0 0; font-size: 10px; }
#footer ul { float: right; font-size: 12px; }
#footer li { display: inline; border-right: 1px solid #fff; padding: 0 5px 0 0; margin: 0 5px 0 0; }
#footer li a { color: #fff; text-decoration: none; font-weight: 700; }
#footer li a:hover { text-decoration: underline; }
#footer li.last { margin: 0; padding: 0; border: none; }

/*--Breadcrumbs--*/
#breadcrumbs { background: #f2f6f8 url(breadcrumbs.gif) no-repeat; position: absolute; top: 132px; left: 116px; width: 814px; height: 20px; }
#breadcrumbs ul { padding: 1px 0 0 40px; line-height: 1; }
#breadcrumbs li { display: inline; font-size: 10px; }
#breadcrumbs a { color: #000; text-decoration: none; font-size: 10px; }
#breadcrumbs a:hover { text-decoration: underline; }

.content { padding-top: 186px; min-height: 540px; margin: 0 0 40px; }
.btn-back { display: block; background: url(btn-back.gif) no-repeat; width: 34px; height: 39px; position: absolute; right: 0; top: 180px; text-indent: -5000px; }
.btn-back:hover { background-position: left bottom; }

.use-of { font-size: 17px; padding: 5px 0 0 0; line-height: 1.3; }
#tblHome { margin: 0 0 0 12px; }
.main-image { background: url(main-image-bg.jpg); display: block; width: 600px; height: 640px; }
#tblHome h2 { font-size: 18px; }
#divTopText { padding-top: 110px; }
#image-library, #image-library-password { position: relative; }
#image-library-password { background: url(login-bg.jpg) no-repeat center 60px; min-height: 450px; }
#pnlImageSearchText { background: url(search-bg.jpg) top left; position: absolute; top: 80px; right: 0; width: 260px; height: 83px; padding: 8px 15px; }
#h2ImageSearchTextTitle{position: absolute; top: -40px; left: 0px;}

#tblHome h2 { margin: 0 0 7px; }
#tblHome a { color: #50878a; }
#tblHome h2 a { color: #50878a; text-decoration: none; }
#ddlImageSearchTextCategory, #txtImageSearchText, #txtReference, #txtPassword { border: 1px solid #589293; width: 181px; padding: 2px; }


#featureImage { position: absolute; left: 12px; top: 31px; width: 600px; text-align:center; }

.promos { padding: 20px 0 0; height: 197px; border-top: 10px solid #f2f6f8; margin: 20px 0 0 0; clear: both; }
.promos li { float: left; width: 50%;}
.magazine-promo {display: block; background: url(/site0000/promo1.jpg) no-repeat top left; width: 393px; height: 197px; }
.image-library-promo { background: url(promo2.jpg) no-repeat; width: 393px; height: 197px; }

.services-primary-column { width: 520px; float: left; margin: 0 0 0 12px; padding: 20px 0; }
.services-primary-column a { color: #4D8383; }
.services-primary-column a:hover { text-decoration: none; }
.services-primary-column h2 { margin-top: 20px; }
.services-primary-column h2.first { margin-top: 0; }
.services-secondary-column { width: 380px; float: right; padding: 20px 0; }
.services-secondary-column h2, #divPassword h2 { color: #8b8b8b; }
.services-secondary-column div { background: url(services-bg1.jpg); padding: 15px; margin: 0 0 20px; height: 199px; }

.btn-more-info { text-decoration: none; }
.services-primary-column .pdf-link { background: url(pdf-icon.gif) no-repeat; height: 28px; padding: 9px 0 0 42px; display: block; color: #000; font-weight: 700; text-decoration: none;  }
.services-primary-column .pdf-link:hover { text-decoration: underline; }

#divPassword { margin: 0 auto; width: 350px; padding: 120px 0; }
#spanReferenceFieldLabel, #spanPasswordFieldLabel { display: block; font-size: 12px; margin: 0 0 3px; }
#txtReference, #txtPassword { margin: 0 0 10px; width: 330px; }
#btnLogin { float: right; margin: 0 13px; }















/* Shopping Basket */
/* Added to Basket Message */
#divAddedToOrder{display:none; position:absolute; width:200px; height:100px; z-index:1500; left:50%; top:50%; margin-left:-100px; margin-top:-50px;background:#fff url(xxxGlobal_bg.jpg) top left;border:solid 1px #ccc;}
	#spanAddedToOrder{display:block; position:absolute; width:150px; height:20px; z-index:1501; left:50%; top:50%; margin-left:-75px; margin-top:-10px; font-size: 11px; text-transform: uppercase; color:#235F5F;}
	


#divBasket{display:none; position:absolute; width:650px; height:550px; z-index:1000; text-transform:uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; background:transparent url(shoppingcart_bg.png) top left no-repeat; left:50%; top:50%; margin-left:-275px; margin-top:-275px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='shoppingcart_bg.png', sizingMethod='scale');
}

	#divBasketTitle{display:none;position:relative; text-transform:uppercase; font-weight:normal;color:#235F5F; font-size:12px; margin:5px; text-align:center; margin:20px 0 10px 10px;}
	#divBasketHead{display:block;position:relative; height:20px; margin-top:70px;}
	#divBasketHeadPhoto{display:block; position:absolute; top:0px;left:90px;width:100px;text-align:center;color:#235F5F;}
	#divBasketHeadDetails{display:block; position:absolute; top:0px;left:290px;width:200px;text-align:left;color:#235F5F;}
	#divBasketHeadPrice{display:block; position:absolute; top:0px;left:550px;width:100px;text-align:left;color:#235F5F;}

	/* Shopping Basket Footer */
	#divBasketData{display:block;position:relative;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;overflow:auto; height:260px;width:600px;text-align:left;margin:0 auto;}
		.divBasketRowEven{display:block; position:relative;border-bottom: #666666 dashed 1px;padding:6px 0;}
		.divBasketRowOdd{display:block; position:relative;border-bottom: #666666 dashed 1px;padding:6px 0;}
			.divBasketDataPhoto{}
				.tableBasketDataPhoto{} 
				.tableBasketDataPhoto td{width:200px;height:200px;}
					.imgBasketDataPhoto{}

			.divBasketDataDetails{display:block; position:absolute; top:6px;left:210px;text-align:left; background-color:#339966;}
				.divBasketFileNameLabel{display:block; position:absolute; top:0px;left:10px; white-space:nowrap;color:#235F5F;}
				.divBasketFileNameData{display:block; position:absolute; top:0px;left:90px; white-space:nowrap;}
				.divBasketPhotoSizeLabel{display:block; position:absolute; top:20px;left:10px; white-space:nowrap;color:#235F5F;}
				.divBasketPhotoSizeData{display:block; position:absolute; top:20px; left:90px; height:50px; width:150px; white-space:wrap; text-transform:capitalize;}
				.divBasketQtyLabel{display:block; position:absolute; top:75px;left:10px; white-space:nowrap;color:#235F5F;}
				.divBasketQtyData{display:block; position:absolute; top:75px;left:90px; white-space:nowrap;}
				.divBasketPriceEachLabel{display:block; position:absolute; top:95px;left:10px; white-space:nowrap;color:#235F5F;}
				.divBasketPriceEachData{display:block; position:absolute; top:95px;left:90px; white-space:nowrap;}
				.divBasketRemove{display:block; position:absolute; top:140px;left:90px; white-space:nowrap;}
					.divBasketRemove a:link, .divBasketRemove a:visited{display:inline;position:relative;text-decoration:none; color:#990000;}
					.divBasketRemove a:hover, .divBasketRemove a:active{display:inline;position:relative;text-decoration:none; color:#CCFF00;}
				
				.divBasketDataPrice{display:block; position:absolute; top:6px;left:500px;}
			

				/* Define where the data fields are*/
				.divBasketFileNameData,
				.divBasketPhotoSizeData,
				.divBasketQtyData,
				.divBasketPriceEachData,
				.divBasketDataPrice{border-left:1px solid #f1f1f1; padding-left:4px;}

			
		/* Shopping Basket Footer */
		#divBasketFoot{display:block; position:relative;margin:20px 20px 0 0 ;text-align:left;}
			#divPostage{display:block; position:relative; width:100%; height:20px;margin-left:10px;margin-top:5px;}
				#spanPostageLabel{display:block; position:absolute; width:110px; height:20px; top:0; right:120px;color:#235F5F;}
				#spanPostageData{display:block; position:absolute; width:90px; height:20px; top:0; right:25px;text-align:right;}
				
			#divTotalExcVAT{display:block; position:relative; width:100%; height:20px;margin-left:10px;margin-top:5px;}
				#spanTotalExcVATLabel{display:block; position:absolute; width:110px; height:20px; top:0; right:120px;color:#235F5F;}
				#spanTotalExcVATData{display:block; position:absolute; width:90px; height:20px; top:0; right:25px;text-align:right;}
				
			#divVAT{display:block; position:relative; width:100%; height:20px;margin-left:10px;margin-top:5px;}
				#spanVATLabel{display:block; position:absolute; width:110px; height:20px; top:0; right:120px;color:#235F5F;}
				#spanVATData{display:block; position:absolute; width:90px; height:20px; top:0; right:25px;text-align:right;}
				
			#divTotalIncVAT{display:block; position:relative; width:100%; height:20px;margin-left:10px;margin-top:5px;}
				#spanTotalIncVATLabel{display:block; position:absolute; width:110px; height:20px; top:0; right:120px;color:#235F5F;}
				#spanTotalIncVATData{display:block; position:absolute; width:90px; height:20px; top:0; right:25px;text-align:right;}
				
			#divButtons{display:block; position:absolute; width:200px; right:0px; height:20px;margin-top:5px; text-align: right; margin-right: 0;}
				#btnBasketClose{}
				#btnCheckout{}



.ThumbnailImage{display: block;}
.ThumbnailImageBlank{display: none;}



/* Content Popup */
#bodyPopup{padding: 0;}
#divPopupBodyContainer{}
	#divPopupContainer{margin: 30px;}	
	#divPopupClose{width: 100%; padding: 30px 0 0 0; margin: 0px; text-align: center;}
		#btnPopupClose{}




img.imgHomeItem{width:100px; height:100px;}
ul, li{margin:0;padding:0;list-style:none;}


table.tabular {}
table.tabular tr.oddRow{}
table.tabular tr.evenRow{background-color:#f1f1f1;}
table.tabular tr th{text-align:left;color:#235F5F;}
table.tabular tr td{}





