/* reset browser styles */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal}
h2 {color:#000000}
q:before, q:after{content:''}
abbr, acronym{border:0}


body {
	background: #000000 url("/images/bg-repeat.gif") repeat-x;
	font-family: Lucida Grande, Arial, Gill sans, Helvetica, sans-serif;
	font-size: 11px;
	color:#DCE4E3;
}
a {
	text-decoration: none;
	padding-bottom: 1px;
	color:#477e6f;
}
p {
	margin: 1em 0
}
strong {
	font-weight:bold
}
input[Type=Text],input[Type=Password], textarea {
 	border: 1px solid #477E6F;
	padding: 3px;
	font-size:11px;

}
textarea {
	font-family: Lucida Grande, Arial;
}
/* Utilities */
.breaker {
	clear: both
}

#site-shell {
	width: 813px;
	margin: 0 auto
}

#breadcrumbs {
	font-size: .95em;
	padding: 3px 0;
}
#breadcrumbs a {
	color:#DCE4E3;
	border: none;
	text-decoration: underline;
}
#footer a:hover, #breadcrumbs a:hover {
	color:#477e6f;
	text-decoration: underline;
}
#header {
	margin:  0 0 10px;
	float: left;
	background: url("/images/banner_main.gif") no-repeat;
}
#logo {
	float: left;
	margin: 20px 0 0 20px;
	border: none
}
#logo a {
	border: none
}
#top-right-menu {
	margin: 25px 20px 0 0 ;
	float: right
}
#top-right-menu ul {
}
#top-right-menu li {
	float: left;
	margin: 0 10px 0 0
}
#top-right-menu a {
	margin: 0 0px 0 0 ;
	color: #477e6f
}
#nav-cart {
}

#strapline {
	clear: both;
	height: 25px;
	padding: 60px 0 5px;
	margin-right: 0;
	margin-left: 390px;
}
#main-nav {
	float: left;
	width: 813px;
	background-color: #477e6f;
	background-image: url(.../images/bg-main-dnav.gif);
	background-repeat: repeat-x;
}
#main-nav li, #sub-nav li {
	float: left
}
#main-nav li a, #sub-nav li a {
	display: block;
	padding: 6px 10px;
	color:#DCE4E3;
	text-decoration: none;
	border: none;
}
#main-nav li a {
	background: url("/images/bg-main-nav-divider.gif") repeat-y right
}

#about-us li#nav-about-us a, 
#products li#nav-products a,
#weddings li#nav-weddings a, 
#lifestyle li#nav-lifestyle a, 
#events li#nav-events a {
	background: #DCE4E3;
	color: #000000
}

#main-nav li a:hover {
	color: #222
}
#products li#nav-about-us a, #weddings li#nav-products a, #lifestyle li#nav-weddings a, #events li#nav-lifestyle a {
	background: none;
}
#sub-nav li a {
	color: #477E6F;
}
#sub-nav li a:hover {
	color: #222;
}
#sub-nav li a.selected {
	text-decoration: underline;
}
#sub-nav li a.selected:hover {
	color: #477E6F;
}
#sub-nav {
	clear: both;
	float: left;
	width: 813px;
	background-color: #DCE4E3;
}
#footer {
	padding: 4px 0 5px 0;
	clear: both;
}
#footer a {
	color:#DCE4E3;
}
#footer-right {
	float: right
}
#nav-sitemap {
	border: 1px solid #444;
	padding: 4px;
	text-decoration: none;
	margin-right: 8px
}
#nav-enquiries {
	margin-left: 8px
}
#content {
	clear: both;
	padding: 0 0 0;
	margin: 0 0 5px;
	background: #bac8cb;
	color: #221e1f;
	float: left;
	border: 10px solid #dce4e3; 
	width: 793px
}
h2.page-header, #mainAreaHeading_twoCol h2 {
	background: #96b4ac;
	margin:	0 8px 8px;
	padding:4px;
	font-size: 1.2em
}
h2.no-padding {
	margin-left: 0;
	margin-right: 0
}
/* GALLERY */ 
#gallery-shell {
	padding: 8px 8px;
}
#gallery-shell.full {
	padding: 0;
}
.display-only #gallery-shell {
	padding: 8px ;
}
#gallery {
	width: 643px;
	padding: 0 0;
	background: #bacbc8;
	float: left;
	margin: 0 6px 8px 0
}
.display-only #gallery {
	width: 644px;
	padding: 8px 0 8px 70px;
	background: #bacbc8;
	float: left;
	margin: 0 9px 8px 0
}
.display-only #gallery {
	margin: 0 auto 8px 0
}
#gallery-header {
	float: left;
	width: 643px;
	margin-bottom: 5px
}
#gallery-flash { 
	width: 643px;
	float: left;
	}
