/*
	Page Type Defaults
	
	This stylesheet file is included in all pages. It defines the general and initial styles, the
	page itself (header, main, navigation and so on), and styles that are reused because similar
	structures are located on more than one page.
	
	All page specific style files (e.g. pt_cart.css) can refine common styles.
*/ /*
	All display: inline before floats shall prevent the IE from its own stupidity.
	http://www.positioniseverything.net/explorer/doubled-margin.html
*/
	/*  =======================================================================
	The Container wraps the complete page content inside the body. 
	It allows to give the page a visible margin and padding and
	have a different background color around the container.
*/
#container {
	width: 920px;
	margin: 0px auto;
	padding: 0px;
	border-left: 1px solid #422215;
	border-right: 1px solid #422215;
	text-align: left;
}

#containertellfriend {
	width: 530px;
	border: 0px;
	margin: 0px auto;
	padding: 5px 0px;
}

/*
	Clear floats inside a div (W3C recommendation)
*/
.clear {
	clear: both;
}

/*
	Global button layout
*/
#header a.button_med {
	background: url(../images/button.png) 0px 0px no-repeat;
	font: 11px/ 20px tahoma;
	font-weight: bold;
	width: 75px;
	display: block;
	height: 20px;
	color: #fff;
	text-align: left;
	padding-left: 10px;
	float: right;
	margin: 4px 0px;
}

#header a.button_med:hover {
	text-decoration: none;
}

/*
	Global image button layout
*/
.right {
	text-align: right;
}

input.imagebutton_small,input.imagebutton_big,input.imagebutton_orange,input.imagebutton_wide,input.imagebutton_orange_big,input.imagebutton_orange_wide
	{
	background: url(../images/button_small.png) 0px 0px no-repeat;
	border: 0px;
	width: 25px;
	height: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	line-height: 20px;
	margin: 0px;
	cursor: pointer;
}

.cartbutton_wide, button.cartbutton_wide, button.rightbutton,
input.cartbutton_wide,a.cartbutton_wide,input.cartbutton_back_wide,a.cartbutton_back_wide
	{
	background: url(../images/cartbutton_wide.png) 0px 0px no-repeat;
	border: 0px;
	width: 185px;
	height: 27px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	line-height: 27px;
	margin: 0px;
	cursor: pointer;
}

input.cartbutton_back_wide,a.cartbutton_back_wide {
	background: url(../images/cartbutton_back_wide.png) 0px 0px no-repeat;
	margin: 0px 0px;
}

a.cartbutton_wide:hover,a.cartbutton_back_wide:hover {
	text-decoration: none;
}

a.cartbutton_back_wide,a.cartbutton_wide {
	display: block;
	text-align: center;
}

input.imagebutton_big {
	background: url(../images/button.png) 0px 0px no-repeat;
	width: 85px;
	margin: 0px;
}

input.imagebutton_orange_big {
	background: url(../images/button_orange_big.png) 0px 0px no-repeat;
	width: 85px;
	margin: 0px;
}

input.imagebutton_wide,input.imagebutton_orange_wide {
	background: url(../images/button_wide.png) 0px 0px no-repeat;
	width: 135px;
	margin: 0px;
}

input.imagebutton_orange_wide {
	background-image: url(../images/button_orange_wide.png);
}

input.imagebutton_orange {
	background: url(../images/button_orange.png) 0px 0px no-repeat;
	width: 57px;
	margin: 0px;
}

/*
	Default layout of input boxes
*/
.inputbox{
	padding:2px;
	font-size:12px;
	font-weight:normal;
	vertical-align:middle;
	border:1px solid #543023;
}
checkbox {
	border: 0px;
}

/*
	Default layout of select boxes
*/
.selectbox {
	padding: 1px;
	font-size: 14px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #543023;
}

/*
	Advanced behavior of input/select boxes to focus when a user is editing the content.
	This is clearly CSS 2.1 and therefore is ignored by IE 6.0 and all other 
	unsupportive browsers.
*/

input [type="text"]:focus,input [type="password"]:focus {
	background-color: #ffffc0 !important;
}

input:focus {
	background-color: #ffffc0 !important;
}

textarea:focus {
	background-color: #ffffc0 !important;
}

select:focus {
	background-color: #ffffc0 /*!important*/;
}

/* breadcrumb styles */
#breadcrumb {
	margin-bottom: 10px;
	/*margin-left: 15px;*/ 
}

#breadcrumb .value {
	font-weight: bold;
}

#breadcrumb a .value {
	font-weight: normal;
}

#breadcrumb .spacer {
	padding: 0px 5px;
}

/*end breadcrumb styles */ /*  
	Products inside productlistings definition.
	
	This is the first and most general definition of productlisting and product.
	Because the most products are listed inside a productlisting, this works as
	foundation for nearly all product displays.
*/
.productlisting {
	font-size: 13px;
	clear: both;
}

.productlisting .product {
	font-size: 13px;
}

.image .thumbnail img {
	height: 65px;
	width: 65px;
	border: 1px solid #644337;
}

.image .medium {
	height: 150px;
	width: 150px;
	text-align: center;
	margin: 0px auto;
	border: 1px solid #644337;
}

/* for all images that don't come form the database */
img.static {
	border: 1px solid #644337;
}

.image .large img {
	height: 350px;
	width: 350px;
	border: 1px solid #644337;
	margin-bottom: 10px;
}

.productlisting .product h3.name {
	font-weight: bold;
	font-size: 12px;
}

