/* @override 
	http://glaruschocolatier.dev/cart/media/images/site/style.css
	http://glaruschocolatier.com/cart/media/images/site/style.css */

/* =Main
----------------------------------------------- */

body {
	width: 910px;
	font: .9em Times,"Times New Roman", serif;
	background-color: #553C2F;
	color: #3c3c3c;
	margin: 0 0 0 21px;
	padding: 0;
}

a, a:active, a:hover, a:visited {
	text-decoration: none;
	color: #3c3c3c;
}

p {
	padding: 0 14px 0px 14px;
}

/* =Headers
----------------------------------------------- */


h2 {
	text-align: left;
	font: 14px Helvetica, Arial, Verdana, sans-serif;
	color: #663333;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 7px 0 7px;
	padding: 0;
}

h2 img {
	margin-bottom: -14px;
	padding: 0;
}

hr {
	 border-bottom-width : 0px;
 border-left-width : 0px;
 border-right-width : 0px;
 border-top : 1px solid #cccccc;
	margin: 0 7px 0 7px;
	height: 1px;
}

h3 {
	font: 12px Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #3c2d35;
	padding: 0 7px 14px 7px;
}

h3 a:hover, td.main a:hover, td.main_store a:hover, .photo_nav a:hover, .enlarge:hover {
	color: #202020;
}

h4 {
	font-size: .8em;
	margin: 14px 14px 0 14px;
	padding: 0;
}

#press h4 {
	font-size: .9em;
}

h4.right {
	text-align: right;
	margin-top: 0;
}

h5 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 7px 0;
	padding: 0;
	border-bottom: 1px solid #ececec;
}	

h6 {
	font-size: 1em;
	margin-right: 14px;
	margin-bottom: 0;
}


/* =Layout
----------------------------------------------- */

#old-container {
	background-color: #FFF; 
	position:relative; 
	display:block; 
	border-left:190px solid #FFF; 
	border-right:190px solid #FFF; 
	overflow:visible; 
	text-align: center;
}

* html #container {
	display:inline-block;
}

#main {
	margin: 0 21px;
}

/* =Navigation
----------------------------------------------- */

#nav {
	position: absolute;
	top: 159px;
	left: 160px;
	margin: 0;
	z-index: 100;
	overflow: hidden;
	height: 40px;
} 

#nav li { 
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
} 

#nav li a { 
	float:left;
  padding:40px 0 0 0;
  overflow:hidden;
  height:0px !important;
  height /**/:40px; /* for IE5/Win */
}

#nav li a:hover {
	background-position:0 -40px;
}

#home #home_nav a, #about #about_nav a, #press #press_nav a,  #products #products_nav a, #ordering #ordering_nav a, #gift_services #gift_services_nav a, #contact #contact_nav a  {
 	background-position:0 -80px;
}

#home_nav, #home_nav a {
	background: url(../header/home.gif) top left no-repeat;
	width: 65px;
	text-indent: -1000em;
}

#about_nav, #about_nav a {
	background: url(../header/about_us.gif) top left no-repeat;
	width: 97px;
	text-indent: -1000em;
}

#press_nav, #press_nav a {
	background: url(../header/press.gif) top left no-repeat;
	width: 68px;
	text-indent: -1000em;
}

#products_nav, #products_nav a {
	background: url(../header/products.gif) top left no-repeat;
	width: 102px;
	text-indent: -1000em;
}

#ordering_nav, #ordering_nav a {
	background: url(../header/ordering.gif) top left no-repeat;
	width: 100px;
	text-indent: -1000em;
}

#gift_services_nav, #gift_services_nav a {
	background: url(../header/gift_services.gif) top left no-repeat;
	width: 131px;
	text-indent: -1000em;
}

#contact_nav, #contact_nav a {
	background: url(../header/contact.gif) top left no-repeat;
	width: 91px;
	text-indent: -1000em;
}


/* =Top Navigation
----------------------------------------------- */

table.hours {
	width: 210px;
	float: right;
	margin-right: 21px;
	margin-top: 21px;
	margin-bottom: 15px;
}

table#shipping, table.hours {
	margin-left: 21px;
}

table#shipping td, table.hours td {
		padding: 7px;
}

table#shipping td.table_head, table.hours td.table_head {
	font-weight: bold;
}

tr.dark_grey {
	background-color: #ececec;
}

tr.light_grey {
	background-color: #f5f5f5;
}

table#page {
	background-color: #ffffff;
	width: 888px;
}

fieldset { 
	border: 0; 
	margin: 0; 
	padding: 0; 
}

#header {
	height: 224px;
	width: 910px;
}

