﻿body {
 margin-top: 12px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 height: 100%;
 width: 100%;
 background-color:#FFFFFF;
 font-family:arial, sans-serif;
 /*border: solid 1px blue;*/
}

#container {
	width: 800px;
	margin: auto;
	/*border: solid 1px red;*/
	position: relative;
}

#main-content {
	background: url(images/content_spacer.jpg);
	clear:both;
}

.dxgvControl {
	margin: 0px 0px 0px 40px;
}

#header-image 
{
	height: 76px;
	background: url(images/header.jpg);
}

.header-logo-facebook
{
	z-index: 1000;
	position: absolute;
	left:605px;
	top:12px;
}

.header-logo-ppassoc
{
	z-index: 1001;	
	position: absolute;
	left:685px;
	top:12px;
}

#header-menu {
	width: 800px;
	height: 84px;
	text-align: center;
	background: url(menu/background.jpg);
}

#footer-advert 
{
	
}
/* photo.aspx page border */
.border-bl {background: url(images/border_bottom_left.gif) 0 100% no-repeat;}
.border-br {background: url(images/border_bottom_right.gif) 100% 100% no-repeat;}
.border-tl {background: url(images/border_top_left.gif) 0 0 no-repeat;}
.border-tr {background: url(images/border_top_right.gif) 100% 0 no-repeat; padding:11px;}
.border-top {background: url(images/border_dot.gif) 0 0 repeat-x;}
.border-bottom {background: url(images/border_dot.gif) 0 100% repeat-x;}
.border-left {background: url(images/border_dot.gif) 0 0 repeat-y;}
.border-right {background: url(images/border_dot.gif) 100% 0 repeat-y;}

/* chrome only bug fix */
body:nth-of-type(1) #flashcontent{
   padding: 0px 0px 0px 0px;
}

#flashcontent 
{
	text-align:left;
	color: #CCCCCC;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 20px;
}

#flashcontent a
{
	color: #CCCCCC;	
}

#flashcontent a:hover 
{
	color: #FFFFFF;	
}

#home-gallery-flashcontent
{
	text-align:left;
	color: #CCCCCC;
}

#home-gallery-flashcontent a
{
	color: #CCCCCC;	
}

#home-gallery-flashcontent a:hover 
{
	color: #FFFFFF;	
}

#home-limited-editions-flashcontent 
{
	padding: 15px 0px 0px 0px;	
}

#home-portraiture-flashcontent 
{
	padding: 15px 0px 0px 0px;	
}
	
.profile-top-spacer 
{
	padding: 0px 0px 0px 30px;
}

.profile-image 
{
	height: 183px;
	width: 129px;
}

.profile-image img 
{
	border: 1px solid #CCCCCC;	
}

.home-outer-table 
{
	width: 760px;
	margin: 0px 0px 0px 20px; /* overidden in IE stylesheet */
	text-align: left;
}

.home-welcome
{
	background-image: url(images/welcome_bg.gif);
	background-repeat: no-repeat;
}

.home-gallery 
{
	background-image: url(images/gallery_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px 0px 0px 5px;
}

.home-gallery td 
{
	padding-left: 20px;
}

.home-limited-editions
{
	background-image: url(images/limited_edition_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 25px 0px 0px 22px;
}

/* chrome only bug fix */
body:nth-of-type(1) .home-limited-editions {
   padding: 5px 0px 0px 22px;
}

.home-portraiture
{
	background-image: url(images/portraiture_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 25px 0px 0px 22px;
}

/* chrome only bug fix */
body:nth-of-type(1) .home-portraiture {
   padding: 5px 0px 0px 22px;
}

#home-left-content {
	width: 300px;
	float:left;
	/*border: 1px solid white;*/
}

#home-right-content {
	width: 450px;
	float:left;
	/*border: 1px solid white;*/
}

#home-bottom-content {
	width: 750px;
	float: left;
	/*border: 1px solid white;*/
}