.product .longdescription {
	font-size: 14px;
	line-height: 20px;
}

.productlisting .product .key {
	margin-right: 3px;
	font-size: 10px;
}

.productlisting .product .value {
	font-size: 10px;
}

.productlisting .product .sku {
	display: none;
}

.content #checkoutstep4 .billinginfoform table td.key,.content #checkoutstep2 .registrationform .key,#checkoutstep5 .key,.content #checkoutstep3 .key,.key
	{
	padding: 5px 0px 0px 15px;
	width: 14em;
	font-weight: bold;
}

.sku .key {
	padding-left: 0px;
}

.productlisting .product .discounts ul {
	list-style-type: none;
	list-style-position: inside;
}

.productlisting .product .stockstate .isavailable {
	font-weight: bold;
}

.productlisting .product .stockstate .isnotavailable {
	font-weight: bold;
}

.productlisting .product .price .standard .key {
	display: inline;
}

.productlisting .product .price .standard .value {
	font-size: 15px;
}
.productlisting .product .price .standard .was-value {
	font-size: 15px;
	text-decoration: line-through;
}

.productlisting .product .price .special {
	font-size: 14px;
}

.product .price .specialoffer {
	font-size: 12px;
	border: 1px solid #DCC1A7;
	margin: 10px auto 0px auto;
	background: #fff url(../images/special.png) 0px 0px no-repeat;
	padding: 10px 2px 10px 30px;
}

.productlisting .product .price .special .value,#cart .special .value {
	color: #D80101;
	font-size: 12px;
	line-height: 20px;
}

/*
 Specialoffers section 
*/
.specialoffers .specialoffer {
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

/* Search Refinements definitions
*/
.searchrefinements,.mayalsolike {
	border: 1px solid #784D43;
}

#rightnavigation .searchrefinements #refineNav h2,.mayalsolike h2 {
	background: none repeat scroll 0 0 #784D43;
	color: #fff;
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	padding: 0px 3px;
	margin: 0px;
}

.searchrefinements .searchrefinement {
	margin-bottom: 5px;
}

.searchrefinements .searchrefinement h3 {
	padding: 3px 3px 0px 3px;
	font-size: 14px;
	font-weight: bold;
	font-style: oblique;
}

.searchrefinements .searchrefinement ul {
	font-size: 12px;
	margin: 0px;
	padding: 0px 4px;
	background : #F9F4EB none repeat scroll 0%;
}

.searchrefinements .searchrefinement li {
	background:transparent none repeat scroll 0%;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#rightnavigation .searchrefinements .searchrefinement a.row0,#rightnavigation .searchrefinements .searchrefinement .current .filtercat,#rightnavigation .searchrefinements .searchrefinement a.row1
	{
	display: block;
	background: #F9F0E6;
	text-decoration: none;
	line-height: 20px;
	padding: 0px 4px;
}

tr.row0,tr.even {
	background: #F9F0E6;
}

#rightnavigation .searchrefinements .searchrefinement a.row1,tr.row1, tr.odd{
	background: #fff;
}

#rightnavigation .searchrefinements .searchrefinement a.row0:hover,#rightnavigation .searchrefinements .searchrefinement .current:hover,#rightnavigation .searchrefinements .searchrefinement a.row1:hover
	{
	text-decoration: underline;
}

#rightnavigation .searchrefinements .searchrefinement .current {
	font-weight: bold;
	font-style: oblique;
}

#rightnavigation .searchrefinements .searchrefinement .filtercat {
	font-weight: bold;
	background: #F1DCC9 none;
}

/*  =======================================================================
	The header is on top of the page inside the container before any
	other page component.
*/
#header {
	clear: both;
	width: 920px;
	min-height: 135px;
	background-color: White;
	position: relative;
}

#containertellfriend #header {
	width: 530px;
}

#header a,#leftnavigation a,#rightnavigation a,#footer a {
	color: #664437;
}

#header #padded {
	width: 900px;
	height: 105px;
	margin: 0px 10px;
}

#header #logo {
	width: 255px;
	height: 86px;
	display: inline;
	float: left;
	padding-top: 10px;
}

#header #logo_small {
	width: 194px;
	height: 67px;
	display: inline;
	float: left;
	padding: 4px 0px 6px 0px;
}

#header h1 {
	font-size: 20px;
	font-weight: normal;
}

#header #bottomright h1 {
	font-size: 30px;
	line-height: 30px;
	height: 30px;
	margin: 0px;
	font-weight: normal;
}

#header #topcenter {
	padding: 0px;
	float: left;
	width: 350px;
	margin-left: 20px;
	text-align: center;
	font-weight: bold;
	font-family: Trebuchet MS, Tahoma;
}

#header #topright {
	padding: 0px;
	font-size: 12px;
	color: #422215;
	float: right;
	width: 275px;
}

#header #topright .navigation {
	text-align: right;
}

#header #topright .navigation ul {
	margin: 0px;
	padding: 0px;
}

#header #topright .navigation li {
	display: inline;
	margin-left: 0px;
	padding: 0px;
	list-style: none;
	background: none;
}

#header #topright .navigation .divider {
	margin-left: 3px;
}

#header #topright .navigation a {
	color: #422215;
	font: 12px/ 12px tahoma;
}

#header #searchbar {
	display: inline;
	float: right;
	width: 230px;
	font-size: 12px;
	padding: 3px 0px 0px 0px;
}

#header #searchbar label {
	margin-right: 5px;
	font-weight: bold;
	text-transform: uppercase;
	color: #543023;
}

