/* CSS Document */

.homepage-panels {
	padding: 10px 0px 6px 9px; height: 183px; width: 970px;
}

.homepage-panels .silver-box {
	background: url(../Images/layout/silver-box.jpg) no-repeat; width: 232px; height: 183px; float: left; margin-right: 8px;  display:block;
}

.homepage-panels#media-panel {
	margin:10px 0px 0px 0px; border-top:1px solid #b6b6b6; padding:23px 3px 24px 3px; width:953px; margin-left:auto; margin-right:auto;
}

.homepage-panels .silver-box .top {
	width: 212px; height: auto; margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #a6a6a6; padding-top: 17px; padding-bottom: 5px;
}

.homepage-panels .silver-box .top h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #3e3834; padding: 0px; margin: 0px;
}

.homepage-panels#media-panel .silver-box .body {
	width: 88px; height: 80px; padding: 10px 10px 10px 134px; margin: 0px;
}

.homepage-panels#media-panel .silver-box .body p {
	line-height:12px;
}

.homepage-panels#media-panel .silver-box {
	position:relative;
}

.silver-box#last-box {
	margin-right:0px;
}

.bucket-image {
	position:absolute; top:40px; left:1px;
}

.homepage-panels .silver-box .body {
	width: 212px; height: 80px; padding: 10px; margin: 0px;
}

.homepage-panels .silver-box .body p {
	font-size: 11px; padding: 0px; margin: 0px;
}

.homepage-panels .silver-box .button {
	width: 232px; height: 40px; position: relative;
}

.homepage-panels .silver-box .button .darkcssnav {
	position: absolute; top: 8px; right: 8px;
}

.homepage-panels .featured-box {
	width: 481px; height: 183px; margin-right: 8px; float: left;
}

.homepage-panels .featured-box .button {
	background: url(../Images/layout/featured-panel-footer.jpg) no-repeat; width: 481px; height: 42px; position: relative;
}

.homepage-panels .featured-box .button img {
	position: absolute; top: 8px; right: 8px;
}

.homepage-panels .featured-box .featured {
	width: 481px; height: 141px;
}

.media-page-content {
	margin:0px 0px 0px 0px; padding:30px 0px 0px 0px; width:959px; margin-left:auto; margin-right:auto;
}

.media-page-content ul {
	padding:0px; margin:0px 0px 17px 0px;
}

.media-page-content ul li {
	list-style:none; background: url(../Images/layout/bullet-arrow.gif) no-repeat 0px 4px; padding-left: 19px; line-height: 14px; margin:0px 10px 0px 0px; padding:0px 10px 5px 17px;
}

.media-page-content ul li span {
	color:#999999; font-style:italic;
}

.media-page-content p {
	padding:0px; margin:0px 0px 15px 0px; font-size:11px;
}

.media-page-content p span {
	color:#999999; font-style:italic;
}

.media-page-left-content {
	padding:0px 24px 0px 38px; width:164px; float: left;
}

.media-page-left-content img.left-align-top {
	float:left; margin:0px 0px 0px 0px;
}

.media-page-left-content img.right-align-top {
	float:right; margin:0px 0px 0px 0px;
}

.media-page-left-content img.left-align {
	float:left; margin:10px 0px 0px 0px;
}

.media-page-left-content img.right-align {
	float:right; margin:10px 0px 0px 0px;
}

.media-page-left-content p.left-align-text {
	float:left; margin:0px 0px 0px 0px; width:164px;
}

.media-page-left-content p.right-align-text {
	float:right; margin:0px 0px 0px 0px; width:164px;
}

.media-page-left-content#wider-left-content {
	width:348px; padding-bottom:10px;
}

.media-page-left-content#wider-left-border {
	width:348px; border-top:1px solid #b6b6b6; padding:10px 24px 10px 38px; 
}

.media-page-right-content {
	padding:0px 38px 0px 24px; width:665px; float:left;
}

.media-page-right-content#narrow-right-content {
	width:487px;
}

.media-page-right-content#narrow-right-border {
	width:487px; border-top:1px solid #b6b6b6; padding:20px 38px 10px 24px; 
}

.media-page-right-content h1 {
	color:#333333; font-size:22px; margin:0px 0px 5px 0px;
}

.media-page-right-content h2 {
	color:#333333; font-size:14px; margin:0px 0px 14px 0px;
}

.content .heading {
	background: url(../Images/layout/heading.gif) no-repeat 0px 21px; width: 939px; height: 53px; margin: auto; padding-top: 10px; padding-left: 20px;
}

