@charset "utf-8";
/* CSS for photocreator.co.uk / online
Created by RSD - rsd.co.uk 
Last update: 20090811_01 / RFA */


/* Body elements apply core CSS attributes to the entire site */
body {
	background: #e781ad url(/images/body-bg.jpg) repeat-x top left;;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
/*END*/


/* Core structural elements applied throughout */
div.container {
	position: relative;
	width: 947px;
	margin: 20px auto 0px auto;
	padding: 20px;
	background: #fff url(/images/homepage-bg.gif) no-repeat top right;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	border-bottom: 2px solid #ACACAC;
	border-right: 2px solid #ACACAC;
}
/*END*/


/* Site branding / strapline / banner */
#branding {
	height: 60px;
	margin-top: 15px;
	padding: 0;
}

#branding h1#branding-logo {
	width: 100%;
	text-align: right;
	line-height: 59px;
	font-size: 24px;
	color: #C5016E;
	height: 60px;
	margin: 0;
	padding: 0;
	background: url(/images/logo.png) no-repeat top left;
}	

.hidden {
	display: none;
}

ul.nav-main {
	margin: 15px 0px 0px 0px;
	padding: 0;
	width: 945px;
	height: 25px;
	background: #ffeaf4;
	border: 1px solid #979797;
	position: relative;
}

ul.nav-main li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	line-height: 25px;
	cursor: pointer;
}

ul.nav-main li.place-marker {
	position: absolute;
	left: 10px;
	top: 0px;
	color: #c5016e;
	font-weight: bold;
	font-size: 14px;
}

ul.nav-main li.place-marker a {
	font-size: 14px!important;
	padding: 0px 0px 0px 0px!important;
}

ul.nav-main li.place-marker a:hover {
	background-color: transparent!important;
	color: #c5016e!important;
}

ul.nav-main li a, ul#nav-main li a:link, ul#nav-main li a:active, ul#nav-main li a:visited {
	color: #c5016e;
	text-decoration: none;
	font-size: 12px;
	padding: 0px 10px 0px 10px;
	display: block;
}

ul.nav-main li a:hover {
	background-color: #c5016e;
	color: #fff;
}

ul.nav-main a.emph {
	font-weight: bold;
}
/*END*/


/* Login or Register */

div.login-or-register h1 {
	font-size: 22px;
	color: #c5016e;
	margin: 0;
	padding: 10px 10px 0px 10px;
}

div.login-or-register p, div.password-reset p {
	margin: 0;
	padding: 10px;
	font-size: 12px;
}

div.login-or-register td.sign-in-box {
	margin: 0;
	padding: 0px;
	font-size: 10px;
}

#show_lost_password, a.show-login, a.auxilliary-link {
	color: #c5016e;
	cursor: pointer;
	text-decoration: none;
}

#show_lost_password:hover, a.show-login:hover, a.auxilliary-link:hover {
	text-decoration: underline;
}

div.promote-registration p {
	margin: 0;
	padding: 10px;
	font-size: 16px;
}

div.existing-user-login p, div.user-registration p {
	margin: 0;
	padding: 10px;
	font-size: 12px;
}

div.login-or-register ul {
	margin-top: 0;
	padding-top: 0;
}

div.login-or-register li {
	font-size: 12px;
	padding-bottom: 5px;
}

div.promote-registration {
	width: 535px;
	float: left;
	margin-top: 20px;
	border: 1px solid #c5016e;
	background: url(/images/signup-promo-artwork.png) no-repeat bottom right;
}

div.promote-registration p {
	font-size: 14px!important;
	line-height: 20px;
}

div.login-or-register input.login-button {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;
	margin: 0;
	cursor: pointer;
	background: #ffeaf4;
	border: 1px solid #979797;
	color: #c5016e;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 7px 3px 7px;
}

div.login-or-register input.login-button:hover {
	background: #c5016e;
	color: #fff;
}

div.login-or-register a.new-user, div.login-or-register a.login, div.login-or-register a.continue, a.change-password {
	cursor: pointer;
	background: #ffeaf4;
	border: 1px solid #979797;
	color: #c5016e;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 8px 4px 8px;
}

div.login-or-register a.new-user:hover, div.login-or-register a.login:hover, div.login-or-register a.continue:hover, a.change-password:hover {
	background: #c5016e;
	color: #fff;
}

div.login-or-register a.existing-user-login {
	text-decoration: underline;
	cursor: pointer;
	color: #c5016e;
}

