@charset "UTF-8";

/* ----------------------------------------GLOBAL PROPERTIES---------------------------------------------------------------- */

* { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222222; text-align:center; }
ul { list-style:none; }
img, fieldset { border:none; }
input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; border:none; }
a { color:#5c5435; text-decoration:none; }
a:hover { color:#5c5435; text-decoration:underline; }
p, li { line-height:20px; }
.clear { clear:both; height:1px; }
h2 { font-size:26px; font-weight:normal; }
h3 { font-size:25px; font-weight:normal; }
h4 { font-size:20px; font-weight:normal; }
h5 { font-size:18px; font-weight:normal; }
h6 { font-size:15px; }

/* ----------------------------------------END GLOBAL PROPERTIES---------------------------------------------------------------- */



/* ----------------------------------------STRUCTURE SITE ---------------------------------------------------------------- */


#main { width:auto; margin:auto; }	
	#header { width:auto; height:165px; background:url(../images/bgd_header.gif) top repeat-x; text-align:left; }
		#headerContent { width:940px; height:122px; margin:auto; padding:43px 0 0 0; background:url(../images/bgd_headerContent.gif) top no-repeat; }
			#headerContent h1 { float:left; margin:0 0 25px 0; }
			#headerContent li { display:inline; }
			#topLinks { width:466px; margin:6px 0 0 0; float:right; overflow:hidden; font-size:11px; }
				#shoppingCart a { 
					float:right; display:block; background:url(../images/bgd_right_shoppingCart.gif) right top no-repeat; text-align:right; 
					margin:0 0 0 3px; height:33px; color:#FFFFFF; 
					_width: 176px;
				}
				#shoppingCart span { background:#830d32 url(../images/bgd_left_shoppingCart.gif) left top no-repeat; height:27px; display:block; padding:6px 0 0 15px; margin:0 47px 0 0; cursor:pointer; }
				#wholesaleLogin a { width:190px; height:27px; background:url(../images/bgd_wholesaleLogin.gif) no-repeat; float:right; color:#FFFFFF; margin:0 0 0 3px; text-align:center; display:block; padding:6px 0 0 0; }
			
			#nav { width:940px; height:31px; overflow:hidden; padding:11px 0 0 0; text-align:center; }
			#nav a { color:#FFFFFF; margin:0 11px 0 11px; }
			
			
			#mainContent { width:auto; }
				#content { width:940px; margin:auto; padding:15px 0; text-align:left; }
				#content p { margin:20px 0 0 0; }
				
				#leftContent { width:220px; float:left; }
				#rightContent { width:720px; float:left; min-height: 500px; padding-bottom: 40px; _height: 500px; }
				
				#subNav { width:180px; padding:0 20px 100px 20px; background:url(../images/bgd_middle_linksBlock.gif) repeat-y; }
					#subNav h6 { margin:0 0 10px 0; }
					#subNav li { width:180px; background:url(../images/bgd_list_subNav.gif) bottom repeat-x; }
					#subNav li a { width:180px; padding:3px 20px 3px 0; width:160px; display:block; color:#222222; }
					#subNav li a:hover { text-decoration:underline; }
					#subNav li div {display: none; padding: 0 0 0 15px;}
					#subNav li div li {width:165px;}
					#subNav li div li a {width:155px;}
					#subNav li div li ul {padding: 0 0 0 15px;}
					#subNav li div li ul li, #subNav li div li ul li a {width:140px;}
					 #subNav li div li ul li a.active { background:url(../images/bgd_icon_subNav.gif) 132px 4px no-repeat; text-decoration:none; font-weight:bold; }
					#subNav a.active { background:url(../images/bgd_icon_subNav.gif) 148px 4px no-repeat; text-decoration:none; font-weight:bold; }


			#introduction { width: 100%; background:#e3d7a7 url(../images/bgd_intro.gif) repeat-x; }
				#introductionContent { 
					width:940px; 
					margin: 0 auto; 
					text-align:left; 
					background:url(../images/bgd_introContent.gif) repeat-y;  
					/*position:relative; */
				}
				
				#introText { 
					width:440px; 
					float:left; 
					padding:25px 40px 30px 0; 
					font-size:11px; 
					background:#e3d7a7 url(../images/bgd_intro.gif) repeat-x; 
				}
				#introText h3 { margin:0 0 10px 0; }
				#introText p { margin:10px 0 0 0; }
				#introText p a { background:url(../images/list_01.gif) left top no-repeat; padding:0 0 6px 20px; }
				
				#shoppingList { width:380px; background:#63730b; float:right; padding:20px 40px 0px 40px; color:#FFFFFF; }
				#shoppingList h4 { margin:-7px 0 0 0; }
				#shoppingList div { /*width:195px; float:right;*/ padding:3px 0 0 0; position: relative; left: -10px;  }
				#shoppingList div p { margin:13px 0 0 0;}
				#shoppingList div img { position: relative; left: -10px; }
				
				#introductionContent .shoppingVisual { 
					position:absolute; 
					left:482px; 
					bottom:0; 
					_bottom:-21px; 
					width:218px; 
					height:178px; 
				}
				#introductionContent .shoppingVisual img { 
					position:absolute; 
					left: 0px; 
					bottom: 0px; 
					display: block;
				}
				
				
	#footer { width:auto; background:#10110c; }
		#footerContent { width:940px; margin:auto; padding:25px 0; text-align:left; font-size:11px; color:#363a28; }
		#footerContent div { width:180px; float:left; }
		#footerContent div.extendFoot { width:540px; float:left; }
		#footerContent p { margin:0 0 8px 0; }
		#footerContent p a { color:#5a5d44; font-weight:bold; }
		#footerContent li a { color:#363a28; }
		div#copyright { width:200px; float:right; text-align:right; }
		div#copyrightExtend { width:380px; float:right; text-align:right; }
		div#copyright li a, div#copyrightExtend li a { background:url(../images/logo_bliss.gif) right top no-repeat; padding:0 32px 0 0; }
		