.content .heading h1 {
	margin: 0px; padding: 0px; font-weight: normal; font-size: 36px; color: #6e6e6e; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.content .subheading {
	background: url(../Images/layout/subheading.gif) no-repeat -1px 11px; border-bottom: 1px solid #b6b6b6; border-top: 1px solid #b6b6b6; width: 940px; height: 29px; margin: auto; padding-left: 18px; padding-top:5px; margin-bottom: 6px; position: relative;
}

.content .subheading h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; padding: 0px; margin: 0px; color: #6e6e6e;
}

.content .subheading img.h2 {
	position: absolute; top: 9px; left: 20px;
}

.content .subheading img.h3 {
	position: absolute; top: 9px; left: 470px;
}

.content .body {
	font-size: 11px; color: #45403b; margin-left: 40px; width: 682px; height: auto;
}

.content .body#about-us {
	width:872px; padding-bottom:30px;
}

.content .body#wide {
	margin-right: 0px; width: 942px; margin-left: 37px;
}

.content .body p {
	padding: 0px; margin: 0px; line-height: 20px; font-size: 11px;
}

.content .body p.gap {
	padding: 0px; margin: 0px; margin-bottom: 20px; line-height: 20px; font-size: 11px;
}

.content .body p#indent {
	margin-left: 15px;
}

.content .body .contact {
	width: 510px; height: auto; padding-top:10px;
}

.content .body .contact .cssnav {
	position:absolute; top:0px; right:35px;
}

.content .body .contact .row {
	display: block; margin-bottom: 7px; height:auto; width:321px; padding:22px 0px 0px 189px; position:relative;
}

.content .body .contact .row#textarea {
	padding:94px 0px 0px 189px; 
}

.content .body .contact .row p {
	position:absolute; top:0px; left:0px; width: 180px; text-align: right; height:auto;
}

.content .body .contact .row input {
	position:absolute; top:0px; right:35px; margin: 0px; padding:3px; border: 1px solid #949494; width:278px;
}

.content .body .contact .row#textarea textarea {
	position:absolute; top:0px; right:35px; margin: 0px; padding: 3px; border: 1px solid #949494; width: 278px; height: 85px; overflow:auto;
}

.content .body .sitemap {
	margin-left: 4px; margin-right: 86px; margin-bottom: 13px; width: 135px; height: auto; font-size: 12px; color: #45403b; float: left;
}

.content .body .sitemap a {
	color: #45403b;
}

.content .body .sitemap a:hover {
	color: #666666;
}

.content .body .sitemap p {
	font-size: 12px; color: #45403b;
}

.content .body .sitemap ul {
	padding:0px; margin:0px;
}

.content .body .sitemap ul li {
	list-style: none; background: url(../Images/layout/bullet.gif) no-repeat 0px 7px; padding-left: 19px; line-height: 18px;
}

.content .contact-details {
	width: 940px; height: auto; margin: auto; margin-top: 20px; padding-top: 10px; border-top: 1px solid #B6B6B6;
}

.content .contact-details p {
	color: #45403b; font-size: 11px;
}

.content .contact-details .block-a,
.content .contact-details .block-b {
	padding: 0px 30px; float: left;
}

.content .contact-details .block-b {
	border-left: 1px solid #B6B6B6;
}

.header .toplinks {
	position: absolute; top: 8px; right: -1px; width: 290px; height: auto;
}

.header .toplinks a {
	display: block; color: #c5c7c7; border-right: 1px solid #c5c7c7; float: left; font-size: 11px; padding-left: 6px; padding-right: 6px;
}

.header .toplinks a.last {
	border-right: 0px !Important; padding-right: 0px !important;
}

.header .basket {
	position: absolute; top: 62px; right: 6px; width: 275px; height: auto; color: #c6c7c7;
}

.header .basket a {
	color: #c6c7c7; padding-left: 25px;
}

.header .basket p {
	float: right; background: url(../Images/layout/basket.gif) no-repeat 0px 0px;
}

.header img.logo {
	position: absolute; top: 0px; left: 3px;
}

.footer .links {
	float: left; width: 490px; height: auto;
}

.footer .syrox {
	float: right; width: 468px; height: auto; text-align: right;
}

.footer .syrox a {
	font-weight: bold; color:#666666; letter-spacing: 1px;
}

.dropdown-style {
	display: none; width: 220px; height: auto; position: absolute; top: -1px; left: 1px; z-index: 1000000;
}

.dropdown-style#gallery {
	left: 111px !important;
}

.dropdown-style#media {
	left: 333px !important;
}

