/* --------------------------------------------------------------------
	mainshell.css gives layout and styling for the overall page
	container, masthead, navigation and subnav for the main site only.
   ------------------------------------------------------------------*/
.textfield_login {
	height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #000000;
	padding-right: 3px;
	padding-left: 3px;
	
}
.regular_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 19px;
	text-align: center;
	background-color: #FFFFFF;
	vertical-align: middle;
	border: 1px solid #000000;
	font-weight: normal;
	color: #000000;
}

.formheader {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


body {
	background: #fff url(/graphics/page_bg_backup.gif) top center repeat-y;
	}


#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 0;
	padding: 0 30px 0 30px;
	text-align: left;
	background: #fff url(/graphics/page_bg_main.gif) top center repeat-y;
	
	voice-family: "\"}\""; 
	voice-family:inherit; 
	
	width: 740px;
	
	}
	
html>body #wrapper { 
	width: 740px;
	}
	
#masthead {
	width: 740px;
	margin: 0;
	padding: 0;
	background-color: #ccc;
	background-image: url(/graphics/masthead_bg.gif);
	clear: right;
	height: 74px;
	overflow: hidden;
	}

#footer {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 740px;
	height: 45px;
	background: url(/graphics/footer_bg.gif) no-repeat bottom;
	}
	
#footer p {
	color: #555;
	margin: 0;
	padding-top: 25px;
	}
	
#mainiflogo {
	margin: 0 0 0 0px;
	padding: 0;
	float: left;
	height: 65px;
	width: 335px;
	}
	
#mainiflogo a {
	display: block;
	width: 280px;
	height: 65px;
	margin: 0 0 0 55px;
	
	/* for all non IE5 win browsers */
	padding: 0px !important;
	text-indent: -9000px !important;
	
	/* for IE5 win */
	padding /**/:0px 0px 0px 280px;
	text-indent /**/:0px;
	
	/* hide this from IE5 mac \*/
	overflow: hidden;
	/* end hack */
	}
	
/* ------------------------------ 
            navigation            
   ------------------------------*/

#mainnav {
	width: 740px;
	height: 52px;
	background: #555555 url(/graphics/mainnav_bg_main.gif) no-repeat;
	margin: 0;
	padding: 0;
	}

#mainnav ul {
	margin: 0 0;
	padding-top: 0px;
	list-style-type: none;
	font-size: 10px;
	padding: 0px 0px;
	}

#mainnav li {
	float:left;
	line-height: 0px;
	margin-top: 0;
	padding-top: 0;

	/* the following three properties keep the big arrow for the current item above the subnav */
	position: relative;
	z-index: 10;
	background-color: transparent;
	}
	
#mainnav a:hover {
	background: url(/graphics/mainnav_bg_hover.gif) no-repeat top right;
	color: #FFFFFF;
	}

#mainnav a {
	display:block;
	float: left;
	height: 6px;					/* height for IE 5 mac */
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	background: url(/graphics/mainnav_bg_endbdr.gif) no-repeat top right;
	padding: 10px 0px 10px 5px;
	margin: 0;
	}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#mainnav a {
	height: 26px;					/* height for IE 5 win */
	padding: 15px 0px 5px 5px;
	
	
	voice-family: "\"}\""; 
	voice-family:inherit; 
	
	height: 6px;					/* height for everyone else */
	
	}
/* End IE5-Mac hack */

html>body #mainnav a { 
	height: 6px;					/* height for opera */
	}
	


.nav_about {
	width: 65px;
	
	voice-family: "\"}\""; 
	voice-family:inherit; 
	
	width: 60px;	
	
	}
	
html>body .nav_about { 
	width: 60px;					/* width for opera */
	}



.nav_collections {
	width: 115px;
	
	voice-family: "\"}\""; 
	voice-family:inherit; 
	
	width: 110px;
	
	}

html>body .nav_collections { 
	width: 110px;					/* width for opera */
	}



.nav_custom {
	width: 120px;
	
	voice-family: "\"}\""; 
	voice-family:inherit; 
	
	width: 115px;
	
	}

html>body .nav_custom { 
	width: 115px;					/* width for opera */
	}


.nav_testimonials {
	width: 100px;
	
	voice-family: "\"}\""; 
	voice-family:inherit; 
	
	width: 95px;
	
	}

html>body .nav_testimonials { 
	width: 95px;					/* width for opera */
	}


#mainnav a.nav_legal {
	width: 88px;
	background: none;
	border-right: 1px solid #222;
	
	voice-family: "\"}\""; 
	voice-family:inherit; 
	
	width: 83px;
	
	}
	
html>body #mainnav a.nav_legal { 
	width: 83px;					/* width for opera */
	}


#mainnav a.nav_legal:hover {
	background: url(/graphics/mainnav_bg_hover2.gif) no-repeat top right;
	}	


#current a, #current a:hover {
	
	/* font-weight: bold; */
	text-decoration: none;
	color: #FFFFFF;
	background: url(/graphics/mainnav_bg_endbdr.gif) no-repeat top right;
	border-bottom: none;
	}
  	
#current {
	height: 49px;
	background: url(/graphics/mainnav_bg_arrow.gif) no-repeat top right;
	}
	
#current a.nav_legal:hover {
	background: none;
	}


	