div.existing-user-login, div.user-registration {
	width: 400px;
	float: right;
	margin-top: 20px;
	border: 1px solid #c5016e;
	background: #F6F6F6;
}

.login-error, #lost_password_error span.alert {
	color: #990000;
	font-weight: bold;
}

.login-start {
	font-size: 14px!important;
	color: #c5016e;
}

.alert {
	color: #c5016e;
	font-weight: bold;
}

.field-required-alert {
	color: #c5016e;
	font-size: 10px!important;
}

.wedding-date {
	border: 1px solid #7f9db9;
	background: #fff;
	width: 150px;
	height: 20px;
	padding-left: 3px;
	margin-right: 3px;
	display: inline-block;
	font-size: 10px;
	line-height: 20px;
	color: #666666;
}
/*END login or register*/


/* Initial 'loading' message */
div.system-loading {
	width: 500px;
	margin: 50px auto 0px auto;
	text-align: center;
}
/* END */


/* Footer */
#footer {
	clear: both;
	padding-top: 10px;
}

#footer a, #footer a:link, #footer a:visited, #footer a, #footer a:link, #footer a:visited {
	color: #c5016e;
	text-decoration: none;
	font-size: 12px;
	padding: 0px 10px 0px 10px;
	line-height: 25px;
}

#footer a:hover {
	text-decoration: underline;
}

#footer p {
	display: block;
	font-size: 11px;
	background: #ffeaf4;
	border: 1px solid #979797;
	color: #c5016e;
	margin: 0;
	padding: 0;
}
/*END*/


/* ProductFocus */
#productFocus {
	padding-top: 15px;
}

.boxBorder {
	border-bottom: 1px solid #babcbe;
	border-right: 1px solid #babcbe;
}

.productContainer {
	width: 229px;
	border-bottom: 1px solid #babcbe;
	border-right: 1px solid #babcbe;
	float: left;
	margin: 15px 0px 0px 15px;
}

.first {
	margin-left: 0px!important;
}

.productContainer h2 {
	font-size: 22px;
	color: #fff;
	font-weight: lighter;
	margin: 0;
	padding: 15px;
}

h2.photobooks {
	background: #b16dac;
}

h2.weddingAlbum {
	background: #bac0c6;
}

h2.photoCalendar {
	background: #8dc84b;
}

h2.photoCanvas {
	background: #ec0289;
}
/*END*/


/* Auxilliary Content */
div.auxiliary-content {
	width: 90%;
	margin: 20px auto 20px auto;
	padding: 0px 20px 20px 20px;
}

ol.alpha-list {
	list-style-type:lower-alpha;
}

div.auxiliary-content p, div.auxiliary-content li {
	font-size: 14px;
}

div.generic-modal h1 {
	color: #828282;
	font-size: 14px;
	margin: 0;
	padding: 0px 0px 10px 0px;
}

div.generic-modal h1.alert {
	color: #990000;
}

div.generic-modal p {
	font-size: 12px;
	color: #434343;
	margin: 0;
	padding: 0px 0px 10px 0px;
}

div.generic-modal a.modal-action, div.change-password a, .sign-off-action {
	cursor: pointer;
	border: 1px solid #434343;
	color: #434343;
	font-weight: bold;
	background: #C1C1C1;
	padding: 4px 8px 3px 8px;
	margin: 0px 10px 0px 0px;
}

div.generic-modal a.modal-action:hover, div.change-password a:hover, .sign-off-action:hover {
	border: 1px solid #434343;
	color: #fff;
	background: #434343;
}

div.redirect {
	width: 500px;
	height: 500px;
	margin: 30px auto 0px auto;
	background: url(/images/photocreator-faded-logo.gif) no-repeat 50% 50%;
}

div.redirect p {
	text-align: center;
}

div.account-container {
	margin: 10px auto 10px auto;
}

div.account-container h1 {
	font-size: 16px;
	color: #c5016e;
	padding: 5px 10px 3px 10px;
	margin: 0;
	border-bottom: 1px solid #BDBEC0;
	background: #fff url(/images/account-content-background.png) repeat-x bottom left;
}

div.account-nav {
	width: 200px;
	float: left;
}

div.account-nav p {
	font-size: 15px;
	font-weight: bold;
	color: #c5016e;
}

div.account-nav a {
	cursor: pointer;
	text-decoration: none;
}

div.account-nav a:hover {
	text-decoration: underline;
}

div.order-history, div.change-password, div.privacy-settings {
	border: 1px solid #BDBEC0;
	background: #fff url(/images/account-content-background.png) repeat-x bottom left;
	float: right;
	width: 730px;
	padding-bottom: 10px;
}

