/*
  Maian Gallery v2.0+ CSS file
  Theme: Essence
  Design by Free CSS Templates
  http://www.freecsstemplates.org
  Adapted for Maian Gallery by David Ian Bennett
  
  Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin-bottom: 50px;
	background: #FFFFFF url('images/img1.gif') repeat-x;
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3B3B3B;
}
p {
  margin:0;
  padding:0;
}

h1, h2, h3 {
	color: #4F789F;
}

td {
  text-align: left;
}

a {
	color: #4F789F;
}

a:hover {
	text-decoration: none;
}

/* Header */

#header {
	width: 700px;
	height: 150px;
	margin: 0 auto;
	background: #69B10A url('images/img2.jpg');
}

#header h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
}

#header h1 {
	float: left;
	padding: 95px 0 0 20px;
	letter-spacing: -3px;
	font-size: 38px;
	color: #FFFFFF;
}

/* Boxed Style */

.boxed {
}

.boxed .title {
	padding: 8px 5px;
	background: #3B3B3B;
	text-transform: uppercase;
	font: bold .77em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}

.boxed .content {
	padding: 5px;
}

/* Page */

#page {
	width: 700px;
	margin: 0 auto;
	background: url('images/img3.gif') repeat-y;
	border-top: 20px solid #3B3B3B;
}

#content {
	float: right;
	width: 497px;
	padding-right: 1px;
}
#welcome_box {
  padding: 5px;
  clear:both;
}
#text_block {
  padding: 5px;
  clear:both;
}
#sidebar {
	float: left;
	width: 200px;
	padding-left: 1px;
}
.heading_box {
  background: #E2E2E2;
  color: #3B3B3B;
  border-top: 1px solid #3B3B3B;
  border-bottom: 1px solid #3B3B3B;
  margin: 5px 0 0 0;
  padding: 5px;
  font-weight: bold;
  clear:both;
}
.heading_box a {
  color: #3B3B3B;
}

/* Menu */

#menu {
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	padding: 5px 15px;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
	color: #3B3B3B;
}

#menu a:hover {
	background: #4F789F;
	color: #FFFFFF;
	font-weight: bold;
}

#menu .current_page_item a {
	background: #BABABA;
	color: #000000;
	font-weight: bold;
}

/* Footer */

#footer {
	width: 670px;
	height: 15px;
	margin: 0 auto;
	padding: 5px 15px;
	background: #3B3B3B;
	font-size: .77em;
	color: #FFFFFF;
}

#legal {
	float: left;
}

#links {
	float: right;
}

/* Images/Thumbnails
   The 'gallery' class below for the ordered list controls how many thumbnails
   display per row. This is determined by the width of the wrapper div and the
   width of each list tag. You also need to take into account margins and padding
   as these will also effect the way the thumbnails display.
*/
img {
	border: 0;
}
.thumbnail {
  padding: 2px;
  border: 1px solid #4F789F;
  margin-top: 5px;
  background-color:#E2E2E2;
  width: 70px;
  height: 50px;
}
.gallery {
  list-style: none;
  display: block;
  padding-left: 20px;
  height: auto;
}
.gallery li {
  float: left;
  margin: 5px 15px 5px 0;
  width: 100px;
  height: 110px;
  font-weight: bold;
  font-size:11px;
}
.catname {
  display: block;
  padding: 10px 0 10px 0;
}
.pictures {
  height: 100%;
  text-align: center;
  clear:both;
  margin-bottom: 20px;
}
.pictures h1 {
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0 5px 0;
  color: #4F789F;
  text-align:center;
}
p.stats {
  display: block;
  clear:both;
  text-align:center;
  font-size:11px;
  border-top:1px solid #4F789F;
  padding:10px 0 10px 0;
  margin-top:10px;
}
.click_for_fullsize {
  display: block;
  color: #3B3B3B;
  font-size: 11px;
  margin: 5px 0 5px 0;
}
#full_size_image p {
  text-align: center;
}
.picture {
  padding: 2px;
  border: 1px solid #4F789F;
  background-color: #E2E2E2;
}
.big_picture {
  padding: 2px;
  border: 1px solid #4F789F;
  background-color: #E2E2E2;
}

