@import url("reset.css"); @import url("global.css"); @import url("bigglasseye_form.css"); body {background: #202020; font-size: 62.5%; font-family: Georgia, Arial, Helvetica, sans-serif}
a {color: #690;}
#container {width: 700px; margin: 0px auto 20px auto}
#content {background: white; padding: 6px; min-height: 400px}
 #header {text-align: center}
#navigation {border-top: #333 solid 1px}
#navigation ul {margin: 7px 0;}
#navigation li {display: inline; font-size: 12px; text-transform: uppercase; margin: 7px 4px}
#navigation li a {color: #ccc; text-decoration: none}
#navigation li a:hover {color: #fff}
#navigation li.on a, #navigation li.on a:hover {color: #F90}
#navigation li.corporate {margin: 7px 3px 7px 0;}
#navigation li.corporate a {color: #999; border-left: 1px solid #666; padding-left: 3px;}
#navigation li.blog {margin: 7px 0 7px 3px}
#navigation li.blog a {color: #999 }
#subnavigation {padding: 10px; background: #333}
#subnavigation ul {padding: 0px; margin: 0px; text-align: center;}
#subnavigation li {list-style: none; display: inline; padding: 3px 10px 10px 10px; font-size: 11px}
#subnavigation li a {text-decoration: none; text-transform: uppercase; color: #ccc;}
#subnavigation li.on a {color: #f90;}
#subnavigation li a:hover {color: #fff;}
#subnavigation li.on a:hover {color: #f90;}
 h1, h2, h3, h4 {font-weight: normal}
h1 {display: none;}
h2 {font-size: 1.6em; color: #333; padding-bottom: 3px; border-bottom: 1px solid #ccc}
h3 {font-size: 1.4em; color: #666; margin-top: 1.5em}
 #footer {padding: 10px; color: #666;}
 #content .page {padding: 5px}
#content .page p {font-size: 1.3em; line-height: 1.4em; margin-top: 1em}
#content .shift {margin-top: 30px;}
#content .page p strong {font-weight: bold;}
 .return_link a {font-size: 1.2em;}
.return_link {margin: 1em;}
 #large #content, #large_photo #content {background: none; padding: 0; margin: 0}
#large #header, #large_photo #header {border-bottom: #333 solid 1px}
#large .return_link, #large_photo .return_link {text-align: center}
#large .large_photo, #large_photo .large_photo {text-align: center}
#large .large_photo img, #large_photo .large_photo img {border: 6px solid white;}
#large_photo #container {width: 1100px;}
 p.address {margin-left: 3em;}
 .simple_pagination {margin: 0 0 10px 0; font-size: 1.2em}
.simple_pagination .next {width: 45%; float: right; text-align: right}
.simple_pagination .previous {width: 45%; float: left}
.simple_pagination a {color: #eee; text-decoration: none;}
.pagination {padding: 3px; margin: 3px; text-align: center; font-size: 1.1em}
.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #ccc; text-decoration: none; color: #999}
.pagination a:hover, .pagination a:active {border: 1px solid #ccc; color: #000}
.pagination span.current {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #ccc; font-weight: normal; background-color: #ccc; color: #000}
.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd}
 #galleries {margin: 10px;}
#galleries li {float: left; margin: 10px 5px; width: 100px; height: 130px; text-align: center}
#galleries li img {border: 2px solid #ccc}
#galleries .overlay {line-height: 1.5em; font-size: 1.2em; margin-top: 5px}
#portfolio #page {width: 540px}
#portfolio .simple_pagination {width: 520px}
  #booking fieldset, #booking_accept fieldset {float: left; width: 45%; margin: 2%;}
#booking p.chosen_date {font-size: 1.4em; margin-bottom: 21px;}
#login table {width: 100%;}
#login td {vertical-align: top;}
#login fieldset {float: left; width: 45%; margin: 2%;}
 #availability_check form {margin: 10px;}
#availability_check #banner_right {min-height: 400px;}
 #albums {width: 100%; margin-top: 20px;}
#albums td {width: 20%; text-align: center; vertical-align:top; padding-bottom: 20px;}
#albums td img {border: 2px solid #ccc}
#albums td a {font-size: 1.2em;}
#clients .uniForm {padding: 0;}
 ul.photos {margin-top: 10px}
ul.photos li {width:80px; height: 90px; margin: 0 20px 20px 0; float: left; text-align: center}
ul.photos li img {vertical-align: middle;}
table.photos {width: 100%}
table.photos td {text-align: center; vertical-align: middle; padding: 15px 0; width: 20%;}
table.photos td img {border: 2px solid #ccc}
.slideshow_link {font-size: 1.2em; text-align: center; margin: 5px;}
 .controls {width: 100%; margin-bottom: 10px}
.controls td {padding: 5px; vertical-align: top; font-size: 1.1em;}
.controls .back {width: 20%; text-align: center}
.controls .next, .controls .previous {width: 40%}
.controls .previous {text-align: right;}
.controls img {vertical-align: middle; margin: 3px;}
#the_photo {margin-top: 10px; position: relative; border: 1px solid #ccc}
#photo_frame {position: absolute; top: 0; left: 0; margin: 0; padding 0}
.photo_nav {margin: 1em auto 2em auto}
.photo_nav .nav_photo {float: left; margin-right: 10px; width: 80px;}
.photo_nav .next, .photo_nav .previous {text-align: center}
.photo_nav .thumbnail {display: block; margin-bottom: 5px;}
.photo_nav a {color: #D1D1D1; font-size: 1.1em; text-decoration: none;}
.photo_nav .triangle {margin: 0 3px;}
.photo_options {margin: 1em 0; padding: 0.5em 0; margin: auto; border-bottom: 1px solid #ccc;}
.photo_options td {padding: 0.5em}
.photo_options a {color: #666; font-size: 1.2em; text-decoration: none;}
.photo_options img {margin-right: 5px; vertical-align: middle;}
.favourite_selector {color: #666; font-size: 1.2em; text-align: center;}
.print_options {margin: auto;}
 table.order {width: 100%; margin: 1em 10px 1em 0;}
table.order th {font-size: 1.4em; border-bottom: 2px solid #ccc; color: #333}
table.order td {font-size: 1.2em; border-bottom: 1px solid #ccc; vertical-align: middle;}
table.order th, table.order td {padding: 0.4em;}
table.order .photograph {width: 60px; text-align: center;}
table.order .photograph img {width: 70%}
table.order .quantity input {width: 30px; text-align: right;}
table.order tr.subtotal td {border-top: 1px solid #ccc; text-align: right}
table.order tr.shipping td {text-align: right; font-style: italic;}
table.order tr.total td {text-align: right; font-weight: bold;}
#checkout {background-color: #FFFFCC; border-top: 2px solid #CC9900; border-bottom: 2px solid #CC9900; margin: 20px 0; padding: 1em; color: #000}
#content #checkout p {color: #000}
#checkout h3 {color: #000; margin: 0 0 1em 0}
#checkout input {float: right}
#basket {position: fixed; bottom: 0px; left: 0px; font-size: 1.4em; width: 100%; background: #CFE7A1; padding: 15px 20px; border-top: 5px solid #669900; text-align: center}
#basket img {vertical-align: middle; margin-right: 5px; margin-bottom: 5px}
 ul.error_list {font-size: 1.3em}
ul.error_list li {list-style: disc; margin: 1em 3em;}
 #home #content {padding: 0; background: none;}
div.frontpage_image img {border: 1px solid white}
 div.email_message p {font-size: 1.3em; line-height: 1.5em;}
div.email_message p.from {font-size: 1.2em; color: #ccc;}
 #email fieldset {float: left; width: 48%; margin: 1%;}
 .delete img {border: 2px solid #ccc; float: right; margin: 10px}
.delete form, .delete form div {display: inline;}
 .flash {background: no-repeat center; background-position: 15px 50%;  text-align: left; padding: 10px 20px 10px 45px; border-top-style: solid; border-top-width: 2px; border-bottom-style: solid; border-bottom-width: 2px; border-left: none; border-right: none; font-size: 90%; font-size: 1.2em; margin: 10px 0;}
.error {background-image: url(/images/admin/error.png); background-color: #ffe8e8; border-top-color: #df7d7d; border-bottom-color: #df7d7d;}
.warning {background-image: url(/images/admin/warning.png); background-color: #FFFFCC; border-top-color: #CC9900; border-bottom-color: #CC9900}
.success {background-image: url(/images/admin/success.png); background-color: #CCFFCC; border-top-color: #339933; border-bottom-color: #339933}
.notice {background-image: url(/images/admin/notice.png); background-color: ; border-top-color: #b5d4fe; border-bottom-color: #b5d4fe}
.flash p {margin: 10px 0}
.flash li {margin: 10px 20px; list-style: circle;}
.homepage_message, .login_message {background: #690; padding: 5px; color: white;}
.homepage_message {font-size: 1.2em; line-height: 1.5em; text-align: center; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff}
.homepage_message strong, .login_message strong {font-weight: bold;}
#content .login_message p {margin: 0; padding: 0;}
.login_message {margin-bottom: 1em; text-align: center;}
.special_discounts {background: #690; color: white; padding: 10px;}
.homepage_message a, .login_message a {color: #ff0; text-decoration: underline;}
#portfolio #albums td {width: 33%; padding: 0px 0px 10px 0;}
#portfolio #albums td .title {text-align: left; padding: 8px 4px}
#portfolio #albums td a {color: #333; text-decoration: none}
#portfolio #albums img {width: 221px; border: none;}
#slider img {border: 1px solid #fff;}