/* --- global settings --- */

html, body, div, img, form          { margin: 0; padding: 0; border: 0; text-align: left; vertical-align: top; }
html, body                          { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; }

p, ul, ol, li                       { padding: 0; margin: 0; }
p                                   { margin-bottom: 15px; }

ul, ol 								{ padding: 0; margin: 0 0 15px 0; list-style-image: url(images/bullet.jpg); list-style-position: outside; }
li 									{ padding: 0; margin: 0 0 0 20px; list-style-image: url(images/bullet.jpg); }

a                                   { color: #e3ceb6; font-weight: bold; text-decoration: none; }
a:hover                             { color: #d9ae85; font-weight: bold; text-decoration: underline; }

h1, h2, h3, h4, h5, h6				{ margin: 0; padding: 0; color: #fff; }
h2									{ font-size: 15px; line-height: 18px; font-weight: bold; }

hr									{ clear: both; }

body								{ background: #d2dfd8; min-width: 800px; }
.cell								{ width: 800px; margin: 0 auto; display: table; }

#header								{ width: 100%; background: url(images/header_bg.jpg) center bottom repeat-x; margin-top: 30px; text-align: center; }
	#header .cell					{ height: 164px; text-align: left; }

	#logo							{ margin-left: 22px; float: left; }

	#upper							{ width: 358px; margin: 40px 30px 0 0; float: right; clear: right; }
	#upper ul						{ padding: 0; margin: 0; list-style: none; float: right; }
    #upper li						{ padding: 0 0 0 5px; margin: 0; text-indent: -9909px; float: left; display: inline; }

    #upper li a						{ display: block; height: 17px; }
    #upper li a:focus				{ outline: none; }
    #upper li a:hover,
    #upper li a:active         		{ background-position: top left; }
    
    #registry a						{ width: 53px; background: url(images/nav_registry.jpg) bottom left no-repeat; }
    #contact a						{ width: 69px; background: url(images/nav_contact.jpg) bottom left no-repeat; }
    #blog a							{ width: 81px; background: url(images/nav_blog.jpg) bottom left no-repeat; }
    #sitemap a						{ width: 56px; background: url(images/nav_sitemap.jpg) bottom left no-repeat; }
    #online_store a					{ width: 74px; background: url(images/nav_store.jpg) bottom left no-repeat; }

	#lower							{ width: 489px; margin: 13px 30px 0 0; float: right; clear: right; }
	#lower ul						{ padding: 0; margin: 0; list-style: none; float: right; }
    #lower li						{ padding: 0; margin: 0; text-indent: -9909px; float: left; display: inline; }

    #lower li.sep					{ width: 20px; height: 15px; background: url(images/nav_sep.jpg) center top no-repeat; }

    #lower li a						{ display: block; height: 15px; }
    #lower li a:focus				{ outline: none; }
    #lower li a:hover,
    #lower li a:active         		{ background-position: bottom left; height: 15px; }

	#home a                     	{ width: 39px; background: url(images/nav_home.jpg) top left no-repeat; }
	#about a						{ width: 58px; background: url(images/nav_about.jpg) top left no-repeat; }
    #mattress a						{ width: 69px; background: url(images/nav_mattress.jpg) top left no-repeat; }
    #bedding a						{ width: 56px; background: url(images/nav_bedding.jpg) top left no-repeat; }
    #nursery a						{ width: 48px; background: url(images/nav_nursery.jpg) top left no-repeat; }
    #sleep a						{ width: 68px; background: url(images/nav_sleep.jpg) top left no-repeat; }
    #bath a							{ width: 31px; background: url(images/nav_bath.jpg) top left no-repeat; }

	#title							{ width: 528px; height: 71px; float: right; margin-top: 6px; }

#footer								{ width: 100%; height: 100px; text-align: center; }
	#footer .cell					{ height: 100px; text-align: left; }
    #iqlogo							{ width: 45px; padding-top: 25px; float: left; display: inline; }
    #iqlogo img						{ float: right; }
    #iqcopyright					{ width: 300px; padding-top: 25px; float: left; display: inline; color: #6e6c6c; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; }
    #iqcopyright a					{ color: #6e6c6c; font-weight: normal; text-decoration: none; }
    #iqcopyright a:hover			{ color: #6e6c6c; font-weight: normal; text-decoration: underline; }

#content							{ width: 100%; background: #8da09f url(images/content_bottom.jpg) center bottom repeat-x; text-align: center; }
	#content .cell					{ text-align: left; }
    
    #content #sidebar				{ width: 272px; float: left; display: inline; }
    #content #sidebar .margins      { width: 257px; margin: 0 15px 25px 0; }
    #content #main					{ width: 528px; float: right; display: inline; }
    #content #main .margins         { width: 500px; margin: 0 28px 25px 0; }
    
    #content #main_single			{ width: 800px; float: left; display: inline; padding-bottom: 50px; }
    #content #main_single .margins	{ width: 750px; margin: 25px 25px 50px 25px; }
    
    #content #main .margins ul 		{ list-style-image: url(images/bullet.jpg); }
   
    .left				 			{ float: left; margin: 0 5px 5px 0; }
    .right				 			{ float: right; margin: 0 0 5px 5px; }
    
    #page_title						{ background: #d9ae85; float: left; display: inline; vertical-align: middle; padding: 3px 12px; margin-bottom: 15px; }
    #page_title h1					{ font-size: 16px; font-weight: bold; line-height: 16px; text-transform: uppercase; }
    #page_text						{ clear: both; }
    
    #bottom_dots					{ margin-bottom: 15px; }
    
    #category_listing				{ display: table; padding-bottom: 25px; }
    
    .main							{ width: 170px; float: left; clear: left; display: inline; padding: 0; margin: 0 50px 5px 50px; border: #fff solid 1px; }
    .main .subcat_link				{ width: 150px; text-align: center; padding: 2px 0; margin: 0 auto; }
    .main a .subcat_link			{ color: #ffffff; text-decoration: none; text-transform: uppercase; }
    .main a:hover .subcat_link		{ color: #e3ceb6; text-decoration: none; text-transform: uppercase; }

	ul.subcat_nav					{ width: 170px; list-style: none; list-style-image: none; margin: 0 50px; padding: 0; background: #9da59c; float: left; clear: left; }
	ul.subcat_nav li				{ list-style-image: none; border: #fff solid 0px; width: 163px; height: 16px; font-size: 11px; line-height: 14px; margin: 0 0 0 10px; padding: 0; }
    ul.subcat_nav li a				{ color: #ffffff; }
    ul.subcat_nav li a:hover		{ color: #e3ceb6; text-decoration: none; }
    
    img.subcat_dots					{ padding: 0; margin: 2px 50px; float: left; clear: left; }
    
    .product_image_shadow			{ min-height: 150px; height: auto !important; height: 150px; max-width: 200px; float: right; display: table; margin-left: 20px; }
    
	.product_image_holder			{ height: 200px; width: 200px; background: url(/images/catalog_image_bg.jpg) left top no-repeat; float: left; }
	.product_image_holder img		{ height: 180px; width: 180px; margin: 5px 0 0 5px; }

	.product_page_holder			{ height: 200px; width: 200px; background: url(/images/catalog_image_bg.jpg) left top no-repeat; float: right; }
	.product_page_holder img		{ height: 180px; width: 180px; margin: 5px 0 0 5px; }

	.product_thumb_holder			{ height: 140px; width: 140px; background: url(/images/thumb_image_bg.jpg) left top no-repeat; }
    .product_thumb_holder img		{ height: 120px; width: 120px; margin: 5px 0 0 5px; }

	#pr_secondary					{ width: 420px; margin: 0 auto; display: table; padding-top: 30px; margin-top: -15px; }
	#pr_secondary ul				{ list-style: none; padding: 0; margin: 0; clear: both; }
    #pr_secondary li				{ float: left; display: inline; padding: 0; margin: 0; }
	#pr_secondary .click_to_enlarge	{ text-align: left; clear: both; font-size: 10px; }
	#pr_secondary .pr_secimg		{ float: left; display: inline; padding: 0; margin: 0; min-height: 170px; height: auto !important; height: 170px; }
    .seccap							{ float: left; display: inline; padding: 0 10px; margin: 0; width: 120px; height: 20px; text-align: center; }

	.product_listing				{ float: left; clear: left; margin: 5px 0 30px 0; }
    .product_listing h2				{ height: 30px; background: url(images/fuddy_dutty.jpg) center bottom no-repeat; }
    .product_listing hr				{ width: 100%; float: left; clear: left; }
	.product_listing a              { color: #ffffff; }
	.product_listing a:hover        { color: #e3ceb6; }
    
    #product_sale_price				{ color: #740c0e; text-decoration: line-through; }
    #product_price					{ font-weight: bold; }

	.product_row					{ width: 500px; float: left; clear: left; display: inline; height: 22px; line-height: 18px; }
    .pr_title						{ width: 250px; float: left; display: inline; }
    .pr_price						{ width: 100px; float: left; display: inline; }
    .pr_options						{ width: 190px; float: left; display: inline; }
    .pr_quantity					{ width: 60px; float: left; display: inline; }
    .pr_addcart						{ width: 150px; float: left; display: inline; }

	#cart_area						{ width: 650px; display: table; margin: 0 auto; }
    
	.cart_row						{ width: 100%; clear: left; line-height: 18px; height: 22px; }
    .cart_category					{ width: 300px; float: left; display: inline; }
    .cart_category ul				{ list-style: none; padding: 0; margin: 0; }
    .cart_category li				{ float: left; display: inline; padding: 0; margin: 0 3px; }

    .cart_title						{ width: 100px; float: left; display: inline; }
    .cart_price						{ width: 150px; float: left; display: inline; }
    .cart_quantity					{ width: 100px; float: left; display: inline; }
    .cart_quantity input			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; }

	#cart_buttons					{ clear: left; padding: 25px 0; }
	#cart_buttons ul				{ list-style: none; padding: 0; margin: 0 0 0 45px; }
    #cart_buttons li				{ float: left; display: inline; padding: 0; margin: 0 15px; }

	#pr_price_display				{ float: right; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; }
	#pr_price_display ul			{ list-style: none; padding: 0; margin: 0; }
    #pr_price_display li			{ float: left; display: inline; padding: 0; margin: 0 5px; }

	.pr_controls					{ padding-bottom: 25px; clear: both; }
	.pr_controls ul					{ list-style: none; padding: 0; margin: 0; }
    .pr_controls li 				{ float: left; display: inline; padding: 0; margin: 0 5px; }
    .pr_controls li label			{ font-size: 13px; font-weight: bold; }
    .pr_controls li input,
    .pr_controls li select,
    .pr_controls li textarea		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 10px; }

	.required_icon					{ color: #c00000; margin-right: 3px; }

	#product_intro					{ }

	.breadcrumb						{ display: block; height: 16px; }
    .breadcrumb						{ background: #9da59c; display: block; margin: 0; padding: 8px 10px; clear: both; }
    .breadcrumb ul					{ margin: 0; padding: 0; list-style: none; list-style-image: none; }
    .breadcrumb li					{ float: left; display: inline; padding: 0; margin: 0 3px; }
    .breadcrumb li a              	{ color: #ffffff; }
    .breadcrumb li a:hover        	{ color: #e3ceb6; }

	#rec_products					{ width: 500px; margin: 0 auto; display: table; }
	#rec_products ul				{ list-style: none; padding: 0; margin: 10px 0 0 0; }
    #rec_products li				{ width: 160px; float: left; display: inline; padding: 0; margin: 0 5px 0 0; text-align: center; }
    #rec_products li div			{ width: 130px; margin: 0 auto; text-align: center; display: block; }
	#rec_products .click_to_enlarge	{ text-align: left; clear: both; font-size: 10px; }
    

.CatalogItemDark					{ color: #333; }
.CatalogItemLight					{ color: #666; }

/* ---  --- */

.sitemap_left						{ width: 200px; float: left; display: inline; }
.sitemap_right						{ width: 200px; float: right; display: inline; }

/* --- forms (contact) --- */

div#huge							{ font-size: 30px; line-height: 36px; font-weight: bold; text-align: center; padding-bottom: 30px; }

fieldset.contact_form				{ border: 0; margin: 0 auto; padding: 15px 0 15px 0; }
fieldset.contact_form .form_row		{ width: 400px; text-align: center; min-height: 20px; padding-bottom: 5px; clear: both; }
fieldset.contact_form label			{ width: 100px; text-align: right; margin-right: 15px; float: left; }
fieldset input,
fieldset textarea,
fieldset select						{ float: left; }
fieldset.contact_form #submit		{ margin-top: 15px; margin-left: 115px; }
fieldset.contact_form #required		{ font-size: 10px; margin-top: 15px; margin-left: 90px; }

/* --- S01 styles --- */

.s01_table							{ width: 500px; margin: 0 auto; display: table; }
.page_text							{ clear: both; }
.s01_main_image						{ }
.s01_main_image_link				{ }
.s06_questions,
.s01_jumplinks						{ background: #9da59c; display: block; margin: 0; padding: 8px 10px; clear: both; }
.s06_questions ul,
.s01_jumplinks ul					{ margin: 0; padding: 0; }
.s06_questions li,
.s01_jumplinks li					{ }
.s01_jumplinks li a              	{ color: #ffffff; }
.s01_jumplinks li a:hover        	{ color: #e3ceb6; }
.s01_jumplinks_content				{ }
.s01_text							{ margin-top: 15px; clear: both; }
.s01_image_holder					{ }
.s01_image_caption,
.s01_photo_caption					{ font-size: 11px; text-align: center; }
.s01_photo							{ }
.s01_photo_link						{ text-align: center; }
.s01_files							{ }
.s01_files li						{ }
.back_to_top						{ text-align: center; padding: 15px 0; clear: both; }
.click_to_enlarge					{ text-align: center; clear: both; }
.click_to_enlarge a,
.click_to_enlarge a:hover			{ font-size: 9px; }


/** FORMS										**/
/**NEW FORM STYLES**/

.formFieldSet,
.formFieldSetInvoice				{ background: #d2dfd8; margin: 0px 5px 5px 5px; padding-bottom: 10px; border: 0; }

.formFieldSetInvoice				{ width: 360px; margin: 0 auto; clear: both; }

.formFieldSet select				{ font-size: 11px; }
.formContent						{ clear:both; float:left; padding-left:0px; width:99%; }
.formSeparator						{ font-size:12px; font-style:normal; font-weight:normal; background-color:#F0F0F0; padding:6px; color:#000000; }
.formHeader							{ background: #d9ae85; clear: both; font-size: 15px; line-height: 18px; font-weight: bold; padding:5px; }
.formLine							{ clear:both; float:left; width:100%; }
.formCaption						{ font-size:11px; font-style:normal; font-weight:normal; color:#333; float:left; padding:5px; margin-top:3px; text-align:right; width:40%; }
.formControl						{ font-size:11px; font-style:normal; font-weight:normal; color:#333; float:left; padding:5px; }
.formSpace							{ font-size:11px; font-style:normal; font-weight:normal; color:#333; float:left; padding:5px; padding-left:15px; }
.formControlText					{ font-size:11px; font-style:normal; font-weight:normal; width:144px; color:#666; }
.formControlSelect					{ #font-size:11px; font-style:normal; font-weight:normal; width:150px;color:#666; }
.formButtons						{ text-align:center; padding-top:15px; padding-bottom:15px; clear:both; float:left; width:99%; }

/**NEW FORM END**/