/* ----------------------------------------END STRUCTURE SITE ---------------------------------------------------------------- */




/* ----------------------------------------HOMEPAGE ---------------------------------------------------------------- */

				#contentHome { width:940px; margin:auto; padding:15px 0; text-align:left; }
					#leftHome { width:720px; float:left; }
					#leftHome p { margin: 0 0 15px 0 }
					#rightHome { width:220px; float:left; }
					#bar { width:700px; height:39px; margin:0 0 30px 0; }
					
					#flashBanner { width:700px; height:295px; margin:0 0 20px 0; } 
					#whosaleFlash { width:340px; height:295px; float:left; }
					#directFlash { width:340px; height:295px; float:right; } 
					
					#search { width:220px; background:url(../images/bgd_top_search.gif) top no-repeat; margin:0 0 14px 0; padding:15px 0 0 0; }
						#search h6 { background:url(../images/title_search.png) no-repeat; width:150px; height:20px; }
						#search h6 span { display:none; }
						#search form { width:180px; background:#b2093e url(../images/bgd_bottom_search.gif) bottom no-repeat; padding:0 20px 18px 20px; }
						#search input { width:135px; height:22px; background:url(../images/bgd_input_search.png) no-repeat; float:left; margin:4px 0 0 0; padding:7px 0 0 10px; }
						#search .btn { width:30px; height:29px; float:right; cursor:pointer; margin:4px 0 0 0; padding:0; background:url(../images/btn_search.png) no-repeat; }
			
					
					#retailer { width:220px; background:url(../images/bgd_top_retailer.gif) top no-repeat; margin:0 0 14px 0; color:#FFFFFF; font-size:11px; padding:15px 0 0 0; }
						#retailerContent { width:200px; background:#8ca117 url(../images/bgd_bottom_retailer.gif) bottom no-repeat; padding:0 0 18px 20px; }
						#retailerContent h6 { background:url(../images/title_retailer.png) no-repeat; width:150px; height:20px; }
						#retailerContent h6 span { display:none; }
						#retailerContent img { margin:25px 0 0 0; }
						#retailerContent p { line-height:16px; }
						#retailerContent li img  { margin:0; }
						#retailerContent ul { width:200px; display:block; overflow:hidden; }
						#retailerContent li { display:inline; line-height:normal; }
						#retailerContent li a { float:left; margin:7px 5px 0 0; }
					
					
					#thumnailProducts { width:720px; }
						#thumnailProducts div { width:220px; float:left; text-align:center; padding:0 10px; margin:25px 0 0 0; height: 280px;}
						#thumnailProducts h5 { margin:0 0 0 30px; }
						#thumnailProducts div p { 
							background:url(../images/bgd_thumnail_product.gif) no-repeat center top; 
							width: 150px; 
							height: 150px; 
							text-align:center; 
							padding: 10px 0; 
							display: block;
							margin: 0 auto;
						}
						#thumnailProducts div a { color:#b50a40; text-decoration:underline; }
						#thumnailProducts div a:hover { text-decoration:none; }
						#thumnailProducts .price { font-size:20px; color:#d20000; line-height:35px; }
						#thumnailProducts .price2 { font-size:14px; color:#d20000; line-height:35px; }
						#thumnailProducts .price span, #thumnailProducts .price2 span { color:#000000; text-decoration:line-through; }
					
					
					#mainBlock { width:220px; background:url(../images/bgd_top_linksBlock.gif) top no-repeat; font-size:11px; padding:20px 0 0 0; float:right; }
						#contMainBlock { width:220px; background:url(../images/bgd_bottom_linksBlock.gif) bottom no-repeat; padding:0 0 20px 0; }
						#dataMainBlock { width:180px; padding:0 20px; background:url(../images/bgd_middle_linksBlock.gif) repeat-y; }
						#dataMainBlock h6 { padding:3px 0 0 0; }
						#dataMainBlock .titleRecipe { width:150px; background:url(../images/icon_recipes.gif) left top no-repeat; padding:0 0 0 30px; }
						#dataMainBlock .titleNews { width:150px; background:url(../images/icon_news.gif) left top no-repeat; padding:0 0 0 30px; margin:25px 0 0 0; }
						#dataMainBlock ul { width:180px; }
						#dataMainBlock li { line-height:18px; padding:13px 0 0 0; }
						#dataMainBlock li img { float:left; border:3px solid #afab9d; }
						#dataMainBlock li a.newsTitle { color:#5c5435; text-decoration:underline; float:right; margin:5px 0 0 10px; width:120px; }
						#dataMainBlock li a.newsTitle:hover { text-decoration:none; }
						
