/* CSS Document */
/* style.css */

body
{
	font:9pt Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 1.2em;
	background:#231f20;
	margin:0;
	padding:30px;
}

h1
{
	font-size: 1.6em;
	line-height: 1.7em;
	color:#fff;
}
h2
{
	font-size: 1.5em;
	line-height: 1.5em;
}
h3
{
	font-size: 1.3em;
	line-height: 1.3em;
}
h4
{
	font-size: 1.2em;
	line-height: 1.2em;
}
h5
{
	font-size: 1.1em;
	line-height: 1.1em;
}
h6
{
	font-size: 1.0em;
	line-height: 1.0em;
}

h2, h3, h4, h5, h6 {color:#ddd}

a:link,
a:visited,
a:active,
a:hover
{
	text-decoration: none;
}

p
{
	color: #a59d9f;
	font-size: 85%;
	line-height: 1.3em;
}

.clear
{
	clear: both;
	float: none;
	background: none;
	top: 0;
	left: 0;
	line-height: 1.2em;
}

#head
{
	font-family: Arial, Helvetica, sans-serif;
	color: #e9d3a2;
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.4em;
	text-decoration: none;
}

#page
{
	width: 850px;
	height: 400px;
	margin: 0 auto;
	text-align: left;
	padding: 10px;
}

#body1
{
	width:850px;
	height: 600px;
	background:url(../images/BGgradient.png) repeat-x;
}

#body1left
{
	float: left;
	width: 600px;
	text-align: left;
	color: #f0741e;
	margin: 10px 20px 0 30px;
	letter-spacing: 3px;
	font-weight: bold;
}

#body1left a
{
	color: #f0741e;
	text-decoration: none;
}

#body1left a:hover
{
	color: #FC0;
}

#body1leftNav
{
	width:600px;
	float: left;
	text-align: left;
	font-size:13px;
	color: #f0741e;
	margin: 0 auto;
	letter-spacing: 3px;
	line-height: 20px;
	font-weight: bold;
}

#body1leftLEFT
{
	width:240px;
	float:left;
	text-align: left;
	margin:0 auto;
	padding: 0 10px 0 5px;
}

#body1leftRIGHT
{
	width:280px;
	float:left;
	text-align: left;
	margin:0 auto;
	padding: 0 0 0 10px;
}
#body1leftRIGHT2
{
	width:180px;
	float:right;
	text-align: left;
	margin:0 auto;
	padding: 0 0 0 10px;
}

#body1leftNav a
{
	color: #f0741e;
	text-decoration: none;
}

#body1leftNav a:hover
{
	color: #FFCC00;
	text-decoration: none;
}

#body1leftFull
{
	width:550px;
	float:left;
	text-align: left;
	margin:0 auto;
	padding: 0px 10px 15px 0px;
}

#body1leftFoot
{
	width:600px;
	float: left;
	text-align: left;
	font-size:10px;
	margin: 20px 0 0 0;
	letter-spacing: 3px;
	font-weight: bold;
	color:#FFF;
	
}

#body1right
{
	width:239px;
	height:600px;
	float: left;
	text-align: left;
	background-image:url(../images/WhiteRight.png) no-repeat;
}

#body1rightLogo
{
	width:239px;
	height:33px;
	margin: 530px 0px 0px 60px;
	background-image:url(../images/FireSpiceLogoGrey.png) no-repeat;
}

#body2
{
	font:14pt Arial, Helvetica, sans-serif;
	color: #fbe4af;
	line-height: 1.4em;
	text-decoration: none;
}

#body2left
{
	float: left;
	width: 389px;
	text-align: left;
}

#body2right
{
	float: left;
	width: 389px;
	text-align: left;
}

#body3
{
}

#body3left
{
	float: left;
	width: 550px;
	text-align: left;
	color: #f0741e;
	margin: 30px 50px 0 0;
	letter-spacing: 3px;
	line-height: 20px;
	font-weight: bold;
}

#body3left a
{
	color: #f0741e;
	text-decoration: none;
}

#body3left a:hover
{
	color: #FC0;
}

#body3middle
{
	float: left;
	width: 56px;
	text-align: left;
}

#body3right
{
	float: left;
	width: 122px;
	text-align: left;
	margin-top: 20px;
}

#body3Nav
{
	color: #f0741e;
	text-decoration: none;
	line-height: 2.5em;
}

#body3Nav a
{
	color: #f0741e;
	text-decoration: none;
}

#body3Nav a:hover
{
	color: #FFCC00;
	letter-spacing: 5px;
}

#foot1
{
	width: 778px;
	margin: 0 auto;
	font:bold 10pt Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.5em;
	text-decoration: none;
}
#foot1left
{
	float: left;
	width: 259px;
	text-align: left;
}

#foot1middle
{
	float: left;
	width: 259px;
	text-align: center;
}

#foot1right
{
	float: left;
	width: 259px;
	text-align: right;
}
#foot1 a
{
	font:bold 10pt Arial, Helvetica, sans-serif;
	color: #000;
}
#foot2
{
	width: 778px;
	height: 50px;
	margin: 0 auto;
	padding: 10px;
	text-align: right;
	font:bold 10pt Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.5em;
	text-decoration: none;
}

#foot2 a
{
	font:bold 10pt Arial, Helvetica, sans-serif;
	color: #000;
}

.active
{
	color:#FC0;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position:absolute;
background-color:#FFF;
padding: 2px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: #000;
text-decoration: none;
font-size:1.4em;
padding:5px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position:fixed;
top: 150px;
left: 90px; /*position where enlarged image should offset horizontally */
}

.gallery {
float:left;
margin:3px;
padding:0px;
border:2px solid #000;
}

/* ORDER FORM */

.giftcard-order {
	padding:1em 0;
	letter-spacing:normal;
	
}
.giftcard-order legend {
	display:none;
}

.giftcard-order h3 {
	color:#f0741e;
	margin:0 0 -.6em 0;
	padding:0;
	font-size:1em;
}

.giftcard-order fieldset {
	display:block;
	border:1px solid #655d5f;
	margin:1em 0;
	padding:.5em 0;
	clear:both;
}
.giftcard-order p {
	display:block;
	width:100%;
	overflow:hidden;
	clear:both;
	margin:1em 0;
}
.giftcard-order label em {
	color:red;
	font-size:20px;
	vertical-align:bottom;
	font-weight:normal;
	line-height:.2em;
}
.giftcard-order .captcha em {line-height:1.2em}
.giftcard-order small {color:red;float:right;margin-top:-.7em}

.giftcard-order label {
	display:block;
	float:left;
	width:16em;
	text-align:right;
	margin:.2em 1em 0 0;
	letter-spacing:3px;
	}
.giftcard-order input, .giftcard-order select, .giftcard-order textarea {
	margin:0;
	float:left;
	}
.giftcard-order input.submit {
	margin-left:15.8em;
	
}

.giftcard-order #captcha {
	margin-top:.6em
}

/* NEW */

.hr {
	height:1px;
	overflow:hidden;
	background:#f0741e;
	margin:1em 0 1.5em 0;
}

.big {
	font-size:1.4em;
}