/* Form elements */
select {
  font-weight: bold;
  color: #0F5B96;
  border: 1px solid #A4B97F;
}
form {
  margin:0;
  padding:0;
}
.form_box {
  padding: 3px;
  color: #0F5B96;
  border: 1px solid #A4B97F;
  width: 90%;
  margin-bottom:5px;
  font-weight: bold;
  background-color: #FFFFFF;
}
.search_box {
  padding: 3px;
  color: #0F5B96;
  border: 1px solid #A4B97F;
  width: 90%;
  margin-bottom:5px;
  font-weight: bold;
  background-color: #FFFFFF;
}
.captcha_form_box {
  padding: 3px;
  color: #0F5B96;
  border: 1px solid #A4B97F;
  width: 25%;
  margin-bottom:5px;
  font-weight: bold;
  background-color: #FFFFFF;
}
textarea {
  padding: 3px;
  color: #0F5B96;
  border: 1px solid #A4B97F;
  width: 95%;
  margin-bottom:5px;
  font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
}
.button {
}
.cancel_button {
}
label.lclass {
  display:block;
  color: #3B3B3B;
  font-weight: bold;
  margin:3px 0 3px 0;
}

/* Contact Form */
#contact_form {
  padding: 10px;
}
.form_cell {
  width: 33%;
  vertical-align: top;
}
td.form_button {
  text-align: center;
  padding-top: 10px;
  border-top: 1px solid #4F789F;
}
td.align_right {
  text-align: right;
  vertical-align: top;
  color: #3B3B3B;
  padding:4px 1px 0 0;
  width:50%;
}
td.captcha {
  vertical-align: top;
  width:50%;
}
.captcha_img {
  border: 1px solid #A4B97F;
}
.error {
  display: block;
  color: #FF0000;
  font-size: 11px;
  margin-top: 2px;
}

/* Search */
.advanced_search {
  display:block;
  margin: 5px 0 2px 0;
}
.advanced_search a {
}
p.no_results {
  display: block;
  padding: 25px 0 25px 0;
  line-height: 20px;
  text-align: center;
}
p.search_stats {
  display: block;
  clear:both;
  text-align:center;
  font-size:11px;
  color: #FFFFFF;
  margin-top:5px;
  border-top:1px solid #4F789F;
  padding:10px 0 10px 0;
}
#advanced_search_left {
  float: left;
  width: 50%;
  text-align: left;
  vertical-align: top;
  margin-bottom: 10px;
}
#advanced_search_right {
  float: left;
  width: 50%;
  text-align: left;
  vertical-align: top;
  margin-bottom: 10px;
}
.advanced_search_options {
  padding: 10px;
  height: 250px;
}
.form_date {
  padding: 3px;
  color: #0F5B96;
  border: 1px solid #A4B97F;
  width: 30%;
  margin-bottom:5px;
  font-weight: bold;
  background-color: #FFFFFF;
}

/* Other */
.cart {
  text-align:center;
  padding:5px;
}
.processed {
  display: block;
  font-size:14px;
  font-weight: bold;
  margin-bottom:10px;
  letter-spacing:1px;
}
.processed2 {
  color: #3B3B3B;
}
.bold {
  font-weight: bold;
}
.bold_price {
  font-weight: bold;
  display: block;
  font-size:15px;
  margin-top: 10px;
}
#page_numbers,#page_numbers_comments {
  text-align: center;
  margin-top: 5px;
  color: #4F789F;
  clear: both;
}
#page_numbers a,#page_numbers_comments a {
  color: #4F789F;
}
#page_numbers_comments {
  border: 0;
}

/* Theme Switcher */
#theme_switcher {
  clear: both;
	width: 700px;
	padding: 5px;
	margin: 5px auto;
}
#theme_switcher p {
  text-align: center;
  font-size:10px;
}
#theme_switcher select {
  font-size:10px;
}

/* Gallery */
.other {
  padding: 5px;
  text-align: left;
}
.cat_links {
  text-align: center;
}

