/*
  Maian Gallery v2.0+ CSS file
  Theme: Nautica
  Design by studio7designs.com
  http://www.studio7designs.com
  Adapted for Maian Gallery by David Ian Bennett
*/

p {
  margin:0;
  padding:0;
}

/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
}
#welcome_box {
  padding:10px 0 5px 0;
}


/**************************************************************
   Topbar with newsletter form and theme change buttons
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;

  font-size: 0.9em;
  text-transform: uppercase;

  color: #CFD9DB;
  background: #FFF url('images/bg/topbar.gif') repeat-x bottom left;
}



/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
	clear: both;
	position: relative;
	height: 5em;
	margin: 0 auto;
	background: #48525B url('images/bg/header.gif') repeat-x bottom left;
	border-bottom: 2px solid #48525B;
	background-color: #48525B;
}

p.header_txt {
  float: left;
  padding:15px 0 0 10px;
  color:#E7F1F3;
  font-size:16px;
  font-weight:bold;
}


#header img {
  position: absolute;
  top: 5%;
  left: 10px;
}

#header ul {
  margin: 3.5em 1em 0 0 !important;
  margin: 3.5em 0.5em 0 0;
  padding: 0;
  float: right;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a {
  float: left;
  padding: 0 1em;

  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 0.8em !important;
  line-height: 1em;

  color: #cccccc;
  border-right: 1px solid #4D5760;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #E7F1F3;
}



/**************************************************************
   Header Image/Flash Movie
 **************************************************************/

#headerImg {
  margin: 0 auto;
  height: 50px;
  border-bottom:2px solid #48525B;
}


#search {
  margin: 0 auto;
  width: 776px;
  text-align: right;
  padding: 5px 15px 5px 0;
  border-bottom:2px solid #48525B;
  background: #E7F1F3 url('images/bg/light_body.gif') repeat-y top center;
}
.advanced_search {
  display:block;
  margin: 5px 0 2px 0;
  font-size:11px;
  color: #555555;
}
.advanced_search a {
  color: #555555;
}
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: #555555;
  margin-top:5px;
  border-top:1px solid #cccccc;
  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: #999;
  border: 1px solid #CCC;
  width: 30%;
  background-color: #EEE;
}


/**************************************************************
   Top Block Menu
 **************************************************************/

#menu {
  margin: 0 auto;
  width:776px;
  background: #48525B url('images/bg/menu.gif') repeat-x top left;
  border-bottom:2px solid #48525B;
  color:#E7F1F3;
  font-size:14px;
  font-weight: bold;
  text-align: left;
  padding: 10px 0 10px 0;
}
#menu a {
  color: #E7F1F3;
}
#menu a:hover {
  color: #cccccc;
}

/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  text-align: left;
}

#columns {
  margin: 0 auto;
}

/* Column widths */
.width {
  width: 776px;
}

.widthPad {
  width: 746px;
}

.width100 {
  width: 100%;
}


/**************************************************************
   Footer
 **************************************************************/


#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 5em;
  margin-top: -5em;
  color: #E7F1F3;
}

#footer #bg {
  height: 2em;
  margin: 0 auto;
  background: #49525B;
  padding-top:5px;
}

#footer #bg img {
  top: 6%;
  left: 10px;
}
#footer a {
  color: #E7F1F3;
}


/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #EAF2F5;
}

.dark {
  color: #353E47;
}

/* 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 {
  background-color: #FFFFFF;
  padding: 2px;
  border: 1px solid #AAD3DB;
  margin-top: 5px;
  width: 90px;
  height: 60px;
}
.thumbnail a:hover {
  background-color: #555;
}
.gallery { 
  list-style: none; 
  display: block; 
  padding-left: 30px;
  height: auto;
}
.gallery li { 
  float: left; 
  margin: 5px 30px 5px 0; 
  width: 140px;
  height: 115px;
  color: #555555;
  font-weight: bold;
  background-color: #E7F1F3;
  border: 1px solid #AAD3DB;
}

/* Categories/Pictures */
.pictures {
  height: 100%;
  text-align: center;
  clear:both;
  margin-bottom: 10px;
}
.left_box {
  width: 575px;
  text-align: center;
  vertical-align: top;
  border-right: 1px dashed #FFFFFF;
}
.left_box_comments {
  width: 555px;
  padding:10px;
  text-align: center;
  vertical-align: top;
  border-right: 1px dashed #FFFFFF;
}
.sub_categories {
  text-align: left;
  vertical-align: top;
  border: 1px solid #cccccc;
}
.right_box a,.right_box a:hover {
  color: #E7F1F3;
}
.right_box_heading {
  display: block;
  text-align: center;
  color: #E7F1F3;
  font-weight: bold;
  background-color:#4C6D86;
  padding:5px 0 5px 0;
  margin:1px 0 1px 0;
}
.right_box_heading_search {
  display: block;
  text-align: center;
  color: #E7F1F3;
  font-weight: bold;
  background-color:#4C6D86;
  padding:5px 0 5px 0;
  margin:1px 0 1px 0;
}
.right_box_heading_slideshow {
  display: block;
  text-align: center;
  color: #E7F1F3;
  font-weight: bold;
  background-color:#4C6D86;
  padding:5px 0 5px 0;
  margin: 1px 0 1px 0;
}
p.slideshow {
  text-align: center;
  border-top: 1px solid #cccccc;
  padding-top:10px;
}
.right_box_heading_total {
  display: block;
  text-align: center;
  color: #555555;
  font-weight: bold;
  height: 20px;
  padding:5px 0 5px 0;
  border-bottom: 1px solid #cccccc;
}
.right_box_heading_question {
  display: block;
  text-align: center;
  color: #E7F1F3;
  font-weight: bold;
  background-color:#4C6D86;
  padding:5px 0 5px 0;
  margin: 1px 0 1px 0;
}
#sub_cats {
  line-height:17px;
  color: #555555;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 5px 5px 5px 10px;
}
#sub_cats a {
  color: #555555;
}
.picture {
  padding: 2px;
  border: 1px solid #CCCCCC;
  background-color: #E7F1F3;
}
.big_picture {
  padding: 2px;
  border: 1px solid #CCCCCC;
  background-color: #E7F1F3;
}
.pictures h1 {
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0 5px 0;
  color: #555555;
}
.click_for_fullsize {
  display: block;
  color: #555555;
  font-size: 11px;
  margin: 5px 0 5px 0;
}
#full_size_image p {
  text-align: center;
}
p.image_information {
  display: block;
  color: #555555;
  font-size: 11px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding:5px;
}

