﻿/* reset */

body {
	font-size:100%;
	line-height:1em;
	
	padding:0px;
	margin:0px;
	position:relative;
}

a, a:visited {
	text-decoration:none;
	color:inherit;
}

a {
	outline:none;
	-moz-outline-style:none;
}

img {
	display:block;
	border:none;
}

object {
	outline:none;
}

/***********************************
        HTML Element Styles
***********************************/

body {
	font:.75em/1.75em Georgia, serif;
	color:#333333;
	padding-top:20px;
	padding-left:20px;
}

p {
	margin:0px 0px 12px 0px;
}

ul {
	margin-left:15px;
	font-style:italic;
}

select, input[type="text"], input[type="file"], input[type="password"], button, textarea {
	font:1em/1.25em Verdana, sans-serif;
}

input[type="text"], input[type="file"], input[type="password"] {
	border:1px solid #a5acb2;
	padding-top:1px;
	height:16px;
}

textarea {
	border:1px solid #a5acb2;
}

/***********************************
          General Styles
***********************************/

/* Text Styles */

.heading1 {
	font-size:2.333em;
	font-family:Georgia, serif;
	font-variant:small-caps;
	letter-spacing:3px;
}

.heading2 {
	font-size:1.666em;
	font-family:Georgia, serif;
	font-style:italic;
}

.heading3 {
	font-size:1.166em;
	font-family:Georgia, serif;
	font-weight:bold;
}

.heading4 {
	font-family:Verdana, sans-serif;
	font-weight:bold;
	padding:7px 10px;
	background-color:#eceeeb;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.whiteText {
	color:white;
}

.blackText {
	color:black;
}

/* Background Colors */

.lightBrown {
	background-color:#c6b799;
}

.darkPink {
	background-color:#c57d7e;
}

.yellow {
	background-color:#f5f3c5;
}

.green {
	background-color:#cceb7d;
}

.gray {
	background-color:#aeb7b4;
}

.orange {
	background-color:#ed8c3b;
}

.blue {
	background-color:#b2cace;
}

.yellowTan {
	background-color:#d6cf8e;
}

.redTan {
	background-color:#d9cdbd;
}

.lightGray {
	background-color:#e8e8e8;
}

/* Layout and Misc */

.hidden {
	overflow:hidden;
}

.noteRed {
	color:#bf0000;
	font-style:italic;
}

.noteGreen {
	color:green;
	font-style:italic;
}

/***********************************
             Content
***********************************/ 

#main {
	width:965px;
	background:url(images/dot_pattern.gif) repeat-y top left;
	margin-bottom:20px;
}

/***********************************
             Side Bar
***********************************/ 

#sideBar {
	height:100%;
	width:220px;
	float:left;
	z-index:1;
}

/* Logo */

#logo {
	display:block;
	width:220px;
	height:160px;
	background-color:white;
}

#logo img {
	border:1px solid #8c8c8c;
}

/* Menu */

#menu {
	font-style:normal;
	list-style-type:none;
	margin-left:0px;
	margin-bottom:20px;
	padding-top:20px;
	padding-left:0px;
	border-bottom:2px solid #e3cba0;
}

#menu > li {
	border-top:2px solid #e3cba0;
	background-color:#f5f3c5;
	position:relative;
}

#menu > li > a, #menu > li > a:link, #menu > li > a:visited {
	color:#b87a38;
	display:block;
	padding:7px 20px;
	text-transform:lowercase;
	letter-spacing:.166em;
	line-height:1.333em;
}

#menu > li > a:hover {
	color:#663300;
}

/* Sub-Menu */

#menu li ul {
	font-style:normal;
	list-style-type:none;
	margin-left:0px;
	padding-left:0px;
	text-align:left;
	display:none;
}

#menu li:hover ul {
	display:block;
	background-color:#f5f3c5;
	width:220px;
	border-bottom:2px solid #e3cba0;
	position:absolute;
	top:-2px;
	left:220px;
}

#menu li:hover ul li {
	margin:0px;
	padding:0px;
	border-top:2px solid #e3cba0;
}

#menu li:hover ul li a, #menu li:hover ul li a:link, #menu li:hover ul li a:visited {
	color:#b87a38;
	display:block;
	padding:7px 20px;
	text-transform:lowercase;
	line-height:1.33em;
}

#menu li:hover ul li a:hover {
	color:#663300;
}

#sideBar div.form, #sideBar p {
	padding:0px 20px;
}

#sideBar p.heading3 {
	margin-top:30px;
}

/* Search */

#searchField {
	float:left;
	margin-right:2px;
}

#searchButton {
	width:19px;
	height:19px;
	border:none;
	float:left;
}

#zipField {
	margin-bottom:10px;
}

/***********************************
        Flash/Image Header
***********************************/ 

#flashBanner {
	float:right;
	margin-bottom:10px;
}

#flashBanner p {
	position:absolute;
	top:30px;
	left:30px;
	width:675px;
	font-size:3em;
	line-height:1em;
	font-variant:small-caps;
}

/***********************************
         Home Page Boxes
***********************************/ 

