/**
 * 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.8em/2.0em "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
  color:#000;
}
h2, span.title {
  font:bold italic 1.5em/1.8em "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
  color:#000;
}
h3, h4, h5, h6 {
  font:bold italic 1.2em/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;
}
a:visited:hover, a:hover {
  color:#330;
  border-bottom:1px solid #663;
  background-color:#eef;
}

/**
 * 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 {
  display:none;
}
.screen_only {
  
}
p.imagecaption {
  line-height:1em;
  font-size:0.8em;
  font-style:normal;
  color:#999;
  padding:2px;
  border:0;
  margin:0;
}
/**
 * page layout
 */
#content {
  position:absolute;
  left:420px;
  top:0px;
  margin:40px 0 20px 0;
	width:500px;
}
#widecontent {
  position:absolute;
  left:220px;
  top:0px;
  margin:20px 20px 20px 0;
}

/**
 * navigation
 * CSS image replacement by Seamus Leahy
 * http://www.moronicbajebus.com/playground/cssplay/image-replacement/
 */
#menu {
  position:absolute;
  left:11px;
  top:380px;
  width:160px;
  z-index:2;
}
#menu ul {
  position:relative;
  padding:0;
  margin:0;
  list-style:none;
}
#menu li {
  margin:0;
  padding:0;
	background:transparent;
}
/* global settings */
#menu li a {
  display:block;
	border:0;
  background-color:transparent;
	width:160px;
  /* height of all images */ 
  padding-top:30px; 
  /*The image*/ 
  background-repeat:no-repeat;
  background-position:0px 0px; 
  /*Hide the text*/ 
  overflow:hidden; 
  /* WIN IE5 hack */ 
  height:0px !important; /* for most browsers */
  height /**/:30px; /* for IE5.5's bad box model */
  /* IE5/Mac: \*//*/
	text-indent: -100em;
  /*  */
}
/* cancel for ranges sub-items */
#menu li a.range {
  background:transparent;
  font:bold italic 14px "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
	color:#333;
	padding:3px 0 3px 20px;
  display:block;
	width:160px;
	height:auto !important;
	overflow:auto;
	text-indent:0;
	margin-bottom:1px;
	text-decoration:none;
}	
#menu li a.range:hover, #menu li a.range:visited:hover, #menu li a#current {
  background:#cdc3b2 url(../images/nav/rangebg.gif) repeat-y top right;
	color:#fff;
}
#menu li a.home {
  background-image:url(../images/nav/home.gif);
}
#menu li a.news {
  background-image:url(../images/nav/news.gif);
}
#menu li a.about {
  background-image:url(../images/nav/about.gif);
}
#menu li a.gallery {
  background-image:url(../images/nav/gallery.gif);
}
#menu li a.contact {
  background-image:url(../images/nav/contact.gif);
}
#menu li a.order {
  background-image:url(../images/nav/order.gif);
}
/* image swapping */
#menu li a:hover {
	border:0;
  background-position:0px -60px;
}

/**
 * home page
 */
#homelogo {
  position:absolute;
  left:420px;
  top:240px;
}
#homelogo a {
  border:0;
  background:transparent;
}
/**
 * order form
 */
#order_form {
  position:absolute;
  top:10px;
  left:220px;
  margin:20px 20px 20px 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;
	overflow:hidden;
	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 {
  font:0.8em "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
}
#gallery .navigation a {
	text-decoration:none;
}
#gallery .navigation, #gallery .productList, #gallery .navigation li, #gallery .productList li {
	list-style-type:none;
	padding:0;
	margin:0;
}
#gallery .navigation li {
  float:left;
}
#gallery .navigation li a.dropDownButton, #gallery .navigation li a.backButton {
  display:block;
	padding:0 20px 0 20px;
	width:170px;
	float:left;
}
#gallery .navigation li a.backButton:hover, #gallery .navigation li a.dropDownButton:hover {
  background-color:#eef;
}
#gallery .navigation li a.backButton {
	background:#fff url(../images/icons/leftarrow.gif) no-repeat left 5px;
	padding:0 0 0 20px;
	text-align:left;
}
#gallery .navigation li a.dropDownButton {
	background:#fff url(../images/icons/rightarrow.gif) no-repeat right 5px;
	padding:0 20px 0 0;
	text-align:right;
}
#gallery .navigation .productList {
  position:absolute;
	left:380px;
	display:none;
	width:150px;
	border-top:1px solid #eef;
	border-left:1px solid #eef;
	border-right:1px solid #eef;
}
#gallery .navigation .productList li {
	width:150px;
	border-bottom:1px solid #eef;
}
#gallery .navigation .productList li a {
  display:block;
	text-decoration:none;
	padding:0.2em;
	color:#333;
}
#gallery .navigation .productList li a:hover {
  background-color:#eef;
}
#gallery .image-sizes {
  clear:both;
  margin:10px 0;
}
#gallery .image-sizes ul {
  display:inline;
  list-style:none;
	text-align:center;
}
#gallery .image-sizes ul li {
  list-style:none;
  background:none;
	padding:0;
	float:left;
}
#gallery .image-sizes ul li span.heading {
  font:italic bold 1em/1.5em "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
	padding-right:2em;
}
#gallery .image-sizes ul li a, #gallery .image-sizes ul li span.active {
  display:block;
	width:100px;
	text-align:center;
	border:0;
  border-left:1px solid #ccc;
  font:0.8em "Lucida Sans","Lucida Sans Unicode",verdana,helvetica,sans-serif;
}
#gallery .image-sizes ul li span.active,#gallery .image-sizes ul li a:hover {
  background-color:#eef;
}
#gallery .image-sizes ul li span.sizename {
  font-weight:bold;
}
#gallery .rangeimage {
  clear:both;
}
/* products order stuff */
#pieces {
  position:relative;
}
#pieces .piece {
  position:relative;
  clear:both;
  border-bottom:2px solid #ccc;
  padding:0.5em 0;
}
#pieces .piece .clear {
  font-size:1px;
  clear:both;
}
#pieces .piece h4 {
  width:168px;
  float:left;
  padding:0;
  margin:0;
  font-size:1em;
  line-height:1.2em;
}
#pieces .piece .piecelist {
  width:330px;
  float:left;
}
#pieces .piece .piecelist .piecedetails p {
  padding:0;
  margin:0;
}
#pieces .piece .piecelist .piecedetails p input.button {
 float:right;
 margin:0 0 3px 3px;
}
#pieces .piece .piecelist span.price {
  font-weight:bold;
}
form.paypal {
  display:inline;
  float:right;
  line-height:1em;
  margin:0;
  padding:0;
}
  

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .titletext-centred {
	visibility: hidden;
}
.sIFR-hasFlash .titletext {
	visibility: hidden;
}
.sIFR-hasFlash #sidebar>h2 {
	visibility: hidden;
}