/* ----------------------------------------END HOMEPAGE ---------------------------------------------------------------- */





/* ---------------------------------------- PRODUCT GROUP ---------------------------------------------------------------- */


						#title { width:690px; margin:20px 0 0 30px; font-size:11px; }
						#title ul { width:690px; overflow:hidden; margin:0 0 12px 0; }
						#title li { display:inline; line-height:normal; }
						#title li a { float:left; background:url(../images/list_02.gif) right 5px no-repeat; padding:0 8px 0 0; margin:0 7px 0 0; color:#888888; }
						#title li span { float:left; color:#888888; }

						
						#productDetail { width:690px; margin:20px 0 20px 30px; background:url(../images/bgd_separate.gif) bottom no-repeat; padding:0 0 50px 0; }
							#leftProDetail { width:390px; float:left; margin:5px 0 0 0; }
							#leftProDetail span { font-size:11px; }
							#leftProDetail h4 { margin:5px 0; }
							#leftProDetail h4 span { font-size:20px; color:#d20000; text-decoration:line-through; }
							#leftProDetail p { margin:20px 0 0 0; width:350px; }
							
							#leftProDetail form { width:350px; height:70px; margin:20px 0 0 0; background:url(../images/bgd_shoppingSelector.gif) no-repeat; text-align:center; padding:15px 20px 0 20px; }
							#leftProDetail form h6 { width:182px; height:20px; background:url(../images/title_add_shopping.png) no-repeat; margin:0 auto 8px auto; }
							#leftProDetail form h6 span, #leftProDetail form label span { display:none; }
							#leftProDetail label { display:block; float:left; height:16px; margin:8px 0 0 0; }
							#leftProDetail .type { width:34px; background:url(../images/label_type.png) no-repeat; }
							#leftProDetail .quality { width:54px; background:url(../images/label_quality.png) no-repeat; }
							#leftProDetail .quantity { width:84px; background:url(../images/label_quality.png) no-repeat right; }
							#leftProDetail select { float:left; width:70px; height:27px; border:none; margin:2px 13px 0 0; }
							#leftProDetail input { float:left; width:66px; height:21px; background:url(../images/bgd_input_quality.png) no-repeat; padding:8px 0 0 5px; }
							#leftProDetail input.btnShopping { float:right; width:100px; height:25px; background:url(../images/btn_shoppingList.png) no-repeat; margin:2px 30px 0 0; padding:0; cursor:pointer; }
							
							#rightProDetail { width:280px; height:278px; background:url(../images/bgd_large_product.gif) no-repeat; padding:15px 0; text-align:center; float:right; }

							#paging { background:url(../images/bgd_separate.gif) top no-repeat; width:690px; margin:30px 0 10px 30px; padding:30px 0 0 0; font-size:11px; color:#888888; }
							#paging ul { width:200px; float:left; overflow:hidden; }
							#paging li { display:inline; line-height:normal; }
							#paging li a { float:left; margin:0 3px; color:#888888; }
							#paging li strong { float:left; margin:0 3px; color:#888888; }
							#paging li img { float:left; margin:5px 3px 0 3px; }
							#paging li span { float:left; width:35px; }
							#paging p { float:right; text-align:right; margin:0; line-height:normal; }
							#paging p span, #paging .active a { font-weight:bold; }
							
							.changePage { width:705px; margin:0 25px 20px 20px; padding:20px 0 0 0; border-top:1px solid #e2e2e2; color:#67514a; font-size:11px; }
							.changePage li { display:inline; }
							.changePage li a { float:left; margin:0 6px; display:block; }
							.changePage li strong { float:left; margin:0 6px; display:block; }
							.changePage li span { float:left; width:50px; display:block; }
							.previous a { background:url(../images/btn_previous_changePage.gif) left no-repeat; padding:0 0 0 13px; }
							.next a { background:url(../images/btn_next_changePage.gif) right no-repeat; padding:0 13px 0 0; }	
							.selected a { font-weight:bold; }
							
/* ---------------------------------------- END PRODUCT GROUP ---------------------------------------------------------------- */




/* ---------------------------------------- CONTENT PAGES GROUP ---------------------------------------------------------------- */

					
					#contentStyle { width:690px; margin:0 0 0 30px; }
						#contentStyle dl, #contentStyle ul { margin:20px 0 0 0; }
						#main .faq dt { margin:0 0 8px 0; background:url(../images/icon_faq_n.gif) 0 6px  no-repeat; padding:0 0 0 12px; }
						#main .faq dd { margin:0 0 20px 12px; display:none; }
						#main .faq dd p { margin:0 0 10px 0; }
						#contentStyle dt.selective { font-weight:bold; background:url(../images/icon_faq_o.gif) 0 6px  no-repeat; }

/* ---------------------------------------- END CONTENT PAGES GROUP ---------------------------------------------------------------- */

/***** FORM *******/
form.customForm {
	margin-top: 15px;
}

form.customForm label {
	width: 100px;
	line-height: 24px;
	float: left;
	clear: left;
	padding-right: 15px;
	text-align: right;
	margin-bottom: 5px;
}

form.customForm .inputText {
	width: 320px;
	float: left;
	border: 1px solid #cecece;
	margin-bottom: 10px;
	padding: 4px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form.customForm .text {
	width: 320px;
	float: left;
	border: 1px solid #cecece;
	margin-bottom: 10px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form.customForm .inputShortText {
	width: 100px;
}

form.customForm input.inputText {
	height: 16px;
}

form.customForm textarea.inputText {
	height: 100px;
}

form.customForm label.submit {
	width: 443px;
	padding: 0px;
}
form.customForm label.submit input {
	float: right;
	width: auto;
	height: auto;
	border: 0px none;
	padding: 0px;
	margin: 0px;
}

div.formField {
	padding: 0 0 8px 0;
}

div.inputLabel {
	padding: 4px 12px 0 0;
	width: 84px;
	float: left;
	text-align: right;
}

div.inputField {
	width: 192px;
	float: left;
	text-align: left;
}

div.option div.button {
	padding: 0 0 10px 0;
}

#cmsContentArea ul {
	list-style: disc;
	margin: 20px 0 0 20px;
}

#cmsContentArea ol {
	margin: 20px 0 0 25px;
}

#cmsContentArea h2, #cmsContentArea h3, #cmsContentArea h4, #cmsContentArea h5, #cmsContentArea h6 { margin: 20px 0 0 0px; }

#cmsContentArea table h5 {
	font-size: 15px;
	margin: 0;
	font-weight: 600;
}

