html,body {
	background: #FFFFFF;
	background-image: url(../images/bg_grad.jpg);
	background-repeat: repeat-x;
	color: #363636;
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}


#wrapper {
	width: 920px;
	height:auto !important; /* FF and compliant browsers should automatically size the body/html */
    height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
    min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
	background: #FFFFFF;
	text-align: left;
	padding: 0;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#content {
	width: 920px;
	position: relative;
	padding: 0;
	overflow: hidden;
	height: 100%;
}


#leftContent {
	width: 280px;
	float: left;
	background-image: url(../images/lhs_red.png);
	height: 1600px;
	background-repeat: repeat-y;
}

#bestSellers {
	width: 302px;
	float: left;
	height: 89px;
	background: #000000;
	left: 75px;
	position: relative;
	text-align: left;
	z-index: 30;
}

#featured {
	width: 185px;
	float: left;
	height: 89px;
	background: #000000;
	left: 145px;
	position: relative;
	z-index: 31;
}

#custompic {
	width: 630px;
	float:left;
	height: 46px;
	z-index: 20;
}

#mainContent {
	width: 630px;
	float: left;
	padding-top: 5px;
}

#introtext {
	width: 515px;
	overflow: hidden;
	float: left;
	padding-top: 3px;
	padding-right: 5px;
}

#introtextRT {
	width: 107px;
	overflow: hidden;
	float: right;
	padding-top: 3px;
}

#searchdisplay {
	width: 630px;
	overflow: visible;
	float: left;
	padding-top: 3px;
	height: 480px;
}

#accountdisplay {
	width: 630px;
	overflow: hidden;
	float: left;
	padding-top: 3px;
	height: 320px;
	text-align:center;
}

#customisedisplay {
	width: 630px;
	overflow: hidden;
	float: left;
	height: 390px;
}

#purchasedisplay {
	width: 626px;
	overflow: hidden;
	float: left;


	height: 450.px;
	border: #C52429;
	border-width:2px;
	border-style:solid;
}

#purchaseinternaldisplay1 {
	width: 315px;
	overflow: hidden;
	float: left;
	margin: 3px 3px 3px 3px;
}

#purchaseinternaldisplay2 {
	width: 290px;
	overflow: hidden;
	float: left;
	margin: 3px 3px 3px 3px;
}

#purchaseinternaldisplay3 {
	width: 620px;
	float: left;
}

#news1 {
	width: 220px;
	float: left;
	margin: 3px 3px 3px 3px;
	background-color: #EEEEEE;
}

#news2 {
	width: 390px;
	float: right;
	margin: 3px 3px 3px 3px;
}

#contact1 {
	width: 450px;
	float: left;
	margin: 3px 3px 3px 3px;
	background-color: #FFFFFF;
}

#contact2 {
	width: 160px;
	float: right;
	margin: 180px 0px 3px 10px;
}

#faqdisplay {
	width: 630px;
	float: left;
	height: 720px;
}

#varidisplay {
	width: 630px;
	overflow: hidden;
	float: left;
}

#displayinfo {
	width: 630px;
	overflow: hidden;
	float: left;
	padding-top: 3px;
	height: 30px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	font-weight: bold;
	text-decoration:none;
	color: #363636;
}

#topbar {
	width: 630px;
	overflow: hidden;
	float: left;
	height: 61px;
}

#legal {
	width: 630px;
	overflow: hidden;
	float: left;
	height: 39px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style:normal;
	text-decoration:none;
	color: #363636;
	text-align:left;
	background-image: url(../images/love_people.png);
}

#user {
	width: 630px;
	overflow: hidden;
	float: left;
	height: 22px;
	background-color:#C42428;
	background-image: url(../images/user_bg.jpg);
}

#userbar {
	width: 480px;
	overflow: hidden;
	float: left;
	text-align: right;
}

#searchbar {
	width: 150px;
	overflow: hidden;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style:normal;
	text-decoration:none;
	color: #363636;
	vertical-align: middle;
	text-align: right;
}

#banner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/banner_top.jpg);
	height: 90px;
}

#bannerbase {
	width: 630px;
	overflow: hidden;
	float: left;
	height: 209px;
}

#browsebanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/browse_banner.jpg);
	height: 150px;
	background-repeat: no-repeat;
}

#boughtbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/bought_banner.jpg);
	height: 150px;
	background-repeat: no-repeat;
}

#friendsbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/friends_banner.jpg);
	height: 150px;
	background-repeat: no-repeat;
}

#photographerbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/photographer_banner.jpg);
	height: 150px;
	background-repeat: no-repeat;
}

#newbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/news_banner.jpg);
	height: 150px;
}

#forgotpassbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/forgotpass_banner.jpg);
	height: 150px;
}

#limitedbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/limited_editions_banner.jpg);
	height: 150px;
}

#prbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/pr_banner.jpg);
	height: 150px;
}

#aboutbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/about_us_banner.jpg);
	height: 150px;
}

#contactbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/contact_banner.jpg);
	height: 150px;
}

#mediabanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/media_banner.jpg);
	height: 150px;
}

#downloadbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/download_banner.jpg);
	height: 150px;
}

#registerbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	height: 150px;
	background-image: url(../images/register_banner.jpg);
}

#registererrorbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	height: 150px;
	background-image: url(../images/regerror_banner.jpg);
}

#accountbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	height: 150px;
	background-image: url(../images/account_banner.jpg);
}

#customisebanner {
	width: 630px;
	overflow: hidden;
	float: left;
	height: 104px;
	background-image: url(../images/black_banner.jpg);
}

#blankbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/blank_banner.jpg);
	height: 167px;
}

#buybanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/buy_banner.jpg);
	height: 167px;
}

#customwords{
	width: 610px;
	overflow: hidden;
	float: left;
	height: 30px;
}
#faqbanner {
	width: 630px;
	overflow: hidden;
	float: left;
	background-image: url(../images/no_banner.jpg);
	height: 106px;
}

#browsesearch {
	width: 630px;
	overflow: hidden;
	background-color:#000000;
	float: left;
	height: 29px;
}

#criteriasearch {
	width: 340px;
	overflow: hidden;
	float: right;
	text-align: left;
	height: 29px;
}

#browsesearchbar {
	width: 290px;
	overflow: hidden;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	text-decoration:none;
	color: #363636;
	vertical-align: middle;
	text-align: left;
}

#footer {
	width: 630px;
	height: 72px;
	background-image: url(../images/footer.jpg);
	overflow: hidden;
	float: left;
	margin-top: 10px;
}

#footertext {
	width: 350px;
	float: left;
	margin-top:25px;
	font-size: 10px;
	text-align: left;
}



#mainNav {
	position: absolute;
	top: 410px;
	right: 679px;
	width: 222px;
	height: 263px;
	overflow: hidden;
	list-style: none;
}

#contact_num {

	position: absolute;
	top: 675px;
	right: 669px;
	width: 161px;
	height: 161px;
	overflow: hidden;
	list-style: none;
}

#GB_overlay {
  background-image: url(../images/overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 10px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}

/*  Text Formatting and Styling     */

.headlines {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration:none;
	text-align:left;
	line-height: 18px;
	font-weight: bolder;
}

.headlines2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration:none;
	text-align:center;
	line-height: 24px;
	font-weight: bolder;
}

.headlinesR a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration:none;
	text-align:right;
	line-height: 24px;
	font-weight: bolder;
	color: #B4191B;
}

.redtext {
	color: #B4191B;
	font-weight: bold;
}

h1.logo a {
	position: absolute;
	top: 13px;
	left: 25px;
	width: 214px;
	height: 383px;
	display: block;
	background-image: url(../images/logo.png);
	overflow: hidden;
	text-indent: -2000em;
}

.link {
	color: #C42528;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-decoration:none;
}

.grey {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-decoration:none;
}
.legallink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style:normal;
	text-decoration:none;
	color: #363636;
	text-align:left;
}

.smallinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style:normal;
	text-decoration:none;
	color: #C42528;
	text-align:left;
}

.smalltextL {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style:normal;
	text-decoration:none;
	text-align:left;
	line-height: 15px;
}


.smalltextL A:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style:normal;
	color: #C42528;
	text-align:left;
}

.smalltextR {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style:normal;
	text-decoration:none;
	text-align:right;
}

.terms{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	text-decoration:none;
	color: #333333;
	text-align:justify;
}

input.search {
    height: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style:normal;
	text-decoration:none;
	color: #363636;
	text-align:left;
	margin-top:2px;
}

input.browse {
    height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:normal;
	font-weight: bold;
	text-decoration:none;
	color: #363636;
	text-align:left;
	margin-top:2px;
	margin-left:2px;
}

.thumb {
	height: 150px;
	padding: 5px;
	float: left;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	font-variant: normal;
	text-decoration:none;
	vertical-align:baseline;
}

a.thumb:link {color: #666666; text-decoration: none; }
a.thumb:visited {color: #FF6666; text-decoration: none; }
a.thumb:hover {color: #C42528; text-decoration: none; }
a.thumb:active {color: #C42528; text-decoration: none; }

a.greybox:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;color: #C42528; text-decoration: none; }
a.greybox:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;color: #FF6666; text-decoration: none; }
a.greybox:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;color: #C42528; text-decoration: none; }
a.greybox:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;color: #C42528; text-decoration: none; }

.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration:none;
	text-align:left;
	line-height: 18px;
	font-weight: bolder;
	color: #333333;
}

a.news1:link {color: #333333; text-decoration: none; }
a.news1:visited {color: #333333; text-decoration: none; }
a.news1:hover {color: #C42528; text-decoration: none; }
a.news1:active {color: #33333; text-decoration: none; }


#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	background: #000000;
	color: #FFF;
	text-align: left;
	text-decoration: none}

#sddm li a:hover
{	background: #fcc}

#sddm div
{	position: absolute;
	visibility: hidden;
	z-index:1000;
	margin: 0;
	padding: 0;
	background: #000;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #000;
		color: #999;
		font: 11px arial}

	#sddm div a:hover
	{	background: #fcc;
		color: #FFF}


.MagnifImage{background-color:#fff; color:#00f; font-weight:bold; border:4px outset #ccc; 
text-align:center; padding:0;margin:0; }

.preview{background-color:#000; border:2px solid #C42528; font-weight:bold; text-align:center;}

.previewTitle{background-color:#000; color:#fff; font-family:Arial, Helvetica, sans-serif; solid; width:100%; }

#trailimageid{font-size:0.75em;position:absolute;display:none;left:0px;top:0px;width:320px;height:0px;z-index:200;}