.display-only #gallery-header {
	display: none
}
#gallery-header h2{
	font-size: 1.5em;
	line-height: 1.8em
}
#comment-link {
	float: right
}
#gallery-actions {
	float: left;
}
.display-only #gallery-actions {
	display: none
}
#gallery-actions li {
	margin-bottom: 14px
}
#gallery-actions a {
	display: block;
	width: 121px;
	height: 20px;
	padding: 70px 0 0 6px;
	background-repeat: no-repeat;
	color: #dce4e3;
}
#gallery-actions a.doublelines {
	padding-top: 63px;
	height: 27px;
	line-height: 1.1em
}
a#gallery-buy-prints {
	background: url("/images/btn-buy-prints.jpg") 
}
a#gallery-buy-album {
	background: url("/images/btn-buy-album.jpg")
}
a#gallery-buy-slideshow {
	background: url("/images/btn-buy-slideshow.jpg");
}
a#gallery-buy-acrylics {
	background: url("/images/btn-buy-acrylics.jpg");
}
a#gallery-buy-prints-framed {
	background: url("/images/btn-buy-prints-framed.jpg")
}
a#gallery-buy-vouchers {
	background: url("/images/btn-buy-vouchers.jpg")
}

/* SITEMAP */ 
.sitemap-content .column{
	width: 200px;
	float: left;
	margin: 0 0 0 20px
}
.link-list {
	margin: 15px 0 25px 0
}
.link-list p {
	font-size: 1.4em;
	margin: 0 0 5px 
}
.link-list li {
	margin-bottom: 4px
}
.link-list ul {
	margin: 0 0 0 0
}
.link-list ul ul {
	margin: 6px 0 6px 15px;
	list-style-type: disc
}

/* FOrms */
form {
}
.a-form {
	width: 750px;
}
.a-form li {
	margin-bottom: 1.2em
}
.a-form span {
	margin: 0 0 0 150px
}
.a-form label {
	display: block;
	float: left;
	width: 140px;
	margin-right: 1em;
	text-align: right;
	font-weight: bold
}
.radio-wrapper input {
	float: left
}
.radio-wrapper label {
	text-align: left;
	margin: 0 0 0 10px;
	
}
.radio-wrapper {
	margin: 0 0 0 0px;
	padding: 0;
	float: left;
}
.radio-wrapper li {
	clear: both;
	padding-bottom: 6px
}
.opt-in-wrapper {
	width: 400px;
}
.opt-in-wrapper label {
	width: 380px;
	font-weight: normal
}
#login-radio-wrapper {
	margin: 0 0 15px 150px;
	width: 400px
}
#login-radio-wrapper label{
	width: 350px
}
.login-notes {
	margin: 0 0 0 150px;
	width: 450px
}
.a-form input[type=text],.a-form textarea {
	width: 25em
}
.form-notes {
	margin-bottom: 1em
}
.submit-wrapper {
	clear: both;
	text-align: right;
	width: 485px;
	padding-top: 1em
}
#myBtn_Submit_GeneralEnquiry {
	width: 10em
}
/* partners */
.partners-list {
	float: left;
	width: 350px
}
.partners-list li {
	clear: both;
	display: block;
	height: 78px;
}
.partners-list img {
	float: left;
	margin: 0 12px 0 0
}
.partners-list p {
	float: left;
	margin-top: 0
}

