@import "reset.css";
@import "global.css";
@import "my_form.css";

body {
background:#202020 none repeat scroll 0%;
font-family:Arial,Helvetica,sans-serif;
font-size:62.5%;
}
a {
color:white;
}
#container {
margin:20px auto;
width:700px;
}
#content {
min-height:400px;
padding:6px;
text-align:center;
color:#555555;
}
#header {
text-align:center;
}
#navigation {
border-top:1px solid #333333;
}
#navigation ul {
margin:7px 0pt;
}
#navigation li {
display:inline;
font-size:12px;
margin:7px;
text-transform:uppercase;
}
#navigation li a {
color:#CCCCCC;
text-decoration:none;
}
#navigation li a:hover {
color:#FFFFFF;
}
#navigation li.on a, #navigation li.on a:hover {
color:#FF9900;
}
#navigation li.corporate {
margin:7px 7px 7px 0pt;
}
#navigation li.corporate a {
border-left:1px solid #666666;
color:#999999;
padding-left:7px;
}
#subnavigation {
background:#333333 none repeat scroll 0%;
padding:10px;
}
#subnavigation ul {
margin:0px;
padding:0px;
text-align:center;
}
#subnavigation li {
display:inline;
font-size:11px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:3px 10px 10px;
}
#subnavigation li a {
color:#CCCCCC;
text-decoration:none;
text-transform:uppercase;
}
#subnavigation li.on a {
color:#FF9900;
}
#subnavigation li a:hover {
color:#FFFFFF;
}
#subnavigation li.on a:hover {
color:#FF9900;
}
h1, h2, h3, h4 {
font-weight:normal;
}
h1 {
display:none;
}
h2 {
border-bottom:1px solid #333333;
color:#CCCCCC;
font-size:1.6em;
padding-bottom:3px;
}
h3 {
color:#CCCCCC;
font-size:1.4em;
margin-top:1.5em;
}
#footer {
color:#666666;
padding:10px;
text-align: center;
}
#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:transparent none repeat scroll 0%;
margin:0pt;
padding:0pt;
}
#large #header, #large_photo #header {
border-bottom:1px solid #333333;
}
#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 {
font-size:1.2em;
margin:0pt 0pt 10px;
}
.simple_pagination .next {
float:right;
text-align:right;
width:45%;
}
.simple_pagination .previous {
float:left;
width:45%;
}
.simple_pagination a {
color:#EEEEEE;
text-decoration:none;
}
.pagination {
font-size:1.1em;
margin:3px;
padding:3px;
text-align:center;
}
.pagination a {
border:1px solid #CCCCCC;
color:#999999;
margin:2px;
padding:2px 5px;
text-decoration:none;
}
.pagination a:hover, .pagination a:active {
border:1px solid #CCCCCC;
color:#000000;
}
.pagination span.current {
background-color:#CCCCCC;
border:1px solid #CCCCCC;
color:#000000;
font-weight:normal;
margin:2px;
padding:2px 5px;
}
.pagination span.disabled {
border:1px solid #EEEEEE;
color:#DDDDDD;
margin:2px;
padding:2px 5px;
}
#galleries {
margin:10px;
}
#galleries li {
float:left;
height:130px;
margin:10px 5px;
text-align:center;
width:100px;
}
#galleries li img {
border:2px solid #CCCCCC;
}
#galleries .overlay {
font-size:1.2em;
line-height:1.5em;
margin-top:5px;
}
#portfolio #page {
width:540px;
}
#portfolio .simple_pagination {
width:520px;
}
#booking fieldset, #booking_accept fieldset {
float:left;
margin:2%;
width:45%;
}
#booking p.chosen_date {
font-size:1.4em;
margin-bottom:21px;
}
#login table {
width:100%;
}
#login td {
vertical-align:top;
}
#login fieldset {
float:left;
margin:2%;
width:45%;
}
#availability_check form {
margin:10px;
}
#availability_check #banner_right {
min-height:400px;
}
#albums {
margin-top:20px;
width:100%;
}
#albums td {
padding-bottom:20px;
text-align:center;
vertical-align:top;
width:20%;
}
#albums td img {
border:2px solid #CCCCCC;
}
#albums td a {
font-size:1.2em;
}
#clients .uniForm {
padding:0pt;
}
ul.photos {
margin-top:10px;
}
ul.photos li {
float:left;
height:90px;
margin:0pt 20px 20px 0pt;
text-align:center;
width:80px;
}
ul.photos li img {
vertical-align:middle;
}
table.photos {
width:100%;
}
table.photos td {
padding:15px 0pt;
text-align:center;
vertical-align:middle;
width:20%;
}
table.photos td img {
border:2px solid #CCCCCC;
}
.slideshow_link {
font-size:1.2em;
margin:5px;
text-align:center;
}
.controls {
margin-bottom:10px;
width:100%;
}
.controls td {
font-size:1.1em;
padding:5px;
vertical-align:top;
}
.controls .back {
text-align:center;
width:20%;
}
.controls .next, .controls .previous {
width:40%;
}
.controls .previous {
text-align:right;
}
.controls img {
margin:3px;
vertical-align:middle;
}
#the_photo {
border:1px solid #CCCCCC;
margin-top:10px;
position:relative;
}
#photo_frame {
left:0pt;
margin:0pt;
position:absolute;
top:0pt;
}
.photo_nav {
margin:1em auto 2em;
}
.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:0pt 3px;
}
.photo_options {
border-bottom:1px solid #CCCCCC;
margin:auto;
padding:0.5em 0pt;
}
.photo_options td {
padding:0.5em;
}
.photo_options a {
color:#666666;
font-size:1.2em;
text-decoration:none;
}
.photo_options img {
margin-right:5px;
vertical-align:middle;
}
.print_options {
margin:auto;
}
table.order {
margin:1em 10px 1em 0pt;
width:100%;
}
table.order th {
border-bottom:2px solid #CCCCCC;
color:#333333;
font-size:1.4em;
}
table.order td {
border-bottom:1px solid #CCCCCC;
font-size:1.2em;
vertical-align:middle;
}
table.order th, table.order td {
padding:0.4em;
}
table.order .photograph {
text-align:center;
width:60px;
}
table.order .photograph img {
width:70%;
}
table.order .quantity input {
text-align:right;
width:30px;
}
table.order tr.subtotal td {
border-top:1px solid #CCCCCC;
text-align:right;
}
table.order tr.shipping td {
font-style:italic;
text-align:right;
}
table.order tr.total td {
font-weight:bold;
text-align:right;
}
#checkout {
background-color:#FFFFCC;
border-bottom:2px solid #CC9900;
border-top:2px solid #CC9900;
color:#000000;
margin:20px 0pt;
padding:1em;
}
#content #checkout p {
color:#000000;
}
#checkout h3 {
color:#000000;
margin:0pt 0pt 1em;
}
#checkout input {
float:right;
}
#basket {
background:#CFE7A1 none repeat scroll 0%;
border-top:5px solid #669900;
bottom:0px;
font-size:1.4em;
left:0px;
padding:15px 20px;
position:fixed;
text-align:center;
width:100%;
}
#basket img {
margin-bottom:5px;
margin-right:5px;
vertical-align:middle;
}
ul.error_list {
font-size:1.3em;
}
ul.error_list li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin:1em 3em;
}
#home #content {
background:transparent none repeat scroll 0%;
padding:0pt;
}
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 {
color:#CCCCCC;
font-size:1.2em;
}
#email fieldset {
float:left;
margin:1%;
width:48%;
}
.delete img {
border:2px solid #CCCCCC;
float:right;
margin:10px;
}
.delete form, .delete form div {
display:inline;
}
.flash {
background:transparent none no-repeat scroll 15px 50%;
border-left:medium none;
border-right:medium none;
border-style:solid none;
border-width:2px medium;
font-size:1.2em;
margin:10px 0pt;
padding:10px 20px 10px 45px;
text-align:left;
}
.error {
background-color:#FFE8E8;
background-image:url(/images/admin/error.png);
border-bottom-color:#DF7D7D;
border-top-color:#DF7D7D;
}
.warning {
background-color:#FFFFCC;
background-image:url(/images/admin/warning.png);
border-bottom-color:#CC9900;
border-top-color:#CC9900;
}
.success {
background-color:#CCFFCC;
background-image:url(/images/admin/success.png);
border-bottom-color:#339933;
border-top-color:#339933;
}
.notice {
background-image:url(/images/admin/notice.png);
border-bottom-color:#B5D4FE;
border-top-color:#B5D4FE;
}
.flash p {
margin:10px 0pt;
}
.flash li {
list-style-image:none;
list-style-position:outside;
list-style-type:circle;
margin:10px 20px;
}