/* Buy Pictures Options */
.qty {
  padding: 2px;
  color: #999;
  border: 1px solid #CCC;
  width: 10%;
  text-align: right;
  font-weight: bold;
  margin: 5px 0 5px 0;
  vertical-align: middle;
  background-color: #EEE;
}
ul.buy_options {
  list-style: none; 
  display: block; 
  color: #555555;
  font-size: 11px;
}
#c_buy_option {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
#buy_options li {
}
p.buy {
  display: block;
  text-align: center;
  margin: 3px 0 3px 0;
  padding-bottom:5px;
}
p.item {
  padding-left: 5px;
}

/* Other */
#page_numbers,#page_numbers_comments {
  text-align: center;
  border-top: 1px dashed #cccccc;
  border-bottom: 1px dashed #cccccc;
  margin-top: 5px;
  padding: 10px 5px 10px 5px;
  color: #555555;
  clear: both;
  font-size:14px;
  text-decoration:none;
}
#page_numbers a,#page_numbers_comments a {
  color: #555555;
  text-decoration:none;
}
#page_numbers a,#page_numbers_comments a:hover {
  color:#000099;
  text-decoration:underline;
}
#page_numbers_comments {
  border: 0;
}
.bold {
  font-weight: normal;
}
.bold_price {
  font-weight: bold;
  display: block;
  margin-top: 10px;
}
.catname {
  display: block;
  padding: 10px 0 10px 0;
}
p.stats {
  display: block;
  clear:both;
  text-align:center;
  font-size:11px;
  color: #536C71;
  padding:10px 0 10px 0;
}
.normal_italics {
  font-weight: normal;
  font-style: italic;
}
.processed {
  display: block;
  font-size:14px;
  font-weight: bold;
  margin-bottom:10px;
  letter-spacing:1px;
}
.processed2 {
  color: #555;
}

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

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

/* comments */
.thumb {
  display: block;
  margin-bottom:3px;
  text-align:center;
  border-top: 1px solid #cccccc;
  border-bottom: 2px solid #cccccc;
}
p.thumb_name {
  text-align: center;
}
p.return {
  display: block;
  margin-top:10px;
  font-weight: bold;
  text-align: center;
}
.comment_thumbnail {
  background-color: #FFFFFF;
  padding: 2px;
  border: 1px solid #AAD3DB;
  margin-top: 5px;
  width: 90px;
  height: 60px;
}
p.form_button_comment {
  text-align: center;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #cccccc;
  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: #555;
  font-style: italic;
  font-size: 11px;
  border-bottom: 1px dashed #ccc;
}
p.no_comments {
  text-align: center;
  padding: 20px 0 20px 0;
}

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

/* 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 #CCCCCC;
  margin-bottom: 3px;
}
.cartTDCell1 {
  text-align: center;
  width: 10%;
  padding:5px;
  background-color:#eee;
  border-right:1px solid #ccc;
}
.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:#555;
}
.cartTDCell5 {
  width: 10%;
  padding:5px;
  text-align: center;
}
.cartButtonTable {
  border-top:1px solid #ccc;
}
.buttonTDCell {
  width: 33%;
  padding:5px;
  text-align: center;
}
.cart_qty {
  padding: 2px;
  color: #999;
  border: 1px solid #CCC;
  width: 20%;
  text-align: right;
  font-weight: bold;
  background-color: #eee;
}
img.cart_thumbnail {
  border: 1px solid #4E6E89;
  padding:1px;
  background-color:#fff;
  width: 90px;
  height: 60px;
}
.cartItemNo {
  display: block;
  padding-top:10px;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}
.cartItemNo a {
  text-decoration:underline;
}
.buttonText {
  display: block;
  font-weight: bold;
}
.totalButtonTable {
  border-top:1px solid #ccc;
}
.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;
}

/* About/Licence */
#text_block {
  text-align: left;
  padding: 10px;
  color: #555555;
  min-height:300px;
}
#text_block p {
}