/* Defaults ==========================================  */
* {
    padding: 0;
    }
body {
	background: #FAF6CD url(../images/header_background.jpg) repeat-x 0 0;
    font-family:x-small Trebuchet, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #528917;
	  line-height: 1.2em;
    voice-family: "\"}\""; voice-family:inherit;
    font-size:80%;
    margin:0px auto;
    text-align:center;
    }
    html>body {font-size:small;}

.noheader
{
  background: #FAF6CD;
}

.spacer 
{
  clear:both;
}    
.error
{
	color: red;
}
h1, h2, h3, h4 {margin: 1em 0 .5em; padding: 0;}
p, ul, ol {margin: .5em 0 .5em; padding: 0;}

h1 {
	font-size: 160%;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #62006E;
}
h2 {font-size: 140%;}
h3 {font-size: 110%;}
h4 {font-size: 110%;}

ul, ol {
	margin-left: 1.5em;
	list-style-type: disc;
	list-style-position: default;
}
ol {
    list-style-type: decimal;
    }
li {
    padding-bottom: .1em;
    }
dl {
    padding: 0 0 10px 20px;
    margin: 0 0 0 0;
    }
dt {
    padding: 0;
    margin: 0;
    font-weight: bold;
    }
dd {
    padding: 0 0 10px 10px;
    margin: 0;
    }
h2 + p, h2 + ul, h2 + ol, 
h3 + p, h3 + ul, h3 + ol,
h4 + p, h4 + ul, h4 + ol {
    margin-top: -0.5em;
    }
ul ul {
    margin-top: 0;
    margin-bottom: 0;
    }
table {
    border-collapse:collapse;
    border-spacing: 0;
    border: none;
}
table td, table th {
	/*vertical-align: top;*/
	padding: 2px 2px 2px 2px;
	/*text-align: left;*/
	font-size:80%;
}

a:link, a:visited {
    color: #40590A;
    text-decoration: none;
}
a:hover, a:active {
    text-decoration: underline;
}
a img { border-width: 0; }

/* Header ==========================================  */
#header {
	width: 800px;
	height: 70px;
	margin: 0px auto 30px;
	padding: 0 0 0 10px;
	position: relative;
	text-align:left;
	background: transparent url(../images/header.gif) no-repeat 0 0;
    }
#header h1 {	
	
	z-index: 1;
	height: 53px;
	width: 740px;
	margin-top: 0px;
	left: 10px;
	/* padding: 0; */
    }
#header h1 a {
  display: block;
	height: 40px;
	width: 787px;
    }
#header h1 span {
    display: none;
    }
/* Navigation ==========================================  */
#nav {
	position: absolute;
	z-index: 2;
	margin: 0;
	padding: 0;
	width: 800px;
	bottom: 0px;
	right: 0px;
	text-align: right;
	list-style: none default;
	color: white;
text-align:left;
    }
#nav a {
    float: right;
    margin: 0;
    border-left: 1px solid white;
    padding: 0 6px;
    white-space: nowrap;
    font-size: 110%;
    height: 1.1em;
    }
    
#nav a.last {
  border-left: none;
}
  
#nav a:link,#nav a:visited {
	color: white;
	text-decoration: none;
}

#nav a:hover,#nav a:active {
	text-decoration: underline;
}


/* Container ==========================================  */
#container {
	width: 800px;
/* comment below to align body left */
	margin: 0px auto;
	padding: 0;
	text-align:left;
}

/* Content ==========================================  */
#content {
	position:relative;
	width: 460px;
	margin:0 142px 0 148px;
	border:1px solid #62006E;
	border-width: 0 1px;
	padding: 0 20px;
	z-index:3;
	text-align:left;
	
	}
	
#contenthome #ordering {
    margin-left: 400px;
}
#contenthome #ordering .byitem h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #62006E;
}
#contenthome #feature {
    width: 396px;
    float: left;
    margin-right:15px;
	background: transparent url(../images/watermark.jpg) no-repeat left bottom;
}
#contenthome #feature h3 {
    padding-left: 60px;
    margin-bottom:0;
}
#contenthome #feature p {
    /*padding-left: 60px;*/
    margin-top:0;
    font-size: 110%;
}


#price, #occasion {
 	height: 70px;
	width: 185px;
  padding-top: 35px;
  font-size: 85%;
}

#price {
	background: transparent url(../images/price_home.jpg) no-repeat right top;
  float: left;
  margin: 0px 3px 5px 0px;
}


#occasion {
	background: transparent url(../images/occasion_home.jpg) no-repeat right top;
  float: right;
  margin: 0 15px 5px 0px;
}

#occasion ul
{
  margin: 0px;
  overflow: hidden;
  height: 30px;
  width: 120px;
}
#occasion li
{
  line-height: 15px;
  display: inline;
  padding: 2px;
}

#price2, #occasion2, #category2 {
  padding-top: 65px;
  width:150px;
  margin: 25px 3px 5px 0px;
  float:none;
  font-size: 85%;
}

#price2 {
	background: transparent url(../images/price_home.jpg) no-repeat left top;
}

#occasion2 
{
	background: transparent url(../images/occasion_home.jpg) no-repeat left top;
}

#category2
{
 	background: transparent url(../images/category_home.jpg) no-repeat left top;
}



#contenthome #ordering h4 {
    margin-bottom: 0;
    padding: 0;
}
#ordering #buttons {
    padding: 0 0 0 10px;
}

/* Blog ===================================================  */
#blog {
	position:absolute;
	top:100px;
	margin-left:0;
	padding: 0 0 0 10px;
	z-index:2;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:138px;
	}