#header #searchbar .inputbox {
	font-size: 11px;
	padding: 2px;
	margin: -1px 0px 2px 0px;
}

#header #minicart,#header #bottomright {
	width: 263px;
	height: 71px;
	margin: 10px 0px;
	background: url(../images/login.png) left no-repeat;
	float: right;
	text-align: right;
	display: inline;
}

#containertellfriend #header #bottomright {
	width: 200px;
}

#header #minicart div {
	padding: 1px 5px;
}

#header #minicart .cartstatustext {
	margin-left: 5px;
}

#header #minicart .text {
	margin-left: 5px;
}

#header #minicart .pricevalue {
	margin-left: 5px;
}

#header #bottomright {
	background: none;
	width: 400px;
	height: 30px;
	padding: 0px;
	margin: 45px 15px 0px 0px;
}

#header .categories {
	width:920px;
	clear: both;
	background-color: #ff6600;
	color: White;
	height: 26px;
}

#header .categories ul {
	padding: 0px;
	border: none;
	width: 650px;
	height: 26px;
	margin-left: 0px;
}

#header #checkout ul {
	width: 800px;
}

#header .categories li {
	display: inline;
	margin: 0px;
	list-style: none;
	padding: 0px 0px;
	background: none;
	float: left;
	width: auto;
	/*max-width:160px;*/
}

#header .categories a {
	color: white;
	font: bold 15px/ 26px Trebuchet MS;
	margin: 0px;
	padding: 3px 7px;
	border-right: 1px solid #FEB27F;
	line-height: 26px;
}

#header .categories a {
	background: none;
}

#header #checkout a {
	padding: 3px 35px;
}

#header #checkout1 a {
	padding: 3px 7px;
}

#header .categories a.current {
	color: white;
	font: bold 15px/ 26px Trebuchet MS;
	background: #88584D;
	text-decoration: none;
}

#header .categories a:hover {
	color: #fff;
	font: bold 15px/ 26px Trebuchet MS;
	background-color:#88584D;
	text-decoration:none;
}

#header #specialthisweek {
	margin-top: 15px;
}

#header #specialthisweek a {
	color: #442518;
}

/*  =======================================================================
	Main contains the left- and right navigation, as well as the content part
	in the middle of the page
*/
#main {
	clear: both;
	width: 920px;
	margin: 0px; 
	padding: 10px 0 0 0;
}

#containertellfriend #main {
	width: 530px;
	height: 339px;
	margin: 0px;
	background: url(../images/tellafriend.png) 0px 0px no-repeat;
}

#containertellfriend #borders {
	width: 530px;
	height: 100%;
	margin: 0px;
}

#containertellfriend .t {
	background: url(../images/art/bundle_top.gif) 0 0 repeat-x;
	width: 590px;
}

#containertellfriend .b {
	background: url(../images/art/bundle_bottom.gif) 0 100% repeat-x
}

#containertellfriend .l {
	background: url(../images/art/bundle_left.gif) 0 0 repeat-y
}

#containertellfriend .r {
	background: url(../images/art/bundle_right.gif) 100% 0 repeat-y
}

#containertellfriend .bl {
	background: url(../images/art/bundle_bottom_left.gif) 0 100% no-repeat
}

#containertellfriend .br {
	background: url(../images/art/bundle_bottom_right.gif) 100% 100%
		no-repeat
}

#containertellfriend .tl {
	background: url(../images/art/bundle_top_left.gif) 0 0 no-repeat
}

#containertellfriend .tr {
	background: url(../images/art/bundle_top_right.gif) 100% 0 no-repeat;
	padding: 30px
}

#containertellfriend .t2 {
	background: url(../images/art/bundle_top.gif) 0 0 repeat-x;
	width: 590px;
}

#containertellfriend .b2 {
	background: url(../images/art/bundle_bottom.gif) 0 100% repeat-x
}

#containertellfriend .l2 {
	background: url(../images/art/bundle_left.gif) 0 0 repeat-y;
	height: 450px;
}

#containertellfriend .r2 {
	background: url(../images/art/bundle_right.gif) 100% 0 repeat-y;
	height: 450px;
}

#containertellfriend .bl2 {
	background: url(../images/art/bundle_bottom_left.gif) 0 100% no-repeat;
	height: 450px;
}

#containertellfriend .br2 {
	background: url(../images/art/bundle_bottom_right.gif) 100% 100%
		no-repeat;
	height: 450px;
}

#containertellfriend .tl2 {
	background: url(../images/art/bundle_top_left.gif) 0 0 no-repeat
}

#containertellfriend .tr2 {
	background: url(../images/art/bundle_top_right.gif) 100% 0 no-repeat;
	padding: 30px
}

#containertellfriend .t3 {
	background: url(../images/art/bundle_top.gif) 0 0 repeat-x;
	width: 590px;
}

#containertellfriend .b3 {
	background: url(../images/art/bundle_bottom.gif) 0 100% repeat-x
}

#containertellfriend .l3 {
	background: url(../images/art/bundle_left.gif) 0 0 repeat-y;
	height: 540px;
}

#containertellfriend .r3 {
	background: url(../images/art/bundle_right.gif) 100% 0 repeat-y;
	height: 540px;
}

#containertellfriend .bl3 {
	background: url(../images/art/bundle_bottom_left.gif) 0 100% no-repeat;
	height: 540px;
}

#containertellfriend .br3 {
	background: url(../images/art/bundle_bottom_right.gif) 100% 100%
		no-repeat;
	height: 540px;
}