.dropdown-style a {
	width: 179px; 
	height: auto; 
	background-color: #423c38; 
	display: block; 
	border-top: 1px solid #504b48; 
	border-bottom: 1px solid #37322f; 
	color: #999999; 
	font-size: 12px; 
	font-weight: bold; 
	padding:7px 0px 7px 41px;
	position:relative;
}

.dropdown-style a img {
	position:absolute; top:0px; left:0px; 
}

.dropdown-style a img.on {
	z-index:1000;
}

.dropdown-style a img.off {
	z-index:-1;
}

.dropdown-style a:hover {
	color: #ffffff;
	padding:7px 0px 7px 41px;
}

.dropdown-style a:hover img.on {
	z-index:-1;
}

.dropdown-style a:hover img.off {
	z-index:1000;
}

.dropdown-style a.first {
	border-top: 0px !important;
}

.dropdown-style a.last {
	border-bottom: 0px !important;
}

.create-your-own-container {
	width: 929px; height: auto; margin: auto; position:relative; padding:64px 10px 10px 20px;
}

.create-your-own-container .create-your-own-header-area {
	background: url(../Images/layout/heading.gif) no-repeat 0px 21px; position:absolute; top:0px; left:0px;  width: 939px; height: 53px; margin: auto; padding-top: 10px; padding-left: 20px;
}

.create-your-own-container .create-your-own-header-area h1 {
	margin: 0px; padding: 0px; font-weight: normal; font-size: 36px; color: #6e6e6e; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*.create-your-own-container .table-container {
	position:relative; width:405px; height:auto; padding:41px 0px 9px 0px; float:left;
}*/

.create-your-own-container .table-container {
	position:relative; width:342px; height:auto; padding:59px 0px 9px 0px; float:left;
}


.create-your-own-container .table-container img.imgheader {
	position:absolute; top:12px; left:21px;
}

.create-your-own-container .table-container img.imgheader#advice {
	position:absolute; top:30px; left:21px;
}

.create-your-own-container .table-container p.print-options-text {
	position:absolute; top:14px; left:111px; font-size:11px;
}

.create-your-own-container .table-container p {
	font-size:11px; padding:0px 20px 10px 20px;
}

.create-your-own-container .table-container .table {
	position:relative; padding:24px 6px 10px 20px; width:316px; height:auto; 
}

.create-your-own-container .table-container .table h1 {
	position:absolute; top:0px; left:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase;
}

.create-your-own-container .table-container .table .row {
	position:relative; width:316px; min-height:19px; height:auto !important; height:19px; background-color:#e8e8e8;
}

.create-your-own-container .table-container .table .row#headerrow {
	border-bottom:1px solid #666666; background-color:#333333;
}

.create-your-own-container .table-container .table .row#headerrow p {
	color:#ffffff;
}

.create-your-own-container .table-container .table .row#white {
	background-color:#ffffff;
}

.create-your-own-container .table-container .table .row .row-small {
	position:relative; width:155px; min-height:19px; height:auto !important; height:19px; float:left;
}

.create-your-own-container .table-container .table .row .row-small#last {
	width:146px;
}

.create-your-own-container .table-container .table .row-small input.radiobutton {
	right:12px !important;
}

.create-your-own-container .table-container .table .row-small#last input.radiobutton {
	right:5px !important;
}

.create-your-own-container .table-container .table .row p {
	font-size:11px; padding:0px 0px 0px 0px;
}

.create-your-own-container .table-container .table .row p.item {
	position:absolute; top:3px; left:7px; font-size:11px;
}

.create-your-own-container .table-container .table .row p.price {
	position:absolute; top:3px; left:225px; font-size:11px;
}

.create-your-own-container .table-container .table .row input.radiobutton {
	position:absolute; top:1px; right:18px; margin:0px; padding:0px; height:17px; width:17px;
}

.create-your-own-container .table-container .table {
}

.create-your-own-container .table-container .table {
}

.create-your-own-container .table-container {
}

.create-your-own-container .table-container {
}

.create-your-own-container .options-container {
	position:relative; width:587px; height:auto; padding:0px 0px 9px 0px; background:url(../Images/layout/create-your-own/top-rounded-corners.gif) 0px 0px no-repeat #f6f6f6; margin-bottom:10px; float:left;
}

.create-your-own-container .options-container .options-top-nav {
	position:relative; display:block; width:524px; height:52px; background-color:#ffffff; margin-bottom:9px;
}

.create-your-own-container .options-container .options-top-nav#header {
	background-color:#f6f6f6; height:53px;
}

.create-your-own-container .options-container .options-top-nav#headersmall {
	background-color:#f6f6f6;
}