#homeBoxes {
	width:735px;
	float:right;
}

#homeBoxes a, #homeBoxes a:link, #homeBoxes a:visited {
	text-decoration:underline;
	color:#333333;
}

#homeBoxes a:hover {
	color:#cc6600;
}

#homeBoxes > div {
	float:left;
	width:205px;
	height:190px;
	padding:20px;
}

#homeBoxes > div img {
	margin:-20px 0px 0px -20px;
}

/***********************************
         Interior Content
***********************************/

#content {
	width:695px;
	float:right;
	padding:20px;
}

#content a, #content a:link, #content a:visited {
	color:#333333;
}

#content a:hover {
	color:#666666;
}

.interiorSection {
	padding:20px 0px;
	border-bottom:2px solid #333333;
	overflow:hidden;
}

.interiorSection:first-child {
	border-top:2px solid #333333;
}

.interiorSection img {
	border:1px solid #666666;
	float:right;
	margin-left:30px;
}

/***********************************
        Product Categories
***********************************/

#content.categories {
	padding-bottom:0px;
}

#content.categories .heading1 {
	color:#85989f;
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin-right:7px;
}

#content.categories a, #content.categories a:link, #content.categories a:visited {
	display:block;
	float:left;
	width:218px;
	border:1px solid #ccc;
	margin:5px 5px 0px 0px;
	padding:3px;
	background-color:#eceeeb;
	font-family:Verdana, sans-serif;
	font-size:.833em;
	font-weight:bold;
	text-align:center;
	color:#85989f;
}

#content.categories a img {
	margin-bottom:3px;
}

#content.categories a:hover {
	color:#495c63;
}

/***********************************
          Product Detail
***********************************/

#content.details .heading2 {
	color:#85989f;
	padding-bottom:10px;
	margin-bottom:5px;
}

.productInfo {
	overflow:hidden;
}

.itemNumber {
	font-family:Verdana, sans-serif;
	font-size:.833em;
	line-height:1em;
	font-weight:bold;
	color:#85989f;
	padding:10px;
	background-color:#eceeeb;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.productImage {
	float:right;
	border:1px solid #ccc;
	padding:3px;
	background-color:#eceeeb;
}

.productImage > a {
	display:block;
	margin-bottom:3px;
}

.thumbnails {
	height:81px;
}

.thumbnails span span a {
	display:block;
	float:left;
	margin-left:3px;
}

.thumbnails span span:first-child a {
	margin-left:0px;
}

.thumbnails span 
{
	display:block;
}

.summary {
	width:320px;
	margin-bottom:10px;
	font-family:Verdana, sans-serif;
	font-size:.833em;
	padding:0px 10px;
	margin-bottom:20px;
	overflow:hidden;
}

#content.details .heading3 {
	color:#85989f;
	margin-bottom:5px;
}

#content.details table {
	font-family:Verdana, sans-serif;
	font-size:.833em;
	color:#85989f;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 0px;
	margin-top:12px;
	width:100%;
	background-color:#eceeeb;
}

#content.details th {
	width:150px;
	text-align:left;
	padding:0px 10px;
}

#content.details {
	line-height:1.4em;
	padding-top:2px;
}

#content.details input[type="text"] {
	width:40px;
	height:15px;
}

/***********************************
             Checkout
***********************************/

#content.checkout .heading1, #content.checkout .heading4 {
	color:#85989f;
}

.checkout {
	width: 695px;
	margin-bottom: 10px;
	font-family: Verdana, sans-serif;
	font-size: .833em;
	padding: 0px 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

.checkout > p {
	padding-left:10px;
}

.checkout > p.heading1 {
	padding-left:0px;
}

.checkout table {
	border-collapse:collapse;
	font-family:Verdana, sans-serif;
	empty-cells:show;
}

.checkout table td {
	padding: 3px 3px;
}

.checkout table.productTable {
	width:100%;
}

.checkout table.productTable td {
	border-top:1px solid #ccc;
}

.checkout table.productTable tr:first-child td {
	border-top:none;
}

.checkout table.headerTable, .checkout table.footerTable {
	width:100%;
	font-weight:bold;
	color:#85989f;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 0px;
	background-color:#eceeeb;
}

.checkout table.footerTable {
	margin-bottom:12px;
}

.checkout table.footerTable td {
	color:#666666;
	border-top:none;
}

.checkout input {
	/*width:40px; */
	/*height:15px;*/
	line-height:1.4em;
	padding-top:2px;
}

.checkout select {
	/*width:40px; */
	height:20px;
	line-height:1.4em;
	padding-top:2px;
}

.checkout checkbox {
	/*width:40px; */
	height:20px;
	line-height:1.4em;
	padding-top:2px;
}

/***********************************
         Online Exclusives
***********************************/

a.exclusives-button {
	display:block;
	float:left;
	width:225px;
	height:70px;
	margin-left:10px;
	margin-top:10px;
	overflow:hidden;
}

a.exclusives-button:first-child {
	margin-left:0px;
}

a.exclusives-button:hover {
	text-indent:-225px;
	cursor:pointer;
}

a.exclusives-button img {
	display:inline;
}