body>#blog {width:138px;}
#blog .entry {
    margin: 0 0 20px;
	font-size: 85%;
}
#blog h3 {
	color: #62006E;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: .5em 0;
}
#blog h3,
#blog p {
	padding: 0 3px;
	margin:0;
}


/* Subnav ==========================================  */
#subnav {
	position:absolute;
	width:142px;
	top:85;
	margin-left:655px;
	padding:0 0 0 20px;
	z-index:1;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:122px;
	}
body>#subnav {width:122px;}
#subnav h3 {
	font-size: 85%;
}
#subnav #price h3
{
	background: transparent url(/images/price.png) no-repeat bottom right;
    margin-right: 10px;
	padding:17px 25px 3px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#subnav #occasion h3 {
	background: transparent url(/images/occasion.png) no-repeat top right;
	padding:20px 25px 3px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	white-space: nowrap;
}
#subnav #price ul, 
#subnav #occasion ul {
    margin:-.25em 0 0 0;
    padding:0 0 0 1.5em;
	font-size: 85%;
}

/* Footer ==========================================  */
#footer {
    clear: both;
    
    color: #62006E;
	  font-size: 85%;
	  text-align:left;
    width:775px;
}
#footer_nav {
	margin: 0;
	padding: 0;
	list-style: none default;
    }
#footer_nav a {
    float: left;
    margin: 0;
    border-right: 1px solid #62006E;
    padding: 0 7px;
    white-space: nowrap;
/*     font-size: 120%; */
/*     border: 1px solid red; */
    }
#footer_nav a.last {border-right: none;}
#footer_nav a:link, 
#footer_nav a:visited
{
	color: #62006E;
	text-decoration: none;
}
#footer_nav a:hover, 
#footer_nav a:active
{
	text-decoration: underline;
}
#footer p {
    margin-top: .25em;
    padding: 0 0 0 6px;
}

/* Page Specific ==========================================  */
.byitem {
    float: left;
    width: 175px;
    text-align: center;
    margin-left:10px;
    height:240px;
}
.byitem a h3 {
    font-weight: 85% !important;
    margin: 0;
}
.byitem a p {
    font-weight: 85% !important;
    margin: 0 0 10px 0;
    padding: 0;
}
img#detail {
    float: left;
}
div#description {
    margin-left: 210px;
    
}
div#description h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #62006E;
}
ul#customer_care {
    padding: 0;
}
.column {
    float: left;
    width: 49%;
}

ul#order_steps {
	margin: 0;
	padding: 6px 0;
    background: #62006E;
	list-style: none default;
	display: block;
	height: 55px;
    text-align: center;
}
ul#order_steps li {
    display: block;
    float: left;
    margin: 0;
    border-right: 1px solid #FFF;
    background: #62006E;
    color: #FFF;
    margin: 6px 0;
    padding: 0 7px;
    white-space: nowrap;
    text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
}
ul#order_steps li.last {
    border-right: none;
}
ul#order_steps a:link, 
ul#order_steps a:visited
{
	color: #AF74B6;
	text-decoration: none;
}
ul#order_steps a:hover, 
ul#order_steps a:active
{
	text-decoration: underline;
}
ul#order_steps a:link strong, 
ul#order_steps a:visited strong
{
	color: #FFF;
}
#order h3, #order h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #62006E;
}
.order_item {
    margin: 0 0 20px;
	font-size: 85%;
	text-align: center;
}
#order div.option {
    margin-left: 150px;
}
#order div.option p {
    padding-left: 20px;
}
#order .order_buttons {
    text-align: right;
}
label {
    display: block;
    width: 125px;
	padding: 2px 0 0 0;
    text-align: right;
    padding-right: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #62006E;
}

input[type="text"] {
    width: 200px;
}
select, textarea { /* Combined with above rule doesn't work */
    width: 200px;
}
input.short, textarea.short, select.short {
    width: 65px;
}

label.short {
    padding-left: 5px;
	display: inline;
}
span.notes {
    font-size: 85%;
}
div#order_history .past_order {
    border-top: 1px solid #62006E;
    padding: 5px 0;
}
.past_order h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #62006E;
    margin-top: 0;
}
.past_order h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #62006E;
    display: inline;
}
.past_order p {
    display: inline;
}
#order_summary .past_order {
    padding-bottom: 3px;
	border-bottom:1px solid #62006E;
}
#order_summary .column {
    float: left;
    width: 49%;
}
#order_summary .col2 {
	border-left:1px solid #62006E;
}
#order_summary h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #62006E;
}
#order_summary table {
    margin: 6px 0 6px 3px;
}
#order_summary table td {
    padding-left: 5px;
    text-align: right;
}
#order_summary table th {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #62006E;
    text-align: right;
}
#order_summary table .item {
    text-align: left;
}
#order_summary table .subtotal {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #62006E;
}
#email_preferences label {
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #62006E;
    width: 150px;
    display: block;
    text-align: right;
    padding: 0 6px 0 0;
    font-weight: bold;
}
table#reminders {
    width: 460px;
    margin-bottom: 10px;
}
table#reminders th {
    background: #62006E;
    color: #FFF;
}
table#reminders th, table#reminders td {
    padding: 6px 10px;
}
table#reminders td {
    border-bottom: 1px solid #62006E;
}





/* Utilities ==========================================  */
img.right {
    float: right;
    padding: 0 0 20px 20px;
}
img.left {
    float: left;
    padding: 0 20px 20px 0;
}
div.clear {
    clear:both;
}
div.hr {
    border-bottom: 1px solid #62006E;
    margin-top: 10px;
}
.nowrap { white-space: nowrap; }


#breadcrumbs {
    font-size: 85%;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.largerImg
{
	font-size: 85%;
	line-height: 20px;
	padding: 2px 4px;
	padding-left: 22px;
	background: url('../images/open.gif') no-repeat left;
}