.create-your-own-container .options-container .options-top-nav img.imgheading {
	position:absolute; top:16px; left:10px;
}

.create-your-own-container .options-container p {
	margin:0px 11px 11px 11px; font-size:11px;
}

.create-your-own-container .options-container .options-top-nav .button {
	width:74px; height:52px; display:block; position:absolute; top:0px; left:0px;
}

.create-your-own-container .options-container .options-top-nav .button a {
	width:44px; height:20px; display:block; background:url(../Images/layout/create-your-own/top-nav.gif) 0px 0px no-repeat; position:relative; padding:32px 15px 0px 15px; text-align:center; font-size:9px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:9px; float:left; color:#ffffff; position:absolute; top:0px; left:0px; z-index:99;
}

.create-your-own-container .options-container .options-top-nav .button a img.thumb {
	position:absolute; top:7px; left:28px; z-index:88; border:1px solid #ffffff; margin:0px !important; padding:0px !important;
}

.create-your-own-container .options-container .options-top-nav .button a.selected {
	background:url(../Images/layout/create-your-own/top-nav-selected.gif) 0px 0px no-repeat; color:#3e3834;	
}

.create-your-own-container .options-container .options-top-nav .button#Square {
	left:75px;
}
				
.create-your-own-container .options-container .options-top-nav .button#Square a img.thumb {
	top:10px; left:34px;
}
				
.create-your-own-container .options-container .options-top-nav .button#Portrait {
	left:150px;
}
				
.create-your-own-container .options-container .options-top-nav .button#Portrait a img.thumb {
	top:7px; left:34px;
}
				
.create-your-own-container .options-container .options-top-nav .button#Landscape {
	left:225px;
}

.create-your-own-container .options-container .options-top-nav .button#Landscape a img.thumb {
	top:10px; left:31px;
}

.create-your-own-container .options-container .options-top-nav .button#Panoramic {
	left:300px;
}

.create-your-own-container .options-container .options-top-nav .button#Panoramic a img.thumb {
	top:10px; left:28px;
}

.create-your-own-container .options-container .options-top-nav .button#Portrait-two {
	left:375px;
}

.create-your-own-container .options-container .options-top-nav .button#Portrait-two a img.thumb {
	top:4px; left:31px;
}

.create-your-own-container .options-container .options-top-nav .button#Panoramic-three {
	left:450px;
}

.create-your-own-container .options-container .options-top-nav .button#Panoramic-three a img.thumb {
	top:4px; left:34px;
}

.create-your-own-container .options-container .upload-area {
	position:relative; display:block; width:549px; height:auto; background-color:#ffffff; padding:10px; margin:auto;
}

.create-your-own-container .options-container .upload-area p {
	margin:0px 0px 10px 0px;
}

/*.create-your-own-container .options-container .upload-area input {
	margin:0px 0px 10px 0px; width:411px; height:18px; padding:1px;
}*/

.create-your-own-container .options-container .upload-area .textboxarea {
	position:relative; min-height:25px; height:auto !important; height:25px; width:auto;
}

/*div.fileinputs {
	position: relative;
}*/

.create-your-own-container .options-container .upload-area .textboxarea .fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.create-your-own-container .options-container .upload-area .textboxarea input.file {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: right;
	/*filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;*/
	z-index: 2;
	height:20px;
	width:481px;
}

.create-your-own-container .options-container .upload-area .textboxarea input {
	margin:0px 0px 0px 0px; width:407px; height:14px; padding:1px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.create-your-own-container .options-container .upload-area .textboxarea .cssnav#input {
	position: absolute;
	top: -1px;
	right: 0px;
	z-index: 1000;
}

.create-your-own-container .options-container .upload-area .textboxarea .cssnav#input a {
	z-index: 1100;
}

.create-your-own-container .options-container .upload-area .textboxarea .cssnav#input a:hover {
	z-index: -1;
}

.create-your-own-container .options-container .upload-area .buttonarea input {
	margin:0px 0px 10px 0px; width:211px; height:18px; padding:1px;
}

.create-your-own-container .options-container .colour-buttons {
	width:316px; min-height:53px; height:auto !important; height:53px; padding:10px 10px 10px 180px; display:block; margin:auto; position:relative;
}

.create-your-own-container .options-container .colour-buttons a.crop {
	position:absolute; top:10px; left:0px;
}

.create-your-own-container .options-container .colour-buttons .cssnav#left {
	position:absolute; top:50px; left:0px; width:156px;
}

.create-your-own-container .options-container .colour-buttons .cssnav#left a {
	padding-right:27px;
}