#cmsContentArea .specialsFont {
	font-size: 12px;
	color: #e21515;
}


.newsListSection {
	padding: 20px 0;
	border-bottom: 1px dotted #c5c3b9;
}

.newsListSection a.newsListTitle {
	font-size: 14px;
	display: block;
	
}

.newsListSection span {
	font-size: 11px;
	color: #383333;
	margin-top: 3px;
}

.newsListSection p {
	font-size: 12px;
	margin: 10px 0 0 0 !important;
}

/** CART **/
table#cart {

}

table#cart th {
	font-size: 14px;
	padding: 10px !important;
	background: #d9d8d2;
}

table#cart td {
	padding: 10px !important;
}

table#cart td.price { color:#d20000; width: 110px; text-align: center;}
table#cart td.price span { color:#000000; text-decoration:line-through; padding: 0 5px; }


/***** FORM *******/
form.customForm {
	margin-top: 15px;
}

form.customForm label {
	width: 100px;
	line-height: 24px;
	float: left;
	clear: left;
	padding-right: 15px;
	text-align: right;
	margin-bottom: 5px;
}

form.customForm .inputText {
	width: 320px;
	float: left;
	border: 1px solid #cecece;
	margin-bottom: 10px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form.customForm .text {
	width: 320px;
	float: left;
	border: 1px solid #cecece;
	margin-bottom: 10px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

form.customForm .inputShortText {
	width: 100px;
}

form.customForm input.inputText {
	height: 16px;
}

form.customForm textarea.inputText {
	height: 100px;
}

form.customForm label.submit {
	width: 443px;
	padding: 0px;
}
form.customForm label.submit input {
	float: right;
	width: auto;
	height: auto;
	border: 0px none;
	padding: 0px;
	margin: 0px;
}

div.formField {
	padding: 0 0 8px 0;
}

div.inputLabel {
	padding: 4px 12px 0 0;
	width: 84px;
	float: left;
	text-align: right;
}

div.inputField {
	width: 192px;
	float: left;
	text-align: left;
}

div.option div.button {
	padding: 0 0 10px 0;
}