#glarus {
	height: 224px; 
	width: 910px;
	background-image: url(../header/glarus_header.gif);
	z-index: 10;
}

sth1 a { 
    display: block; 
    text-indent: -1000em; /*\*/overflow: hidden; /**/
    width: 100%; height: 131px; 
    background: #333 url(images/header.jpg);
    width: 100%;
    font-size: 10px;
}

#wrap {
	background-color: #FFF;
}

/* =DIVs
----------------------------------------------- */

#pay {
	margin: 0;
	padding: 0;
}

.pay_left {
	float: left;
	width: 50%;
	padding-bottom: 28px;
}

.pay_right {
	float: right;
	padding-bottom: 28px;
}

.pay_right h4 {
	text-align: right;
}

#box {
	text-align: right;
	width: 266px;
	border: 1px solid #ececec;
}

#photo {
	width: 90%;
	background-color: #fff;
}

#photo_cap {
	font-family: Verdana;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	background-color: #ececec;
	display: block;
	padding: 7px;
	border: 1px solid #ececec;
}

p.photo_nav {
	margin: 7px 0 0 0;
	text-align: center;
}

.category, .item {
	font: 12px Helvetica, Arial, Verdana, sans-serif;
	background: none;
	display: block;
	text-align: right;
	margin: 0 auto;
	padding: 7px;
	border: 1px solid #ececec;
	width: 490px;
}

.category_foot, .item_foot {
	font-weight: bold;
	text-align: right;
	background-color: #ececec;
	display: block;
	margin: 0 auto;
	padding: 7px;
	border: 1px solid #ececec;
	width: 490px;
}

#photo .item, #photo .category_foot {
	width: 350px;
}



.container {
	border: 1px solid red;
}

.spacer {
	clear: both;
}

.float {
	float: left;
	width: 140px;
}

.category_foot {
	font: 10px Verdana, Helvetica, Arial, sans-serif;
}

.item_foot {
	font-size: 1.2em;
}

.item_pic {
	text-align: left;
	float: left;
	width: 136px;
}

.item_buy_option {
	float: left;
	margin-right: 14px;
	width: 140px;
}

#navbox {
	border: 0;
	margin-top: 14px;
}

.item_buy_no_option {
	float: left;
	height: 100px;
	width: 140px;
}

.enlarge {
	font: 9px Times,"Times New Roman", serif;
	font-weight: normal;
}

.category:hover {
	border: 1px solid #cccccc;
}

.category_head {
	font-size: 1em;
	background-color: #ececec;
	display: block;
	margin: 0px 14px 0 21px;
	padding: 7px;
	width: 444px;
	border: 1px solid #ececec;
}

.underline, .underline:hover, .underline:active, .underline:visited {
	text-decoration: underline;
}

.category_left {
	width: 224px;
	float: left;
	border: 1px solid #ececec;
	padding: 7px;
}

.category_right {
	width: 224px;
	float: right;
	border: 1px solid #ececec;
	padding: 7px;
}


#navbar, #navbar a, #footer a {
	color: #ececec;
}
	
#navbar a, #footer a {
	text-decoration: none;
}

#navbar a:hover, #footer a:hover, #email a:hover {
	color: #e9dbab;
}

.item_buy_option a, .item_buy_option a:hover, .item_buy_option a:visited, .item_buy_option a:active {
	font-size: .9em;
	text-decoration: underline;
}


img {
	border: 0;
	border-collapse: collapse;
}

/* =Tables
----------------------------------------------- */

table, tr, td {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0;
}
	

td { 
	font-size: 12px;
	vertical-align: top;
}

tr {
	vertical-align: top;
}

td.brown {
	background-color: #ffffff;
	width: 14px;
	margin: 0;
	padding: 0;
}

td.white {
	background-color: #3C2D35;
	width: 14px;
	margin: 0;
	padding: 0;
}

td#badges {
	background-color: #3C2D35;
	text-align: center;
	padding-top: 14px;
}

td.navbar {
	width: 500px;
}

td.chocolates, td.cart, td.new {
	height: 70px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	vertical-align: bottom;
	text-align: center;
}

td.new {
	width: 180px;
	font: 10px Times,"Times New Roman", serif;
	text-align: right;
}

td.cart {
	width: 180px;
	font-size: 9px;
	text-align: right;
	vertical-align: middle;
}

.chocolate {
	display: inline;
}

.truffle {
	display: inline;
}

ul#photo_links {
	list-style-type: none;
	text-indent: 0;
	margin: 0;
	padding: 0;
}

#assorted {
	float: right;
	text-align: right;
	width: 50%;
}

td.navigation {
	width: 179px;
	text-align: center;
	background-color: #ffffff;
	border-right: 1px dotted #ececec;
	margin: 0;
	padding: 0;
}