#containertellfriend .tl3 {
	background: url(../images/art/bundle_top_left.gif) 0 0 no-repeat
}

#containertellfriend .tr3 {
	background: url(../images/art/bundle_top_right.gif) 100% 0 no-repeat;
	padding: 30px
}

#containertellfriend #main .padding {
	padding: 15px 10px;
}

/*
		The left navigation floats on the left site of the most pages.
	*/
#leftnavigation {
	display: inline;
	float: left;
	width: 170px;
	margin: 0 0 0 20px;
}

#leftnavigation h2 {
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0px;
	padding: 3px;
	background-color: #69c;
	color: White;
}

#leftnavigation .currentcategory .current {
	font-weight: bold;
}

#leftnavigation li,#leftnavigation ul,.promo .category ul,.promo .category ul li
{
	margin: 0px;
	list-style: none;
	background: none;
	padding: 0px;
}

#leftnavigation .productlisting {
	text-align: center;
}

.promo .category ul {
	border: 1px solid #644337;
}

#leftnavigation .category h3,.promo .category h3 {
	background: #88584D;
	color: #fff;
	margin-bottom: 0px;
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	padding: 0px;
	/*padding-left: 5px;*/
}
#leftnavigation .category h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

#leftnavigation .category ul li a,#leftnavigation .category ul.sublevel a,.promo .category ul li a,#leftnavigation .category ul.sublevel li ul li a,#leftnavigation .category ul li h4
{
	font-size: 13px;
	color: #61463C;
	background: #F9F4EB;
	display: block;
	border-bottom: 1px solid #EAD7BF;
	padding: 2px;
	text-decoration: none;
	font-weight: normal;
}
/***********************************/

#leftnavigation .category {
	border: 1px solid #422215;
}
#leftnavigation .category h3, .promo .category h3{	
	background: none repeat scroll 0 0 #FFFFFF;
	color: #422215;
}
#leftnavigation .category ul li a, #leftnavigation .category ul.sublevel a, .promo .category ul li a, 
#leftnavigation .category ul.sublevel li ul li a, #leftnavigation .category ul li h4 {
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom: 0 none;
  font-family: "Tahoma";
}
#leftnavigation li{ 
	list-style: none outside none;
	padding: 0 0 3px 6px;
}

#leftnavigation li > a, #leftnavigation li > h3 {
	padding-left:3px;
}
/* ********************************* */
.promo .category ul.sublevel li a
{
	background: #EEE0CC;
	border-bottom: 1px solid #EAD7BF;
}
#leftnavigation .category ul.sublevel a,#leftnavigation .category ul li h4 {
	background: #FFFFFF;
	border-bottom: 0 none;
	padding-left: 15px;
}

#leftnavigation .category ul li h4 {
	font-weight: bold;
	font-size: 12px;
}

#leftnavigation .category ul.sublevel li ul li a {
	background: #F4EBDF;
	border-bottom: 0px;
}

#leftnavigation .category ul li a:hover,.promo .category ul li a:hover {
	text-decoration: underline;
	color: #422215;
}
#leftnavigation .category ul li a{
	color: #9d8d7d;
}

#leftnavigation .category-landing-page ul li a{
	color: #422215;
}

#leftnavigation .category ul li.current a{
	color: #422215;
}
#leftnavigation .category ul a.current, #leftnavigation .category ul li a.current,.promo .category ul li a.current,#leftnavigation .category ul li ul li a.current
{
	font-weight: bold;
	/*background-color: #fde8d6;*/
}

.giftcertificate {
	border: 1px solid #DCC1A7;
	margin: 10px 0 0 0;
	text-align: center;
	padding: 10px 0px;
}
.giftcertificate h3 {
	font-size: 16px;
	font-weight: bold;
}

.giftcertificate img {
	padding: 10px 0px;
}

/*
	The content section for pages with left and right navigation.
	A more general declaration.
*/
.content {
	display: inline;
	float: left;
	margin: 0px 0px 0px 10px;
	width: 530px;
}

#containertellfriend .content {
	width: 300px;
	border-left: 1px solid #DCC1A7;
	padding-left: 10px;
}

#content_norightnav {
	display: inline;
	margin: 0px 0px 0px 20px;
	width: 710px;
}

#content_noleftnav {
	display: inline;
	float: left;
	margin: 0px;
	margin-right:10px;
	width: 730px;
}

#content_nonavs {
	margin: 0px;
	width: 920px;
}

#content_widerightnav {
	display: inline;
	float: left;
	margin: 0px 0px 0px 20px;
	width: 370px;
}

/* content styles added for zabars*/
h4.message {
	background: #ceab8a;
	padding: 3px 10px;
	margin: 5px 0px;
}

h4.warning {
	color: #C70101;
	margin: 5px 0px;
}

.newslettersignup, #productbox, .infomessage {
	background: #E8D5B5;
	padding: 3px;
	margin: 14px 0px;
	margin-top: 5px;
}

.nogiftcerts {
	padding: 15px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
}

.important {
	background: #FFFFC8;
}

#productbox {
	margin: 0px 0px 14px 0px;
}

.newslettersignup label, .newslettersignup div,#productbox1 {
	border: 0 none;/*1px solid #644337;*/
	padding: 3px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}

#productbox1 {
	font-size: 12px;
	text-align: center;
	padding: 5px;
}

#productbox1 div {
	margin: 7px 0px;
}

#productbox1 .paging {
	border-bottom: 0px;
	font-weight: bold;
}

