@import url("legacy.css");

*
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
}


body {
	margin: 0px; padding:0px;
	text-align:center;
	background-color: #eeeeee;
	color: black;
}

a img {
	border: 0; /* no borders on hyperlinked images */
}
	
div.page
{
	width:774px;
	margin:0px auto;
	text-align:left;
}


/* ============ BANNER (logo) & MENU BLOCK =============== */
div.banner 
{
	padding:2px;
	text-align:left;
	width:774px;
	height:24px;
	/* hide from mac ie5 \*/
	height: 20px;
	/* end hide from mac */
	font-size:12px;
	margin-bottom:2px;
	font-family:verdana,arial,Helvetica,sans-serif;
	clear:both;
}

div.banner div.logo
{
	float: left;
}
div.banner div.links
{
	float:right;
	position: relative;
	bottom: -3px;
	color: #4AB229;
}
div.banner div.links a
{
	text-decoration: none;
}
div.banner div.links a:hover
{
	text-decoration: underline;
}
div.banner div.links a.grey:link,
div.banner div.links a.grey:visited
{
	font-weight: bold;
	color: #6d6d6d;
}
div.banner div.links a.black
{
	font-weight: bold;
}
div.banner div.links a.help
{
        font-weight: bold;
}
/* ============================================== */

/* =========== HEADER MENU & LOGIN BOX BLOCK ========== */
div.header
{
	width: 774px;
	height: 62px;
	background: #50b328 url(images/tr_eeeeee.gif) no-repeat top right;
}
div.header div.header_left
{
	width: 174px;
	height: 62px;
	padding: 0;
	margin: 0;
	background: url(images/tl_eeeeee.gif) no-repeat top left;
	float:left;
}
div.header div.loginbox
{
	color: white;
	float: left;
	width: 330px;
	height: 62px;
	padding: 0;
	font-size: 10px;
	overflow: hidden;
}
div.header div.loginbox div.block
{
	width: 330px;
	height: 40px;
	float: left;
}
div.header div.loginbox div.block span {
	padding-top:5px;
	padding-left:5px;
	float: left;
}
div.header div.loginbox div.links
{
	float: left;
	text-align: center;
	width: 330px;
	height: 17px;
	margin-top: 3px
}
div.header div.loginbox div.links a 
{
	text-decoration: none;
}
div.header div.loginbox div.links a:link,
div.header div.loginbox div.links a:visited
{
	color: white;
}
div.header div.loginbox div.links a:hover
{
	text-decoration: underline;
}
/* ========================================== */

/* =========== HEADER MENU =========== */
div.header a.hbutton {
	border-left: 1px solid #888;
	float:left;
	position: relative;
	width:81px;
	height:62px;
	line-height: 10px;
	text-align:center;
	background-color: #cfcfcf;
	margin:0;
}
div.header div.dummy {
	margin: 0;
	padding: 0;
	width: 3px;
	height: 62px;
	float: left;
	margin-right: -3px;
}
div.header a.hbutton span {
	display: block;
	height:4px;
	padding: 0;
	margin: 0;
	line-height: 4px;
	font-size: 1px;
}
div.header a.hbutton:link,
div.header a.hbutton:visited {
	text-decoration: none;
	font-size: 11px;
	line-height: 12px;
}
div.header a.hbutton:hover {
	cursor: hand;
	background-color: #5d5d5d;
	color: white;
}
/* ==================================== */


/* ======= HEADER BASKET ============== */
span.basket-container div 
{
	background-color: #425b7d;
}
div.basketbox
{
	height: 62px;
	background-image: url(images/tr_eeeeee.gif);
	background-repeat: no-repeat;
	background-position: top right;
	color:white;
	padding: 0px;
	overflow: hidden;
	border: 0px solid black;
}
div.basketbox a.basket
{ 
	float:left;
	width:81px;
	height:62px;
	text-align:center;
	/*background-color: #425b7d;*/
	margin:0;
	color: white;
}
div.basketbox a.basket span {
	display: block;
	height:4px;
	padding: 0;
	margin: 0;
	line-height: 4px;
	font-size: 1px;
}
div.basketbox a.basket:hover {
	cursor: hand;
	background-color: #374C69;
	color: white;
}
div.basketbox a.basket:link, 
div.basketbox a.basket:visited {
	color: white;
	text-decoration: none;
	font-size: 11px;
	line-height: 12px;
}
div.basketbox div.links 
{
	float: left;
	padding-top: 8px;
}
div.basketbox div.links a
{
	color: white;
	font-size:11px;
	line-height:12px
	text-decoration: none;
}
div.basketbox div.links a:link,
div.basketbox div.links a:visited
{
	color:white;
	text-decoration: none;
}
div.basketbox div.links a:hover
{
	color:white;
	text-decoration: underline;
}
/* ======================================= */