/* Ask Question */
#question {
  padding: 10px;
}
p.question_button {
  display: block;
  text-align: left;
  margin-top:10px;
}
p.q_thanks {
  text-align: center;
  display: block;
  color: #3B3B3B;
  font-weight: bold;
  margin-bottom: 15px;
}
p.q_thumb {
  text-align: center;
  display: block;
}
p.q_message {
  text-align: center;
  display: block;
  color: #3B3B3B;
  margin-top: 15px;
}
p.message {
  text-align: left;
  padding:5px;
}

/* comments */
.thumb {
  display: block;
  margin-bottom:3px;
  text-align:center;
}
p.return {
  display: block;
  margin-top:10px;
  font-weight: bold;
  text-align: center;
}
.comment_thumbnail {
  background-color: #0F5B96;
  padding: 5px;
  border: 1px solid #FFFFFF;
  margin-top: 5px;
  width: 70px;
  height: 50px;
}
p.form_button_comment {
  text-align: center;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #4F789F;
  clear: both;
}
#comment_captcha {
  width: 250px;
  text-align: left;
  padding: 5px 0 5px 0;
}
p.comment_captcha {
  float: right;
  padding: 5px 0px 5px 0;
  text-align: right;
}
#comment_name {
  width:50%;
  float: left;
  text-align: left;
}
#comment_email {
  width: 50%;
  float: right;
  text-align: left;
}
#comment_comments {
  clear: both;
  text-align: left;
}
p.message {
  text-align: left;
}
p.comment_message {
  padding: 5px;
  text-align: left;
}
p.comment_date {
  padding: 5px;
  text-align: right;
  color: #4F789F;
  font-style: italic;
  font-size: 11px;
  border-bottom: 1px dashed #0F5B96;
}
p.no_comments {
  text-align: center;
  padding: 20px 0 20px 0;
}

/* Buy Pictures Options */
.qty {
  padding: 2px;
  color: #0F5B96;
  border: 1px solid #A4B97F;
  width: 5%;
  text-align: right;
  font-weight: bold;
  margin: 5px 0 5px 0;
  vertical-align: middle;
  background-color: #FFFFFF;
}
ul.buy_options {
  list-style: none;
  display: block;
  margin-top: 10px;
  color: #4F789F;
  font-size: 12px;
  font-weight: bold;
  text-align:left;
  padding-left:10px;
}
#buy_options li {
}
p.buy {
  display: block;
  text-align: center;
  margin: 3px 0 3px 0;
}

/* Cart */
p.empty_cart {
  display: block;
  padding: 25px 0 245px 0;
  line-height: 20px;
  text-align: center;
  clear:both;
}
#cart {
  padding:5px;
}
.cartItemTable {
  border:1px solid #FFFFFF;
  margin-bottom: 3px;
}
.cartTDCell1 {
  text-align: center;
  width: 10%;
  padding:5px;
  background-color:#E2E2E2;
  border:1px solid #3B3B3B;
}
.cartTDCell2 {
  width: 45%;
  padding:5px;
  font-weight: bold;
  font-size:14px;
}
.cartTDCell3 {
  width: 20%;
  padding:5px;
}
.cartTDCell4 {
  width: 15%;
  padding:5px;
  font-weight: bold;
  font-size:14px;
  color:#4F789F;
}
.cartTDCell5 {
  width: 10%;
  padding:5px;
  text-align: center;
}
.cartButtonTable {
  border-top:1px solid #4F789F;
}
.buttonTDCell {
  width: 33%;
  padding:5px;
  text-align: center;
}
.cart_qty {
  padding: 2px;
  color: #0F5B96;
  border: 1px solid #A4B97F;
  width: 20%;
  text-align: right;
  font-weight: bold;
  background-color: #FFFFFF;
}
img.cart_thumbnail {
  border: 1px solid #FFFFFF;
  width: 70px;
  height: 50px;
}
.cartItemNo {
  display: block;
  padding-top:10px;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}
.buttonText {
  display: block;
  font-weight: bold;
}
.totalButtonTable {
  border-top:1px solid #4F789F;
}
.totalTDCell1 {
  padding:10px 0 10px 0;
  font-size: 16px;
  font-weight: bold;
}
.totalTDCell2 {
  padding:10px 0 10px 0;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