.create-your-own-container .options-container a.colour-type {
	width:100px; height:15px; display:block; float:left; padding:38px 0px 0px 0px; position:relative; font-size:11px; font-weight:bold; color:#39332e;
}

.create-your-own-container .options-container a.colour-type:hover {
	color:#999999;
}

.create-your-own-container .options-container a.colour-type img {
	position:absolute; top:0px; left:0px;
}

.create-your-own-container a.add-to-basket {
	float:right;
}

.create-your-own-container .radupload {
	width:487px !important;
}

.create-your-own-container .RadUpload_Default .ruProgress {
	border:0px !important; color:#3e3834 !important;
}

.create-your-own-container ul li.ruFilePortion {
	font-weight:bold !important; color:#3e3834 !important; font-size:11px !important;
}

.create-your-own-container ul li.ruFilePortion span {
	font-weight:100 !important; color:#3e3834 !important;  font-size:11px !important;
}

.create-your-own-container ul li.ruCurrentFile {
	font-weight:bold !important; color:#3e3834 !important; font-size:11px !important;
}

.create-your-own-container ul li.ruCurrentFile span {
	font-weight:100 !important; color:#3e3834 !important; font-size:11px !important;
}

.create-your-own-container ul li.ruTimeSpeed {
	font-weight:bold !important; color:#3e3834 !important;
}

.create-your-own-container ul li.ruTimeSpeed span {
	font-weight:100 !important; color:#3e3834 !important; font-size:11px !important;
}

.create-your-own-container .ruBar {
	background-color:#f6f6f6 !important; margin-bottom:10px !important; border:0px !important;
}

.create-your-own-container .ruBar div {
	background-color:#f3ea15 !important;
}

.create-your-own-container .RadUpload_Default .ruFakeInput {
	width:473px !important; height:16px !important; padding:2px !important;
}

.create-your-own-container .RadUpload_Default .ruFileInput {
	padding:2px !important; left:347px !important; width:202px !important; top:-1px !important;
}

.create-your-own-container .RadUpload_Default .ruButton {
	width:63px !important; height:22px !important;
}

.create-your-own-container .RadUpload_Default .ruBrowse {
	width:63px !important; height:22px !important; position:absolute !important; top:0px !important; right:-63px !important; .right:-5px !important; display:none !important;
}

.create-your-own-container .cssnav#input {
	position:absolute !important; top:46px !important; right:9px !important;
}

.media-panel {
	width:979px; min-height:503px; height:auto !important; height:503px; background:url(../Images/layout/top-banner.gif) no-repeat 0px 0px #FFFFFF; position: relative;
}

.media-panel .left-navigation-media {
	width:231px; min-height:380px; height:auto !important; height:380px; position: relative; border-bottom:1px solid #85c7c2; background-color:#33a199; float:left; padding:10px 9px 10px 10px;
}

.media-panel .left-navigation-media .headr {
	background:url(../Images/layout/heading-white.gif) no-repeat 0px 11px; width:111px; height:53px; margin: auto; padding-top:0px; padding-left:20px; float:left;
}

.media-panel .left-navigation-media .headr h1 {
	margin:0px; padding:0px; font-weight:normal; font-size:36px; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif;
}

.media-panel .left-navigation-media .prints-buttons {
	width:211px; height:auto; position: relative; margin:auto;
}

.media-panel .left-navigation-media .prints-buttons img {
	margin-bottom:10px;
}

.media-panel .media-content {
	width:707px; min-height:400px; height:auto !important; height:400px; position: relative; float:left; padding:10px 10px 10px 10px;
}

.media-panel .media-content .headr {
}

.media-panel .media-content .headr h1 {
	margin:0px 0px 20px 0px; padding:0px; font-weight:normal; font-size:25px; font-family:Verdana, Arial, Helvetica, sans-serif; height:36px !important;
}

.media-panel .media-content ul {
	margin:0px 10px 0px 0px; padding:0px 10px 0px 0px;
}

.media-panel .media-content ul li {
	margin:0px 10px 22px 0px; padding:0px 10px 5px 20px; background:url(../Images/media/arrow-right.gif) 0px 5px no-repeat; display:block; list-style:none; width:92%; font-size:11px; color:#45403b;line-height:16px;
}

.media-panel .media-content ul li.margin {
	margin:0px 10px 5px 0px;
}

.media-panel .media-content ul li.no-background {
	margin:0px 10px 5px 0px; background:none !important; font-weight:bold;
}

.media-panel .media-content ul li img {
	padding:5px; border:1px solid #cccccc; float:left; margin:6px 10px 0px 0px;
}