/* ========= MAIN CONTENT AREA =========== */
/*div.container
{
	background: white;
	margin:0px;
	padding: 0;
	border-bottom: 1px solid #777;
	border-right:1px solid #777;
	position: relative;
	clear: both;
	float:left;
	width: 774px;
	padding-bottom: 5px;
}*/
table.container
{
	padding: 0;
	margin: 0;
	background: white url(images/container_bg.gif) repeat-y top left;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	width: 774px;
	border-collapse: collapse;
}
table.container td.left
{
	padding: 0;
	margin: 0;
	width: 174px;
	/*border-right: 1px solid #777;*/
}
table.container td.content {
	padding-bottom: 5px;
	padding-top: 2px;
	width: 600px;
	padding-left: 3px;
}
div.container {
	float: left;
	width: 774px;
	background: url(images/container_bg.gif) repeat-y top left;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}
div.container div.left {
	float:left;
	width: 174px;
	margin: 0;
	background: orange;
}
div.container div.main {
	margin: 0 0 0 174px;
	padding: 0;
	background: blue;
}
div.container div.main div.content {
	padding-left: 6px;
	padding-bottom: 5px;
	width: 580px;;
}
/* ======================================== */

/* ================ MISC ================== */
span.ntl
{
	font-weight: bold;
	color: #660066;
}
span.ntl span
{
	color: #339900;
}
table.links-table td
{
	padding: 0 50px;
}
table.links-table,
table.small-links-table
{
	margin: 0 auto;
}
table.links-table a:link,
table.links-table a:visited,
table.small-links-table a:link,
table.small-links-table a:visited,
table.noul-links-table a:link,
table.noul-links-table a:visited
{
	text-decoration: none;
}
table.links-table a:hover,
table.small-links-table a:hover,
table.noul-links-table a:hover
{
	text-decoration: underline;
}
table.small-links-table a
{
	font-size: 11px;
}
div.back-home-links 
{
	text-align: right;
	margin-bottom: 4px;
	padding-right: 5px;
}
div.back-home-links a:link,
div.back-home-links a:visited
{
	text-decoration: none;
}
div.back-home-links a:hover
{
	text-decoration: underline;
}
div.photo {
	background: white;
	padding: 5px;
	border: 1px solid #CCCCCC;
	float: left;
	margin: 2px;
	width: 90px;
	clear: none;
}
div.photo div {
	background: #eee;
	margin-top: 3px;
}
div.photo small {
	font-family: sans-serif;
	font-size: 10px;
}
a.noul:link,
a.noul:visited 
{
	text-decoration: none;
}
a.noul:hover
{
	text-decoration: underline
}
/* ================================================= */

/* ============== LIST MENUS ======================= */
ul.color-list
{
	padding: 0;
  margin: 0px;
	/*list-style-image: url(/sg/1/nd/greenbullet.gif);*/
	list-style-type: none;
}

ul.color-list li
{
	border-bottom:1px solid #888;
	width:99%;
	margin-top: 5px;
	padding-bottom: 5px;
}
ul.color-list a:link,
ul.color-list a:visited
{
	text-decoration: none;
}
ul.color-list a:hover
{
	text-decoration: underline;
}
ul.color-list span
{
	line-height: 0;
	font-size: 0;
	height: 5px;
	width: 5px;
	background: #ADE918;
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 6px;
	margin-right: 5px;
	display: block;
}
ul.menulist
{
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	margin: 0;
	padding: 0;
	list-style-type:none;
	padding-left: 5px;
}

ul.menulist li
{
	border-bottom:1px solid #ccc;
	width:95%;
	padding-top:5px;
	padding-bottom:5px;
}
ul.menulist a:link,
ul.menulist a:visited
{
	text-decoration: none;
}
ul.menulist a:hover
{
	text-decoration: underline;
}
/* ====================================================== */