.home-welcome 
{
	width: 380px;
	height: 300px;	
}
.home-welcome td
{
	padding: 0px 0px 0px 0px;
}

.home-welcome .welcome-text
{
	padding: 0px 15px 0px 15px;
}

.welcome-text 
{
	text-align: left;	
}

.thumb-container td {
	padding: 15px 20px 0px 20px;
}

.thumb-container-img 
{
	border: 1px solid #C0C0C0;
}
.content-text 
{
	color: #CCCCCC;
	font: inherit;
	font-size: 12px;
}

.content-text p {
	text-align: left;
	margin: 0px 10px 20px 10px;
}

.content-text-spanned 
{
	width: auto;
	color: #CCCCCC;
	font: inherit;
	font-size: 12px;
}

.content-text-spanned p {
	text-align: left;
	margin: 0px 10px 0px 30px;
}

.content-text a:link {
	font-family: Tahoma;
	font-size: 12px;
	color: #FBB53A;
	text-decoration: none;
}

.content-text a:visited {
	color: #FBB53A;
	text-decoration: none;
}

.content-text a:active {
	color: #FBB53A;
	text-decoration: none;
}

.content-text a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.flash-content 
{
	color: Gray;
	text-align: center;
	vertical-align: middle;
	height: 100%;
	width: 100%;
}

.flash-content a:link {
	font-family: Tahoma;
	font-size: 12px;
	color: #a2a2a2;
	text-decoration: none;
}

.flash-content a:visited {
	color: #a2a2a2;
	text-decoration: none;
}

.flash-content a:active {
	color: #a2a2a2;
	text-decoration: none;
}

.flash-content a:hover {
	color: #ffffff;
	text-decoration: none;
}

.home-image 
{
	text-align: center;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	border: solid 1px red;
}

.home-image img{
   vertical-align: middle;
}

#paymentLogo image {
	/*padding: 15px 0px 0px 235px;*/
}

#paymentLogoSpacer 
{
	min-height: 20px;
	float: left;
	width: 240px;
}

/* chrome only bug fix */
body:nth-of-type(1) #paymentLogoSpacer {
   width: 235px;
}

.advert-table
{
	width: 100%; 
	text-align: center;
}

a.advert-link:link 
{
	font-family: Tahoma;
	font-size: 12px;
	color: #a2a2a2;
	text-decoration: none;
}

a.advert-link:visited {
	color: #a2a2a2;
	text-decoration: none;
}

a.advert-link:active {
	color: #a2a2a2;
	text-decoration: none;
}

a.advert-link:hover {
	color: Gray;
	text-decoration: none;
}

.category-outer-table {
	width: 720px; 
	text-align: center;
	padding: 0px 0px 0px 55px;
}

.category-outer-table td {
	width: 33%;
}

.categories-link {
	font-family: Tahoma;
	font-size: 12px;
	color: #a2a2a2;
	text-decoration: none;
}

.categories-link:visited {
	color: #a2a2a2;
	text-decoration: none;
}

.categories-link:active {
	color: #a2a2a2;
	text-decoration: none;
}

.categories-link:hover {
	color: #ffffff;
	text-decoration: none;
}

.contact-outer-table 
{
	width: 720px; 
	text-align: left;
}

.contact-cell-caption 
{
  width: 700px;
  text-align: left;
  text-decoration: underline;
  padding: 0px 0px 0px 50px;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: bold;
  /*border-right: solid 2px #333333;*/
  color: #a2a2a2;	
}

.contact-cell
{
  width: 700px;
  text-align: left;
  padding: 14px 0px 0px 50px;
  font-family: Tahoma;
  font-size: 12px;
  color: #a2a2a2;
}

.email-confirm 
{
  text-align: left;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: bold;
  color: #a2a2a2;	
}

.login-outer-table
{
	width: 50%;
	margin: 0px 0px 0px 0px; /* overidden in IE stylesheet */
	text-align: left;
}

.login-label-error-cell
{
  padding-top: 5px;
  text-align: center;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: red;	
}

