/**
 * jillford.css
 * main stylesheet for jillford.com
 */

/* get rid of borders/margins/padding */
html, body, div, img, a img {
  margin:0;
  padding:0;
  border:0;
}

/**
 * fonts/colours
 */
body {
  background-color:#fff;
  font:italic 93%/1.4em "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
  color:#000;
}
h1 {
  font:bold italic 1.5em/2.0em "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
  color:#000;
}
h2, span.title {
  font:bold italic 1.2em/1.8em "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
  color:#000;
}
h3, h4, h5, h6 {
  font:bold italic 1em/1.5em "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
  color:#000;
}

/**
 * links
 */
a, body.mceContentBody a {
  color:#000;
	text-decoration:none;
  border-bottom:1px solid #996;
  background-color:#fff;
}

/**
 * tables
 */
table, td, th {
  border:0;
}

/**
 * unordered lists
 */
ul {
  list-style:none;
	margin:0;
	padding:0;
}
ul li {
  margin:2px 0;
	padding-left:25px;
	background:#fff url(../images/li.gif) no-repeat left 0.4em;
}

/**
 * images
 */
div.image {
  margin:1em 0;
}
div.imageright {
  float:right;
	margin:0.5em 0 0.5em 1em;
}
div.imageleft {
  float:left;
	margin:0.5em 1em 0.5em 0;
}

/*
 * misc classes
 */
.small {
  font-size:1em;
  line-height:1.2em;
}
.print_only {
}
.screen_only {
  display:none;
}
/**
 * page layout
 */
#content, #widecontent {
  position:relative;
  margin:20px 0 20px 0;
}

/**
 * navigation
 * CSS image replacement by Seamus Leahy
 * http://www.moronicbajebus.com/playground/cssplay/image-replacement/
 */
#menu {
  display:none;
}

/**
 * home page
 */
#homelogo {
  position:absolute;
  left:420px;
  top:240px;
}
#homelogo a {
  border:0;
  background:transparent;
}
/**
 * order form
 */
#order_form {
  position:relative;
  margin:0;
}
#order-form th {
  font:bold italic 0.8em "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
}
.mo_table {
  border:1px solid #ccc;
	margin:1px;
	padding:3px;
}
.right {
  text-align:right;
}
input {
  font:italic 1em "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
  background-color:#fff;
}
input.subtotal {
  text-align:right;
  width:120px;
  border:0;
  color:#000;
}
input.total {
  border:0;
  text-align:right;
  width:120px;
  color:#000;
}
input.quantity {
  width:80px;
  padding:0px 10px;
  border:1px solid #ccc;
  color:#000;
}
/**
 * contact form
 */
#contact-form {
  position:relative;
}
#contact-form p.error, #contact-form p.required {
  letter-spacing:normal;
  color:#f00;
  padding:0;
  margin:0 0 0 110px;
}
#contact-form label {
  float:left;
  width:100px;
  text-align:right;
  padding:0 10px 0 0;
}
#contact-form input.txt, #contact-form textarea.txt, #contact-form input.submit-button {
  float:left;
  width:250px;
  border:1px solid #eee;
  font:1em "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
  color:#000;
}
#contact-form input.txt {
  height:25px;
}
#contact-form input.submit-button {
  border:1px solid #eee;
  background-color:#fff;
}
#contact-form p {
  clear:both;
  padding:2px 0;
}
#contact-form p.indent {
  clear:both;
  margin-left:110px;
}
/* gallery pages */
#gallery {
  position:absolute;
  left:220px;
  top:0px;
	width:60%;
  margin:20px 0 20px 0;
}
#gallery a, #gallery a:hover {
  border:0;
	background-color:#fff;
}
#gallery div#thumbs {
  clear:both;
}
#gallery div.thumb {
  float:left;
	width:200px;
	height:180px;
	padding:10px 20px;
	text-align:center;
}
#gallery div.thumb h1, #gallery div.thumb h2, #gallery div.thumb h3 {
	width:200px;
	text-align:center;
}
#gallery a.zoomin, #gallery a.zoomin:hover {
  border:0;
	padding:0;
	background-color:transparent;
	cursor:url(/images/icons/magnify.cur), pointer;
}
/* image page */
#gallery .navigation {
  display:none;
}
#gallery .image-sizes {
  display:none;
}

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}