#productbox1 .paging a {
	text-decoration: none;
}

#footer .newslettersignup, #footer .newslettersignup label {
	padding: 15px 0px 0px 0px;
	font-weight: bold;
	background: none;
	text-align: center;
	margin: 0px;
}

.leftnavstorebox {
	background: #EDDEC7;
	padding: 20px 5px;
	margin: 14px 0px;
	text-align: center;
	font-size: 13px;
}

.leftnavstorebox div {
	padding: 5px 15px 0px 15px;
}

.content .promo {
	text-align: center;
	font-size: 15px;
	padding: 0px 10px;
}

.content .promo .description {
	padding-top: 20px;
}

a.brownlink,.valueaddlinks a {
	color: #442518;
}

.content .promo a {
	font-weight: bold;
}

#pt_service .content #payment table,#pt_checkout .content .checkout table,#cart table,#pt_service .content #orderhistory table
	{
	width: 100%;
}

#checkout table .promotion, #cart table .promotion, #checkoutstep5 table .promotion, #orderhistory table .promotion, #checkout table .priceadjustment, #checkoutstep5 table .priceadjustment, #cart table .priceadjustment, #orderhistory table .priceadjustment, #orderconfirm table .priceadjustment {
	color: #f00;
}
table .strike {
	text-decoration: line-through;
}

#pt_service .content #payment table th,#cart table th,#pt_service .content #orderhistory table th
	{
	background: #784D43;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 6px;
	margin: 0px;
	text-align: left;
}

#pt_service .content #payment table td,#pt_checkout .content .checkout table td,#cart table td,#pt_service .content #orderhistory table td
	{
	vertical-align: top;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
.category_box,.category_box_results {
	background: #fff; /* stop ie bug that cuts borders in half */
}
.category_box{
	border: 1px solid #422215;
}

.category_box_results {
	margin: 0px 0px 15px 0px;
}

.content #search .category_box_results .productlisting {
	border-bottom: 0px;
	padding-left: 5px;
	width: auto;
}

.content #search .category_box_results .productlisting .product {
	width: 116px;
}

.category_box h2 {
	background: #784D43;
	color: #fff;
	font-size: 19px;
	font-weight: normal;
	padding: 6px;
	margin: 0px;
}

.content .category_box .productlisting {
	padding: 0px 63px;
	background: #ffffff;
	/* ie wont expand container unless contained has bg color */
}

.content .category_box .productlisting .product {
	padding: 4px 25px 4px 4px;
	margin: 10px 15px 10px 0px;
}

* html .content .category_box .productlisting .product {
	padding: 4px 4px 4px 4px;
	margin: 10px 10px 10px 0px;
}

.content .category_box .productlisting .endproduct {
	border-right: 0px;
	margin-right: 0px;
	padding-right: 0px;
}

/* end added for zabar's */
.contentwelcomepage {
	width: 720px;
	background-color: green;
	margin-left: 0px;
}

.content .contentwelcomepage {
	width: 720px;
	background-color: yellow;
	margin-left: 0px;
}

.content .productlisting {
	margin: 0px;
	text-align: center;
	clear: both;
}

/* Content has a special product listing from right to left */
.content .productlisting .product {
	float: left;
	padding: 4px;
	width: 152px;
	text-align: center;
	margin: 8px;
	display: inline;
}

img.bordered_img {
	border: 1px solid #644337;
	padding: 0px;
	margin: 0px;
}

.content .productlisting .product h3 a {
	font-size: 15px;
	font-weight: bold;
	line-height: 22px;
}

/*
	Text from the content management system. Not preformatted. Simple style.
*/
.content .text {
	margin: 20px;
}

.content .text h1 {
	font-size: 30px;
	font-weight: normal;
	margin: 15px 0px 5px 0px;
}

.content .text h2 {
	font-weight: bold;
	margin: 15px 0px 5px 0px;
}

.content .text h3 {
	font-weight: bold;
	margin: 15px 0px 5px 0px;
}

.content .text h4 {
	font-weight: bold;
	margin: 15px 0px 5px 0px;
}

.content .text p {
	margin: 5px 0px 15px 0px;
}

.content .text a {
	color: darkblue;
	text-decoration: underline;
}

.content .text table {
	width: 70%;
	border: none;
}

.content .text table td {
	vertical-align: top;
	padding: 5px 0px;
}

.content .text table th {
	padding: 5px 0px;
	font-weight: bold;
}

.content .text table td.key {
	font-weight: bold;
}

.content .orangebold {
	color: #FF6600;
}

/*
	The right navigation floats on the right site of the most pages.
*/
#rightnavigation {
    display: inline;
    float: right;
    margin: 27px 1px 1px;
    padding-right: 15px;
    width: 160px;
}

#rightnavigation .productlisting .product {
	border: 1px solid #DCC1A7;
	padding: 7px 5px;
	margin: 0px 0px 10px 0px;
	text-align: center;
}

#rightnavigation .mayalsolike .productlisting .product {
	border: 0px;
	border-bottom: 1px solid #784D43;
	margin: 7px 15px;
	padding: 15px 0px 20px 0px;
	text-align: center;
}

#rightnavigation .mayalsolike .productlisting #endproduct {
	border: 0px;
}

#rightnavigation .productlisting .product .shortdescription {
	font-size: 13px;
	padding: 5px 10px;
}

#rightnavigation .productlisting .product .image .medium,
#category1 .productlisting .product .image .medium
{
	border: 0px;
}