/* */
#contactUs_form, #login_form{
	padding: 0 8px
}
#checkoutMenu {
	list-style-type: decimal;
	background: #ddd;
	padding: 5px;
	height: 15px;
	width: 767px;
	margin: 0 0 0 0
}
#checkoutMenu li {
	float: left;
	margin: 0 30px 0 20px;
	
}
/* Cart */
.cart-item {
	border-bottom: 1px solid #96b4ac;
	width: 520px;
	float: left;
	padding-bottom: 15px;
	clear: both;
	margin-bottom: 15px
}
.cart-item-img {
	float: left;
	border: 4px solid #96b4ac;
}
.cart-item-desc {
	float: left;
	padding-left: 10px;
}
#cart-wrapper {
	padding: 8px
}
.checkout-wrapper {
	width: 200px;
	background: #dce4e3; 
	text-align: center;
	margin-bottom: 1em
}
.checkout-wrapper p {
	font-weight: bold
}
.checkout-link {
	background: url("/images/btn-general.jpg") no-repeat;
	width: 142px;
	height: 20px;
	display: block;
	color: #fff;
	padding: 5px 0 0px ;
	margin: 0 28px 13px;
	text-align: center;
}
.checkout-wrapper {
	float: right
}
p.checkout-continue {
}
p.checkout-continue a {
	background: url("/images/btn-general-sml.jpg") no-repeat;
	width: 110px;
	height: 20px;
	display: block;
	color: #fff;
	text-align: center
}
.table-head {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em
}	
.address-fields td {
	padding: 4px 12px 4px 0
}
.btn-general {
	text-align: center;
	background: url("/images/btn-general.jpg") no-repeat;
	width: 144px;
	height: 20px;
	display: block;
	color: #fff;
	padding-top: 5px;
}
a.btn-general:hover, a.btn-general-small:hover, a.btn-general-large:hover  {
	color: #222;
	text-decoration: none;
}
.btn-general-small {
	text-align: center;
	background: url("/images/btn-general-sml.jpg") no-repeat;
	width: 110px;
	height: 20px;
	display: block;
	color: #fff;
	padding-top: 5px;
}
.btn-general-large {
	text-align: center;
	background: url("/images/btn-general-lrg.jpg") no-repeat;
	width: 166px;
	height: 20px;
	display: block;
	color: #fff;
	padding-top: 5px;
}
#content.checkout {
	margin-top: 0px
}	

/* Product List */
.product-list {
	padding: 8px;
}
.product-list ul {
	width: 360px;
	float: left
}
.product-list img {
	border: 4px solid #96b4ac;
	float: left;
	margin: 0 15px 15px 0;
}
.product-list div {
	margin: -15px 0 0 164px;
}
html > body .product-list div {
	margin: 0 0 0 164px;
}
.product-list li {
	clear: both;
	padding-bottom: 20px
}
.product-list li h3 {
	margin-top: 0;
}
#tab-wrapper {
	margin-left: 8px;
	width: 775px;
}
#tab-buttons {
	float: left;
	width: 774px;
	background-color: #477e6f;
	background-image: url(.../images/bg-main-dnav.gif);
	background-repeat: repeat-x;
}	
#tab-buttons li {
	float: left;
}	
#tab-buttons li a {
	background: url("/images/bg-main-nav-divider.gif") repeat-y right
}
#tab-buttons li#btn-features a {
	background-image: none
}
#tab-buttons.display-options li {
	width: 258px
}	
#tab-buttons.display-options li a {
	width: 258px
}	
#tab-buttons.wedding-process li {
	width: 193px
}
#tab-buttons.wedding-process li a {
	width: 193px
}			

#tab-buttons li a.tab-button {
	display: block;
	padding: 6px 0;
	color:#fff;
	text-decoration: none;
	border: none;
	text-align: center
}
#tab-buttons li a.tab-button:hover {
	text-decoration: none;
	color: #222
}
#tab-buttons li.selected a.tab-button {
	background: #DCE4E3;
	color: #000000;
	text-decoration: none;
}
.tab-content {
	clear:  both;
	background: #DCE4E3;
	padding: 8px 12px;
	float: left;
	margin-bottom: 8px;
	width: 750px;
} 
.tab-content li {
	clear: both;
	display: block
}
.tabArea_pic {
	border: 4px solid #96b4ac;
	padding: 0;
	margin: 12px 0 0 0
}
.tab-content .product-img {
	margin: 5px 15px 15px 0;
	float: left
}
#tab-buttons.wedding-process li#btn-features {
	width: 195px
}
html > body #tab-buttons.wedding-process li#btn-features a {
	width: 195px
}
.process-copy {
	float: left;
	width: 400px;
	margin-right: 20px;
	padding-top: 1em;
}
.extra-bottom {
	padding-bottom: 8px;
}
html > body .extra-bottom {
	padding-bottom: 0;
}