.login-label-cell
{
  padding-top: 5px;
  text-align: center;
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #a2a2a2;	
}

.login-input-cell
{
	padding-top: 5px;
  text-align: left;	
}

.login-button-cell
{
	padding-top: 5px;
	text-align: left;
}

.links-outer-table 
{
	width: 720px; 
	text-align: left;
}

.links-list 
{
	list-style-type: none;
}

.links-group 
{
  font-family: Tahoma;
  font-size: 16px;
  /*font-weight: bold;*/
  padding: 10px 0px 5px 0px;
  /*border-right: solid 2px #333333;*/
  color: Silver;	
}

.links-url 
{	
  font-family: Tahoma;
  font-size: 12px;
  padding: 0px 0px 0px 20px;
  color: #a2a2a2;
}

.links-url a:link
{	
  color: #a2a2a2;
  text-decoration: none;
}

.links-url a:visited
{	
  color: #a2a2a2;
  text-decoration: none;
}

.links-url a:active
{	
  color: #a2a2a2;
  text-decoration: none;
}

.links-url a:hover
{	
  color: #FBB53A;
  text-decoration: none;
}

#photoPlaceHolder 
{
	padding-top: 5px;
  text-align: center;	
}

#photo-main-block {
	width: 800px;
	margin: auto;
	/*border: solid 1px red;*/
	position: relative;
}

.photo-outer-table 
{ 
	width: 100%;
	/*border: solid 2px red;*/
	text-align: center;
}


#buyItLabelContainer 
{
  /*width: 800px;*/
  padding-top: 10px;
  text-align: center;
  display: none;
}

#buyItLtdEdtnLabelContainer 
{
  padding-top: 0px;
  text-align: center;
  display: none;
}

#paypalContainer
{
	width: 100%;
	text-align: center;
}

#paypalButtonContainerDiv 
{
	text-align: center;
}

.paypalButtonContainer
{
  width: 100%;
	text-align: center;
}

.paypalButtonContainerCell
{
	padding-top: 10px;
}

/* -- News Page items -- */

#news-container {
	width: 720px;
	/*border: 1px solid red;*/
	margin: 0px 0px 0px 40px; /* overidden in IE stylesheet */
}

.news-item {
	width: 100%;
	padding: 0px 0px 10px 0px;
	min-height: 100px;
	/*border: 1px solid white;*/
}

.news-item-header {
	height: 28px;
	width: 100%;
	text-align: left;
	color: #FFF;
	font: inherit;
  font-size: 12px;
	/*border: 1px solid yellow;*/
	background-image: url(images/news-item-header-bg.gif);
	background-repeat:repeat-y;
	padding: 0px 0px 0px 10px;
	clear:both;
}

.news-item-middle {
	min-height: 120px;
	background: url(images/news-item-background.gif) repeat;
	/*border: 1px solid yellow;*/
}

.news-item-image {
	float:left;
	padding: 2px 2px 2px 2px;
	/*border: 1px solid green;*/
}

.news-item-image img {
	border: 1px solid #CCCCCC;
	/*border: 1px solid green;*/
}

.news-item-content {
	width: 540px;
	float: left;
	text-align: left;
	color: #CCCCCC;
	font: inherit;
  font-size: 12px;
  vertical-align: top;
  margin-top: 0px;
  padding: 0px 0px 5px 10px;
	/*border: 1px solid blue;*/
}

.news-item-footer {
	width: 100%;
	height: 23px;
	background-image: url(images/news-item-footer.gif);
	clear:both;
	/*border: 1px solid green;*/
}

#news-footer {
	width: 100%;
	clear:both;
}