#rightnavigation .productlisting .product h3.name {
	font-size: 13px;
	font-weight: bold;
	font-family: tahoma;
	margin: 5px 0px 0px 0px;
}

#rightnavigation .productlisting .product .price {
	margin-top: 10px;
}

/*  =======================================================================
	The footer is located below all elements on the page and full width.width: 9
*/
#footer {
	margin: 10px 0px;
}

#footer .menu {
	border-bottom: 1px solid #DCC1A7;
	border-top: 1px solid #DCC1A7;
	padding: 5px;
	margin: 0px;
}

#poweredby {
	float: left;
	width: 200px;
}

#footer .navigation {
	font-size: 12px;
	display: inline;
	float: right;
	width: 660px;
}

#footer .navigation ul {
	margin: 0px;
	padding: 0px;
	border: none;
}

#footer .navigation li {
	display: inline;
	margin: 0px;
	padding: 0px 6px;
	list-style: none;
	background: url(../images/spacer1.gif) 100% 0% no-repeat;
}

#footer .customerservicephone {
	font-size: 14px;
}

/*
	Special message pan for displaying error messages - havent included error messages in zabars so far bbut Imagine they will be used
*/
.content #message p.problem {
	margin: 10px;
	font-size: 14px;
	font-weight: bold;
}

.content #message p.recommendation {
	margin: 10px;
}

.paging {
	font-weight: normal;
	border-bottom: 1px solid #422215;
}

#paging_bottom {
	border: 0px;
}

.paging ul {
	margin: 0px;
	padding: 0px;
}

.paging li {
	display: inline;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: none;
	line-height: 20px;
}

.paging li.previous {
	margin-right: 10px;
}

.paging li.next {
	margin-left: 10px;
}

.paging .divider {
	margin: 0px 5px;
	padding: 0px;
}

.paging .spacer {
	margin: 0px 5px;
	padding: 0px;
}

.paging a {
	color: #FF6600;
}

.paging li.current span {
	font-weight: normal;
}

.paging li.current span.divider {
	text-decoration: none;
}

/*
	Common page element
*/
#pageservices {
	margin: 10px 0px;
}

#pageservices img {
	margin: 0px 5px 0px 0px;
}

#pageservices div.printpage {
	float: left;
	width: 130px;
}

#pageservices div.tellafriend {
	float: left;
	width: 130px;
}

#pageservices a {
	color: #442518;
	font-size: 13px;
	font-weight: bold;
}

.paymentoptions {
	text-transform: uppercase;
	vertical-align: top;
	font-weight: bold;
	margin-left: 10px;
	padding: 0px;
}

.paymentoptions .key {
	margin-right: 5px;
}

.paymentoptions img {
	vertical-align: middle;
	margin-left: 10px;
}

.content .navigationbuttons .rightimage {
	float: right;
}

.content .navigationbuttons .rightbutton {
	float: right;
}

.content .navigationbuttons .leftimage {
	float: left;
}

.content .navigationbuttons .leftbutton {
	float: left;
}

/* Message pane */
.messagebox {
	border: 1px solid #c41b0b;
	margin: 5px 10px;
	color: #c41b0b;
	padding: 10px;
}

.messagebox .buttons {
	text-align: right;
}

.messagebox .okbutton {
	display: none;
}

.messagebox .cancelbutton {
	display: none;
}

.accountcreation,.logintostorefront,.contactus,.customerservice {
	border: 1px solid #784D43;
	width: 345px;
	float: left;
}

.logintostorefront {
	float: right;
}

.accountcreation h3,.logintostorefront h3,.contactus h1 {
	background: #784D43;
	color: #fff;
	font-size: 19px;
	font-weight: normal;
	padding: 6px;
	margin: 0px;
}

.logintostorefront .login,.accountcreation .accountcreation-create,.contactus .contactdetails
	{
	margin: 15px;
}

.logintostorefront .login p,.accountcreation .accountcreation-create p,.contactus .contactdetails p
	{
	margin-bottom: 15px;
	font-size: 13px;
}

.logintostorefront .login .warning {
	color: red;
}

.logintostorefront .login label,.accountcreation .accountcreation-create label
	{
	font-size: 15px;
	line-height: 21px;
}

.loginbox {
	padding: 4px;
	width: 150px;
	margin: 4px 0px;
	border: 1px solid #784D43;
}

.anonymouscheckout {
	border: 1px solid #C0D4E8;
	width: 300px;
	padding: 10px;
	margin: 10px 10px 10px 20px;
}

.anonymouscheckout .anonymouscheckout-checkout {
	margin: 10px;
}

.anonymouscheckout .anonymouscheckout-checkout p {
	margin: 0px;
}

.addresslisting .button {
	display: none;
}

.addresslisting .addressgrouping .remove {
	text-align: right;
}

.addresslisting .addressgrouping .remove a {
	text-decoration: none;
}

.addresslisting .addressgrouping .selectaddress {
	text-align: right;
}

.addresslisting .addressgrouping .addressinfo {
	font-size: 10px;
	text-align: right;
	display: block;
}