td.main {
	font-family: Times,"Times New Roman", serif;
	width: 499px;
		background-color: #ffffff;
		vertical-align: top;
		margin: 0;
		padding: 0;
}

#store table {
	border-collapse: separate;
	border-spacing: 3px;
}

#store td {
	padding: 7px;
}

#store {
	font: 11px Verdana, Helvetica, Arial, sans-serif;
}

td.main_store {
	width: 472px;
		background-color: #ffffff;
		vertical-align: top;
		margin: 0 14px 0 14px;
		padding: 7px;
}

td.main_astore a {
	font-weight: bold;
}

p.right {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-align: right;
}

p.maroon {
	color: #663333;
}

.box_yellow {
	text-align: center;
	background-color: #f1e7c8;
	font-weight: bold;
	margin: 21px;
	padding: 7px;
	border: 1px solid #3c3c3c;
}

#content {
	font-size: .9em;
	padding: 0;
	margin: 0 0 28px 0;
	line-height: 1.4em;
	text-align: left;
}

td.main, td.navigation, td.sidebar {
	padding-bottom: 14px;
}

td.urgent {
	width: 680px;
	height: 28px;
	font-size: 10px;
	background-color: #eee;
	color: #3c3c3c;
	text-align: right;
	font-weight: bold;
	vertical-align: middle;
	padding: 0 7px 0 0;
}

td.sidebar {
	text-align: right;
		padding: 0 0 14px 0;
		margin: 0;
		background-color: #ffffff;
}

td.sidebar h2, td.navigation h2 {
	text-align: left;
}

td.sidebar, td.urgent {
}

td.sidebar p {
	font-size: 10px;
}

td#email {
	font: 10px Verdana, Helvetica, Arial, sans-serif; 
	font-weight: bold;
	width: 187px;
	height: 30px;
	padding: 0 7px 0 0;
	background: #ffffff url(bg_email.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	text-align: right;
	margin: 0;
}

td#email a {
	color: #ececec;
	text-decoration: none;
	vertical-align: middle;
}

td#phone {
	background-color: #3C2D35;
	color: #e9dbab;
	width: 187px;
	font-size: 14px;
	vertical-align: bottom;
	padding: 0 7px 0 0;
	text-align: right;
}

oldtd#footer {
	padding-top: 3px;
	background-color: #3C2D35;
	color: #ececec;
	text-align: center;
	margin: 0;
}

td#copy {
	font-size: 9px;
	color: #e9dbab;
	background-color: #3C2D35;
	text-align: center;
	margin: 0;
	padding: 0;
}

oldtd#header {
	width: 680px;
	height: 46px;
	background-color: #3C2D35;
	margin: 0;
	padding: 0;
}


td#navbar {
	font: 13px Helvetica, Verdana, Arial, sans-serif;
	background: #ffffff url(bg_navbar.gif) repeat-y;
	background-repeat: no-repeat;
	width: 500px;
	height: 30px;
	vertical-align: middle;
	border: 0;
	padding: 0;
	margin: 0;
	text-align: center;
}

form {
	margin-right: 7px;
}

#press_box {
	float: right;
	width: 180px;
	text-align: center;
	padding: 7px;
}
	
#press_box img {
	padding: 2px;
	border: 1px solid #D7D7D7;
}



#info {
	margin-top: 35px;
	margin-right: 10px;
	float: right;
	text-align: right;
}

#urgent {
	float: right;
}





/* =Clear
----------------------------------------------- */

.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	font-size: 1px;
	line-height: 1px;
}

#left_column
	{
	text-align: center;
	float: left;
	width: 169px;
	margin-top: 28px;
	padding-left: 10px;
	border-right: 1px dotted #ececec;
}
#center_column
	{
	float: left;
	width: 510px;
	margin: 28px 15px 0 15px;
	line-height: 1.4em;
	}
#right_column
	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .7em;
	text-align: right;
	float: left;
	width: 180px;
	margin-top: 28px;
}

/* Start Mac IE5 filter \*/
#left_column, #center_column, #right_column
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
/* End Mac IE5 filter */
#wrapper
	{
	background-color: #FFF;
	width: 910px;
	padding-bottom: 30px;
	margin: 0 auto;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	padding-top: 14px;
	text-align: center;
	}
#footer img 
	{
	vertical-align: middle;
	}
#header, #footer
	{
	width: 910px;
	}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}

	#product_highlight {
		text-align: center;
		margin-top: 0px;
	}
	
#phone {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 1em;
	text-align: right;
	position: relative;
	top: 49px;
	right: 21px;
}