div.privacy-settings ul {
	font-size: 12px;
}

div.privacy-settings ul li {
	list-style: square;
	padding-bottom: 10px;
}

div.privacy-settings ul li a {
	text-decoration: underline;
	color: #0000FF;
	cursor: pointer;
}

div.order-history ul {
	margin: 0;
	padding: 10px;
}

div.order-history ul li {
	list-style: none;
	font-size: 12px;
}

table.order-history-detail {
	width: 710px;
	margin: 10px auto 10px auto;
	border-bottom: 2px solid #BDBEC0;
	border-top: 1px solid #BDBEC0;
}

table.order-history-detail thead td {
	background: #F2F2F2;
	border-bottom: 1px solid #EBEBEB;
	padding: 5px 0px 5px 5px;
}

table.order-history-detail thead, table.order-history-detail tfoot {
	font-weight: bold;
}

.line-legend {
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	color: #6D6D6D;
}

.line-description {
	padding-left: 10px!important;
}

table.order-history-detail tbody, table.order-history-detail tfoot {
	font-size: 14px;
}

table.order-history-detail tbody span.product-code {
	font-size: 10px;
}

table.order-history-detail tbody td.order-line, table.order-history-detail tfoot td {
	border-top: 1px solid #EBEBEB;
	padding: 5px 0px 5px 0px;
}

table.order-history-detail td.centre {
	text-align: center;
}

div.change-password h4, div.privacy-settings h4 {
	font-size: 12px;
	padding: 20px 10px 20px 10px;
	margin: 0;
	font-weight: lighter;
}

div.change-password h4 span {
	font-weight: bold;
}

div.change-password .alert, div.password-reset .alert {
	font-weight: bold;
	color: #FF0000;
}

div.change-password p {
	font-size: 12px;
	padding: 5px 10px 5px 10px;
	margin: 0;
}
/* END Auxil. Content*/


/* Common elements used throughought - NON STRUCTURAL */
.clearFloats {
	clear: both;
}

.minimize {
	line-height: 1px!important;
	margin: 0!important;
	padding: 0!important;
}

.std-text-link {
	color: #c5016e;
	text-decoration: underline;
	cursor: pointer;
}

.std-button-link {
	background: #ffeaf4;
	border: 1px solid #979797;
	color: #c5016e;
	text-decoration: none;
	font-size: 12px;
	padding: 4px 10px 4px 10px;
	cursor: pointer;
}

.std-button-link:hover {
	background-color: #c5016e;
	color: #fff;
}

.std-img-link {
	border: none;
	cursor: pointer;
}

.emph {
	font-weight: bold;
}

img.date-picker {
	cursor: pointer;
	border: 0;
	vertical-align: bottom;
}
/* END */


/* Debug */
ul.sys {
	margin: 0;
	padding: 20px 0px 0px 0px;
}

ul.sys li {
	list-style: none;
	float: left;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #979797;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	color: #979797;
	border-bottom: 1px solid #fefefe;
}

ul.sys li:hover {
	background-color: #EBEBEB;
	border-bottom: 1px solid #979797;
	cursor: pointer;
}

div.sys {
	padding-top: 5px;
}

div.sys p {
	font-size: 12px;
	color: #979797;
}
/* END Debug */



/*MSIE Legacy Warning*/
div.msie-warning {
	border: 5px solid #990000;
	margin-top: 20px;
	padding: 10px 20px 10px 20px;
}

div.msie-warning p.ieAlert {
	float: left;
	padding-right: 10px!important;
}

div.msie-warning h1, div.msie-warning h2, div.msie-warning p {
	margin: 0;
	padding: 10px 0px 10px 0px;
}

div.msie-warning h1 {
	font-size: 18px;
	color: #990000;
}

div.msie-warning h2 {
	font-size: 16px;
	color: #990000;
}

div.msie-warning p {
	font-size: 14px;
}

div.msie-warning span {
	text-decoration: underline;
	color: #990000;
	cursor: pointer;
}

div.msie-warning ul {
	clear: left;
	margin: 10px 0px 0px 121px;
	padding: 0;
}

div.msie-warning li {
	display: inline;
	font-size: 18px;
	list-style: none;
	margin: 10px 20px 20px 0px;
	padding: 0;
}

div.msie-warning li img {
	vertical-align: middle;
}

div.msie-warning li a {
	text-decoration: none;
	color: #0098da;
}

div.msie-warning li a:hover {
	text-decoration: underline;
}

/*END*/