/* ================== BANNER STYLES ===================== */
a.background-banner {
	color:white;
	position: relative;
	margin:0 auto;
	text-align: left;
	display: block;
}
a.background-banner span.seal { /* this is the "seal" */
	display: block;
	position: absolute;
	width: 69px;
	height: 68px;
	background: url(images/seal.gif) no-repeat top center;
	text-align: center;
	font-size: 16px;
	left: 75px;
	top: 78px;
	padding-top: 14px;
	font-weight: bold;
	max-height: 69px;
}
a.background-banner span.caption {
	width: 97%;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 23px;
}
a.background-banner span small {
	padding: 0;
	margin: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}
a.background-banner:link,
a.background-banner:visited,
a.background-banner:hover
{
	text-decoration: none;
	color: white;
	cursor: hand;
}
/* ------------------------------------------------------ */

/* ============== BUTTON STYLES ==================== */
div.button {
	margin: 0 auto;
	display: inline;
	float:left;
	padding: 0px 5px 0;
	height: 26px;
	background-image: url(css/home2/images/button_left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 2px;
}
div.button a
{
	float:left;
	height: 26px;
  display:block;
	margin: 0;
	padding: 5px 7px 4px 2px;
	background: url(images/button_right.gif) no-repeat right top;
	text-align: center;
	font-weight: bold;
}
div.button a:link, div.button a:visited
{
	text-decoration: none;
}
div.freeprintsbutton
{
	background-color: #ADE918;
}
/* ================================================= */

/* ================= MY ALBUMS ===================== */
div.albums-tabs a.active
{
	background: black url(images/tab_active.gif) no-repeat left top;
	font-size: 16px;
	font-weight: bold;
	color: white;
	width: 230px;
	margin-right: 4px;
	text-align: center;
	display: block;
	float:left;
	padding-top: 7px;
	padding-bottom: 7px;
}
div.albums-tabs a.inactive
{
	display: block;
	background: #666666 url(images/tab_inactive.gif) no-repeat left top;
	font-size: 16px;
	font-weight: bold;
	color: white;
	width: 230px;
	margin-right: 5px;
	text-align: center;
	float:left;
	padding-top: 7px;
	padding-bottom: 7px;
}
div.albums-tabs a:link,
div.albums-tabs a:visited
{
	color:white;
	text-decoration: none;
}
div.albums-tabs a:hover,
{
	text-decoration: underline;
}
div.dummy {
	height: 24px;
	padding-top: 7px;
	padding-bottom: 7px;
}
div.albums-tabs div.under
{
	background-image: url(images/tr_ffffff.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: black;
	height: 7px;
	padding: 0;
	margin: 0;
	line-height: 0;
	font-size: 0;
}
div.percentage-box {
	border: 1px solid black;
	width: 100px;
	padding: 1px;
}
td.divider-right {
	border-right: 1px solid #ccc;
}
table.home-content {
	border-collapse: collapse;
	padding: 0px;
}
table.home-content td {
	padding-top: 3px;
	padding-left: 5px;
	font-size: 10pt;
}
table.home-content th {
	border-right: 1px solid black;
}
a.home-content-link td a:link {
	text-decoration: none;
}
a.home-link:link, a.home-link:visited {
	text-decoration: none;
}
a.home-link:hover {
	text-decoration: underline;
}

div.status-shared {
	margin-top:-18px;
	float:right;
	color:white;
	font-weight:bold;
	font-size: 11px;
	text-align:center;
	width:53px;height:19px;
	padding:0;
	line-height:17px;
	background:url(images/statusbackground.gif);
}
div.status {
	margin-top:-18px;
	font-size:11px;
	float:right;
	color:#666;
	width: 53px;
	font-weight:bold;
	text-align:center;
	padding:0;
	line-height:20px;
}
/* =================================================== */

/* ================ TABLE STYLES ===================== */
table.black
{
	border-collapse: collapse;
}
table.black td
{
	padding: 2px;
}
table.black td small
{
	font-size: 10px;
	font-weight: normal;
}
table.black th
{
	padding: 5px;
	color: white;
	background: black;
	border: 1px solid white;
	font-size: 12px;
}
/* ================================================== */

/* hide from IE/Mac */
a.background-banner
{
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 100%;
}
/* end hide */