.miniaddress:hover {
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.miniaddress .addressname {
	font-size: 11px;
	color: #69c;
	margin-bottom: 5px;
}

.miniaddress .name .company {
	margin-right: 5px;
}

.miniaddress .name .firstname {
	margin-right: 5px;
}

.miniaddress .address .street {
	margin-top: 5px;
}

.miniaddress .address .location .city {
	display: inline;
}

.miniaddress .address .location .statedivider {
	display: inline;
	margin-right: 5px;
}

.miniaddress .address .location .state {
	display: inline;
	margin-right: 5px;
}

.miniaddress .address .location .zip {
	display: inline;
}

.miniaddress .address .country {
	margin-top: 5px;
}



/** .miniaddress div { position: relative; width: 20px; float: left; }
.miniaddress .addressname {font-size: 12px;color: #69c;}
.miniaddress .name .company {margin-right: 5px;}
.miniaddress .name .firstname {margin-right: 5px;}
.miniaddress .address .street {margin-top: 5px;}
.miniaddress .address .location .city {display: inline;}
.miniaddress .address .location .statedivider {display: inline;margin-right: 5px;}
.miniaddress .address .location .state {display: inline;margin-right: 5px;}
.miniaddress .address .location .zip {display: inline;}
.miniaddress .address .country {margin-top: 5px;}	**/
/*
	Registration form, used on many pages
*/
.registrationform {
	padding: 5px 0px;
}

.registrationform .formbutton {
	background: url(../images/button_orange.png) 0px 0px no-repeat;
	width: 57px;
	height: 20px;
	border: 0px;
	color: #fff;
	line-height: 20px;
	font-weight: bold;
	margin: 10px 0px;
	cursor: pointer;
}

.registrationform h2 {
	font-weight: normal;
	margin-top: 10px;
}

.registrationform table {
	margin: 7px 0px;
	width: 100%;
	font-size: 12px;
	/* border-bottom: 1px solid #DCC1A7; */
}

.registrationformspacer table {
	margin: 7px 0px;
	width: 100%;
	font-size: 12px;
	border-bottom: 1px solid #DCC1A7;
}

.registrationform table .warning {
	color: red;
}

.registrationform table td {
	padding: 3px 10px 4px 0px;
	white-space: nowrap;
	vertical-align: top;
}

.registrationform table td.key {
	padding-top: 5px;
	width: 14em;
	font-weight: bold;
}

.registrationform table td.value {
	font-size: 9px;
	vertical-align: top;
	padding-right: 5px;
}

.registrationform table td.value input {
	width: 12em;
}

.registrationform table td.value input.zip {
	width: 6em;
}

.registrationform table td.value select.state {
	width: 8em;
}

.registrationform .sameasshipping {
	font-weight: bold;
	padding: 10px 0px;
}

.registrationform .label {
	padding-left: 10px;
}

.orderoverview {
	clear: both;
	border: 1px solid #c0d4e8;
	margin: 10px;
	padding: 10px;
}

.orderoverview .edit {
	text-align: right;
	clear: right;
}

.orderoverview .h3like {
	text-transform: uppercase;
	color: #69c;
}

.orderoverview
 
.itemname
  /*formats non-clickable products (giftcert) like products (as href)*/
{
color
:
 
darkblue
;

	
}
.orderoverview table {
	width: 100%;
	margin: 5px auto;
}

.orderoverview table th {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #ddd;
	padding: 2px 5px;
}

.orderoverview table td {
	padding: 3px 5px;
	vertical-align: top;
}

.orderoverview table tfoot td {
	background-color: #f0f0f0;
}

.orderoverview table td.shippinggrouping {
	background-color: #f0f0f0;
}

.orderoverview table td.shippinggrouping .key {
	font-weight: bold;
}

.orderoverview table td.key {
	text-align: right;
}

.orderoverview table td.shipto {
	
}

.orderoverview table td.shipto .shiptoaddress {
	margin: 0px;
	padding: 0px;
}

.orderoverview table td.shipto .shiptoaddress .addresslisting {
	margin: 0px;
	padding: 0px;
}

.orderoverview table td a {
	color: darkblue;
}

.orderoverview table td.quantitycolumn {
	text-align: center;
}

.orderoverview table td.ordertotal {
	font-weight: bold;
}

.orderoverview table td.merchandizetotal {
	white-space: nowrap;
	text-align: right;
}

.orderoverview table td.subtotal {
	font-weight: bold;
}

.orderoverview table td.price {
	white-space: nowrap;
	text-align: right;
}

.orderoverview table td.shippingtotal {
	white-space: nowrap;
	text-align: right;
}

.orderoverview table td.orderdiscount {
	white-space: nowrap;
	text-align: right;
}

.orderoverview table td.taxtotal {
	white-space: nowrap;
	text-align: right;
}

.billingoverview {
	width: 90%;
	margin: 0px auto;
}

.billingoverview .invoicetoaddress {
	display: inline; /* ie hack */
	float: right;
	width: 280px;
	height: 206px;
	background: #F4EBDF;
	margin: 10px;
	padding: 10px;
	border: 1px solid #522E20;
}

.billingoverview .invoicetoaddress h3 {
	margin-top: 0px;
}

.billingoverview .paymentmethod {
	padding: 0px;
	margin: 0px;
}

.billingoverview .paymentmethod .payment {
	padding: 0px;
	margin-left: 10px;
}

.shippingoverview {
	display: inline; /* ie hack */
	float: left;
	width: 280px;
	height: 206px;
	background: #F4EBDF;
	margin: 10px;
	padding: 10px;
	border: 1px solid #522E20;
}

.shippingoverview .shiptoaddress {
	margin: 3px 0px;
}

.shippingoverview .deliverymethod .name {
	margin-left: 10px;
	padding: 0px;
}

.formdataerrors {
	border: 1px solid red;
	margin: 10px 10px 10px 10px;
	padding: 6px;
	font-size: 11px;
}

.formdataerrors h4 {
	margin: 5px 0px 10px 0px;
	color: red;
	font-weight: normal;
}

.formdataerrors ul {
	list-style-position: inside;
	margin-left: 10px;
}

.backordermessage {
	color: red;
	font-size: 12px;
	font-weight: normal;
	padding-top: 2px;
}

.errormessage {
	border: 1px solid red;
	padding: 10px;
	margin: 10px 10px;
	color: red;
}

.errormessage h4 {
	color: red;
	font-size: 12px;
	font-weight: normal;
}

.errormessage ul {
	list-style-position: inside;
	list-style-type: circle;
	margin-left: 10px;
}

.errormessage li {
	color: Black;
}

.content .ordertotals tr.completetotal td {
	border-top: 1px solid #000;
}

.content .ordertotals tr.completetotal td {
	border-top: 1px solid #000;
}

.tellfriendform {
	margin: 15px 0px;
}

.tellfriendform table td {
	padding: 3px;
}

#containertellfriend .key {
	padding-left: 0px;
}