.facebookfeed{text-align:left;width:700px;margin:40px auto;border:#555 1px solid;padding:10px;background:#222;-moz-border-radius:8px;-webkit-border-radius:8px;}
.facebookfeed ul{list-style:none;padding:0;margin:0;}
.facebookfeed ul li{list-style:none;padding:10px 0;margin:0;}
.facebookfeed ul li:last-child{border:0;}
.facebookfeed ul li:hover{color:#e6f2fa;}
.facebookfeed ul li.fbDate{list-style:none;padding:10px 0;margin:0;border-bottom:#555 1px solid;}	
	    
/* -- end of News Page items -- */



/* -- DevExpress component styles -- */

.dxDisabled
{
	color: #808080;
}
.dxeBase
{
    font-family: Tahoma;
    font-size: 9pt;
}
/* -- ErrorFrame -- */
.dxeErrorCell, .dxeErrorCell td
{
    font-family: Tahoma;
    font-size: 9pt;
	color: Red;
}
.dxeErrorCell
{
	padding-left: 4px;
	padding-right:5px;		
}
.dxeErrorFrame
{
	padding-right: 3px;
}
.dxeEditArea 
{
	font-family: Tahoma;
	font-size: 9pt;
	border: 1px solid #A0A0A0;
}
/* -- Buttons -- */
.dxeButtonEditButton, .dxeCalendarButton
{	
	vertical-align: middle;
	border: solid 1px #7f7f7f;
} 
.dxeButtonEditButton, .dxeCalendarButton, .dxeButtonEditButton td.dx, .dxeCalendarButton td.dx
{	
    font-family: Tahoma;
    font-size: 11px;        
	text-align: center;
	white-space: nowrap;
} 
.dxeButtonEditButton
{
    padding: 0px 2px 0px 3px;
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;    
    background-color: #e6e6e6;
}
.dxeButtonEditButton table.dxbebt 
{
	width: 10px;
}
.dxeCalendarButton      
{
	font-size: 9pt;
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;    
    background-color: #e5e5e5;
	padding: 4px 11px;
	padding-top: 3px;
	width: 32px;
}
.dxeCalendarButton td.dx
{
	font-size: 9pt;    
	text-align: center;
	white-space: nowrap;
}

/* -- Pressed -- */
.dxeCalendarButtonPressed, .dxeButtonEditButtonPressed
{
	background-image: none;
	background-color: #D5D5D5;
	border: Solid 1px #7F7F7F;	
}
/* -- Hover -- */
.dxeCalendarButtonHover, .dxeButtonEditButtonHover
{
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtDropDownButtonHoverBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;
    background-color: #F2F2F2;
	border: Solid 1px #606060;
}
.dxeCalendarButtonHover
{
	background-image: url('<%=WebResource("DevExpress.Web.ASPxEditors.Images.edtCalendarButtonHBack.gif")%>');
    background-repeat: repeat-x;
    background-position: top;    
}

.dxeButtonEdit
{
    background-color: white;
    border: solid 1px #9F9F9F;
    width: 170px;
}
.dxeButtonEdit .dxeEditArea, .dxeButtonEdit td.dxic
{
	width: 100%;
}
.dxeButtonEdit td.dxic
{
    padding: 0px 2px 0px 1px;
}
.dxeTextBox, .dxeMemo
{
    background-color: white;
    border: solid 1px #9f9f9f;
}
.dxeTextBox td.dxic
{
	padding: 1px 2px;
}
.dxeTextBox td.dxic
{
	width: 100%;
}
.dxeRadioButtonList, .dxeRadioButtonList table
{
    font-family: Tahoma;
    font-size: 9pt;    
}
.dxeRadioButtonList
{
    border: Solid 1px #9F9F9F;
}
.dxeRadioButtonList td.dxe
{
    padding: 6px 11px;
    padding-top: 7px;
}

/* -- Memo -- */
.dxeMemo
{
	padding-left: 3px;
}
.dxeMemoEditArea 
{
	font-family: Tahoma;
	font-size: 9pt;
}
.dxeMemo td
{
	width: 100%;
}

/* -- Hyperlink -- */
.dxeHyperlink
{
    font-family: Tahoma;
    font-size: 9pt;
    color: #0d45b7;    
}

/* -- ListBox -- */
.dxeListBox
{
	border: solid 1px #A0A0A0;
    width: 70px;
}
.dxeListBox div.dxlbd
{
	padding-top: 1px;    
    padding-bottom: 1px;
	background-color: white;
    font-family: Tahoma;
    font-size: 9pt;
    height: 110px;
}
.dxeListBoxItem
{    
    border-left: solid 1px white;    
    border-right: solid 1px white;    
    font-family: Tahoma;
    font-size: 9pt;        
    padding: 3px 2px 4px 3px;
    white-space: nowrap;
    text-align: left;
}
.dxeListBoxItemHover        /* inherits dxeListBoxItem */
{
    background-color: #cfcfcf;
}
.dxeListBoxItemSelected     /* inherits dxeListBoxItem */
{    
    color: White;
    background-color: #8d8d8d;
}

/* -- Calendar -- */
.dxeCalendar
{
 
    border: solid 1px #9f9f9f;
    background-color: White;
}
.dxeCalendar td.dxMonthGrid 
{
    padding: 8px 20px;
}
.dxeCalendar td.dxMonthGridWithWeekNumbers
{
    padding: 8px 20px 8px 8px;
}
.dxeCalendarDayHeader
{
    font-family: Tahoma;
    font-size: 9pt;        
    padding: 4px 4px 5px;    
    border-bottom: solid 1px #cfcfcf;    
}
.dxeCalendarWeekNumber
{    
    font-family: Tahoma;
    font-size: 7pt;    
    text-align: right;
    vertical-align: bottom;
    padding: 4px;
    padding-top: 5px;
    padding-right: 8px;    
    padding-bottom: 3px;    
    color: #bfbfbf;
}
.dxeCalendarDay
{    
    font-family: Tahoma;
    font-size: 9pt;
    padding: 4px;
    padding-bottom: 3px;    
}
.dxeCalendarWeekend        /* inherits dxeCalendarDay */
{
    color: #c00000;
}
.dxeCalendarOtherMonth     /* inherits dxeCalendarDay */
{
    color: #888;
}
.dxeCalendarSelected       /* inherits dxeCalendarDay */
{
    color: White;
    background-color: #8d8d8d;
}
.dxeCalendarHeader
{
    background-color: #dcdcdc;
    border-bottom: solid 1px #c9c9c9;
    padding: 4px 7px;
}
.dxeCalendarHeader td.dxe
{
    font-family: Tahoma;
    font-size: 9pt;
    text-align: center;
}
.dxeCalendarFooter 
{
    background-color: #ededed;
    padding: 8px 0px;    
    border-top: solid 1px #d6d6d6;
}

/* Accordion */

#accordionContainer {
	margin: 0px 25px 0px 25px;	
}

.accordionHeader
{
  border: 1px solid #2F4F4F;
  color: #CCCCCC;
  background-color: #801515;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
  padding: 5px;
  margin-top: 5px;
  cursor: pointer;
  height:20px;
  width: 720px;
  background: url(images/accordion_header.gif)
}

.accordionHeaderSelected
{
  border: 1px solid #2F4F4F;
  color: #FFFFFF;
  background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
  padding: 5px;
  margin-top: 5px;
  cursor: pointer;
  height:20px;
  width: 720px;
  background: url(images/accordion_header_selected.gif)
}

.accordionContent
{
  background-color: #333333;
  color: #a2a2a2;
  padding: 5px;
  padding-top: 10px;
}

.accordionContent a:link
{
  background-color: #000000;
  padding: 5px;
  padding-top: 10px;
  text-decoration: none;
}

.accordionContent a:visited
{
	color: #a2a2a2;
	text-decoration: none;
}

.accordionContent a:active {
	color: #a2a2a2;
	text-decoration: none;
}

.accordionContent a:hover {
	color: #ffffff;
	text-decoration: none;
}

.news-image-link {
	border-style: none;
	float: left;
}

.news-image-link a:link {
	border-style: none; /* remove the blue border etc..*/
}

.news-page-spacer 
{
  width: 10px;
  float: left;
}