/* ------------------------------ 
        shopping cart
   ------------------------------*/

#shoppingcart {
	float: right;
	clear: right;
	width: 250px;
	margin-top: -25px;
	background-color: #d9cbbc;
	}
	
#shoppingcart ul {
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	list-style-type: none;
	}

#shoppingcart li {
	text-align: left;
	text-indent: 0px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	width: 250px;
	border-top: 1px dotted #9e7b76;
	/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
     clear: both;
     min-height: 25px;
	/* End IE5-Mac hack */
	}

#shoppingcart li.first {
	background: url(/graphics/shoppingcart_bg_first.gif) no-repeat left top;
	border-top: 1px dotted #a99b88; /* this border keeps the cart nav from collapsing in Safari with a single multiple line item */
	}
	
img.cartdelete {
	width: 16px;
	height: 16px;
	margin: 4px 5px 0px 5px;
	padding: 0px;
	}
	
a.cartdelete {
	display: block;
	float: left;
	}
	
#shoppingcart a.cartitem {
	color: #693832;
	width: 160px;
	margin: 0px;
	padding: 6px 0px 3px 0px;
	float: left;
	}

/* holly hack to get rid of space around subnav links */
	
* html #shoppingcart a {
  height:1%;
  }

#shoppingcart h3 {
	background: url(/graphics/shoppingcart_bg_header.gif) no-repeat left top;
	margin: -26px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #fff;
	font-size: 10px;
	font-weight: normal;
	height: 25px;
	width: 250px;
	position: relative;
	
	voice-family: "\"}\""; 
	voice-family:inherit; 
	
	margin: 0px 0px -26px 0px;
	top: -26px;
	
	}

html>body #shoppingcart h3 {
	top: -26px;	
	margin: 0px 0px -12px 0px;
	
	/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
	margin: 0px 0px -26px 0px;
	/* End IE5-Mac hack */
	}
		
#shoppingcart h3 a {
	display: block;
	color: #fff;
	padding: 8px 0px 0px 10px;
	
	height: 17px !important;
	height /**/:25px;
	
	width: 240px !important;
	width /**/:250px;
	
	text-decoration: none;
	}
	
#shoppingcart h3 a:hover {
	background: url(/graphics/shoppingcart_bg_header_hover.gif) no-repeat left top;
	}
	
#shoppingcart li .price {
	display: block;
	float: right;
	padding: 6px 10px 0px 0px;
	color: #825550;
	}

#total {
	background: #d9cbbc url(/graphics/shoppingcart_bg.gif) no-repeat top right;
	color: #fff;
	float: right;
	clear: right;
	width: 250px;
	height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 10px;
	
	voice-family: "\"}\""; 
	voice-family:inherit; 
	
	width: 240px;
	
	}
	
html>body #total { 
	width: 240px;					/* width for opera */
	}

* html #total.empty {
	position: relative;
	}

#total p {
	color: #fff;
	margin: 0px;
	padding: 0px;
	float: left;
	}

#total a {	
	color: #fff;
	}
	
#total .price {
	display: block;
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	}
	
#shoppingcart #total.empty p, #shoppingcart #total.empty a, #shoppingcart #total.empty .price {
	color: #fafaf0;
	}
	
#shoppingcart #total.empty {
	background: #b8b8af url(/graphics/shoppingcart_bg_total_empty.gif) no-repeat bottom right;
	margin: 0px;
	padding-top: 6px;
	height: 20px !important;
	height /**/:25px;
	}
	

/* ------------------------------ 
       subnav (for checkout)            
   ------------------------------*/

#subnav {
	margin: -3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	clear: both;
	width: 250px;
	background-color: #8b524b;
	border-bottom: 1px solid #5c312a;
	}
	
ul#subnavlinks {
	margin: 0px;
	padding: 0px;
	width: 250px;
	}


ul#subnavlinks li {
	padding: 3px 0px 3px 25px;
	margin: 0px;
	width: 225px;
	border: none;
	color: #ae725d;
	min-height: 0px;
	height: auto;
	border-top: 1px dotted #ae725d;
	background: url(/graphics/pixelarrow_lightbrown.gif) no-repeat 12px 4px;
	}
	
ul#subnavlinks li#select {
	background-color: #6f3e38;
	}
	
ul#subnavlinks li a {
	color: #fff;
	}




/* ------------------------------ 
           search area            
   ------------------------------*/

#searchbox {
	clear: both;
	width: 242px;
	height: 20px;
	position: absolute;
	top: 47px;
	margin-left: 160px;		/* margin for IE5mac */
	}
	
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#searchbox {
	margin-left: 500px;
	}
/* End IE5-Mac hack */
	

#searchbox p {
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #8a8a7a;
	float: left;
	margin: 5px 0px 0 0;
	}
	
#searchbox input {
	width: 137px;
	font-size: 11px;
	margin-left: 5px;
	}
	
#searchbox input.go {
	width: 35px;
}	

/* ------------------------------ 
            flash bar            
   ------------------------------*/

#flash {
	background: #8F8F75 url(/graphics/flashbg.png) no-repeat top left;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	margin: 0px 0 0 0;
	padding: 3px 30px 3px 30px;
	float: left;
	clear: left;
	width: 430px;
	}