#containertellfriend textarea {
	width: 250px;
	height: 50px;
}

.printpage {
	float: right;
	width: 200px;
	text-align: right;
}

.couponformmessage {
	float: left;
	width: 320px;
	text-align: right;
	vertical-align: top;
	margin-top: 1px;
}

.couponform {
	/*float: right;*/
	width: 650px;
	margin-top: 5px;
	vertical-align: top;
}

.couponform input.imagebutton_big {
	margin: 0px;
}

input.imagebutton_big, a.imagebutton_big, button.imagebutton_big {
background: url(../images/button.png) 0px 0px no-repeat;
width: 85px;
margin: 0px;
}

input.imagebutton_big2 {
background: url(../images/button_70.png) 0px 0px no-repeat;
}


input.imagebutton_orange_big {
background: url(../images/button_orange_big.png) 0px 0px no-repeat;
width: 85px;
margin: 0px;
}

input.imagebutton_wide, input.imagebutton_orange_wide {
background: url(../images/button_wide.png) 0px 0px no-repeat;
width: 135px;
margin: 0px;
}

input.imagebutton_orange_wide {
background-image: url(../images/button_orange_wide.png);
}

input.imagebutton_orange {
background: url(../images/button_orange.png) 0px 0px no-repeat;
width: 57px;
margin: 0px;
}

.content #checkoutstep3 table.totals {
	width: 360px;
	margin: 0px 0px 0px auto;
}

.content #checkoutstep5 .orderreview table .totalwords,.content #checkoutstep3 .shippingcharges table .totalwords,#cart .totalwords
	{
	width: 200px;
	text-align: right
}

.content #checkoutstep2 .shippingcharges table th.extendedprice,.content #checkoutstep3 .shippingcharges table .extendedprice,.content #checkoutstep5 .orderreview table .extendedprice,#cart .extendedprice, #orderconfirm .extendedprice
	{
	width: 100px;
	text-align: right;
}

.content #checkoutstep2 .shippingcharges .totalnumber,.content #checkoutstep3 .shippingcharges .totalnumber,.content #checkoutstep5 .orderreview .totalnumber,#cart .totalnumber
	{
	font-weight: bold;
	padding-left: 10px;
	margin-right: 20px;
}

.content #checkoutstep2 .shippingform .ordertotals,.content #checkoutstep5 .ordertotals,.content #checkoutstep3 .ordertotals,#cart .ordertotals
	{
	width: 320px;
	float: right;
	border: 1px solid #644337;
	padding: 0px 7px;
	margin: 10px 0px 10px auto;
	text-align: right;
}

.discountdescription {
	color: #D80101;
}

.qtyupdate {
	padding-top: 5px;
	padding-left: 5px;
}

.dividerline {
	border-bottom: 1px solid #644337;
	width: auto;
	margin: 10px 0px 10px 0px;
}

/************************************/
.default_font{
	-x-system-font:none;
	color:#422215;
	font-family:tahoma,arial;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:17px;
}

.addresslisting, .addresslisting_selected {
	position: relative;
	border: solid 1px #644337;
	height: 140px;
	width: 160px;
	max-width: 280px;
	margin: 3px 3px 3px 3px;

}  
.addresslisting:hover { 
	border: solid 1px #f48d32;
	background-color: lightyellow; 
}

.addresslisting  div.edit, .addresslisting_selected div.edit { 
	position: absolute;
	bottom: 3px;
}

.addresslisting  div.edit a , .addresslisting_selected div.edit a, .selectedaddr { 
	margin: 3px 3px 30px 30px; 
	border: dotted 1px #f48d32;
}

.editaddress .caption {
    font-size:10px;
}
.scrollablelistcontainer {
	height:400px;
	overflow:scroll;
	float:left;
	clear:both;
}

.sku .value {
	float:none;
}

/****/
.widget-x{
	border:1px solid #E8E8E8;
	border-top:12px solid #E8E8E8/*lightsteelblue*/;
	background:url("../images/background_grid.gif") repeat scroll 100% 0% #F0F0F0;/*#E8E8E8*/
	/**
	height:100px;
	width:100px;
	min-height:50px;
	margin:auto;
	**/
}

.defered{
	border:1px solid #E8E8E8;
	border-top:12px solid #E8E8E8/*lightsteelblue*/;
	background:url("../images/background_grid.gif") repeat scroll 100% 0% #F0F0F0;/*#E8E8E8*/
	height:100%;
	width:97%;
	min-height:50px;
	margin:0px;
	padding:0px;
}

