/* Reset CSS *//* v1.0 | 20080212 */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}


/* GENERAL - ALL PAGES
---------------------------------- */
body, h1, h2, p, li {font-family:arial,sans-serif;}

a {text-decoration:none; color:#261810;}
	#nav li a:hover, .left a:hover, .right a:hover {color:#C12234 !important;}
	/*#nav li a:hover, .left a:hover, .right a:hover {color:#696969 !important;}*/


.left {float:left;}
.right {float:right;}
	.left img, .right img {padding:4px; border:2px solid #2D231C;}

.clear {clear:both;}
.thickbox {background-image:none;}

#login {position:absolute;top:115px;right:23px; font:normal italic .8em arial,sans-serif;}


/* fix stupid ie6+7 layout */
* html div {height:1%;}
*:first-child+html div {height:1%;}


/* INDEX
---------------------------------- */
body#index {background:url(images/mariosintro.jpg) no-repeat 50% 0 #fff; margin:0 auto;text-align:center;}
#index #container {width:368px;height:278px; margin:306px auto 0 auto; overflow:hidden;}
#index h1 {display:none;}

#index #year {color:#C12334;font-style:italic;position:relative;top:-330px;font-weight:bold;}

#index #footer, #index #footer a, #contact #footer, #contact #footer a {color:#fff;}
	#index #footer a, #contact #footer a {text-decoration:underline;}
#index #footer {padding-top:90px;}

/* CONTACT
---------------------------------- */
body#contact {background:url(images/bg_contact.jpg) no-repeat 50% 0 #fff; margin:0 auto;}
#contact #container {width:770px; margin:0 auto; position:relative;}

#contact #content {position:absolute; top:224px; margin:0 90px 0 110px; color:#25160E;}
	#contact h1 {color:#C12334; margin-bottom:20px;}
	#contact p {font:normal .8em/1.2 arial,sans-serif; margin-bottom:15px; }
	#contact .cwhole {font:normal .8em/1.2 arial,sans-serif; margin-bottom:15px; width:600px;}
	
	#contact .col-1  {float:left; display:block;}
	#contact input.input, #contact textarea {width:205px;}
	#contact .col-1 {width:290px; margin-right:10px;}
	#contact .col-2 {display:block; margin-left:300px; width:350px; padding-left:10px}
	#contact .col-2 h2 {margin-bottom:5px; margin-top:5px;}
	#contact .col-2 h1 {color:#cdbfb2; margin-bottom:20px; margin-top:20px; font-size:14pt;}
	#contact .col-2 p { margin-top:5px; font:normal .8em/1.2 arial,sans-serif; margin-bottom:15px; }
	#contact .col-2 p a:hover { color:#C12334; }
	
	#contact .col-1 label.label {float:left; clear:both; font-size:.8em;}
	#contact .col-1 input.input, #contact .col-1 textarea {float:right; margin-bottom:5px;}
	#contact .col-1 input.pad {margin-left:80px;}
	#contact .col-1 p {line-height:1.2; clear:both;}

#contact ul#nav {position:absolute; top:174px; left:96px; width:530px; border-width:1px;}
	#contact #nav li a {padding:0 13px;}
	
#contact #footer {padding-top:890px; font-size:0.75em;  margin:0 auto; width:780px; text-align:center;}
	*:first-child+html #contact #footer {padding-top:840px;}
	* html #contact #footer {padding-top:870px;}	


/* WHOLESALE + PRODUCTS + MANUFACTURING + HERITAGE
---------------------------------- */
.inner #container {background:url(images/bg_product.jpg) repeat-y; margin:0 auto; padding-bottom:20px; width:913px; position:relative;}
.inner #header {background:url(images/bg_product_header.jpg) no-repeat; height:419px;}

.inner #footer {background:url(images/bg_product_footer.jpg) no-repeat; height:19px; margin:0 auto; width:913px;}
	.inner #footer .content {position:relative; top:-10px; font-size:.75em; padding-bottom:10px; text-align:center;}
	body#wholesale #footer .content, body#heritage #footer .content {padding-left:180px;}
	body#product-details #footer .content, body#product #footer .content, body#manufacturing #footer .content {padding-left:150px;}
	
.inner ul#nav {position:absolute; top:174px; left:181px;}


body#heritage #content, body#wholesale #content, .inner #content {margin:-192px 62px 0 180px;}
body#product #content, body#manufacturing #content {margin:-192px 62px 0 152px !important;}

.inner #content {min-height:160px; height:auto !important; height:160px;}

.inner h1 {color:#AB4340; text-transform:uppercase; margin-bottom:15px;}


#nav {border-bottom:2px solid #DCDCCF; width:640px; margin-left:23px; padding-bottom:10px;}
	#nav li {display:inline; font-size:1.1em; letter-spacing:-0.02em;}
	#nav li a {color:#261810; padding:0 15px;}
	#nav li.current a, #nav li.current a:hover {color:#AB4340 !important;}
	

.inner h2 {color:#2D231C; font-size:.9em; margin-bottom:10px;}

.inner .cat {margin-bottom:25px;}



/* shared styles */

/*#wholesale .left p, #product .right p {color:#C0B8B4; font-style:italic; font-size:.75em; margin:1px 0 3px 0;}  changed the font color */
#product .right p {color:#695b46; font-style:italic; font-size:.75em; margin:1px 0 5px 4px;}
#wholesale .left p {color:#695b46; font-style:italic; font-size:.75em; margin:1px 0 5px 4px; text-align:justify; padding-right:0px;}

#product .right p a {font-style:normal; font-weight:bold; color:#2d231c; margin:0 20px; float:right;}
#wholesale .left p a {font-style:normal; font-weight:bold; color:#2d231c; margin-left:1px; margin-right:20px; float:right;}

#wholesale .right p, #product .left p, #manufacturing .right p {margin:15px 30px 0 4px; color:#443630; font:normal .8em/1.25 verdana,sans-serif; letter-spacing:-.08em;}

#heritage .wholepage p {margin:15px 30px 0 4px; color:#443630; font:normal 0.9em/1.25 verdana,sans-serif; letter-spacing:-.08em;} 
#heritage .wholepage img {float:right;} 

#heritage .yearval {margin:15px 0px 0 4px; color:#000000; font:bold 0.9em/1.25 verdana,sans-serif; letter-spacing:-.08em;}

/* wholesale-specific */

#wholesale .left {width:345px;}
	#wholesale h3 {font-size:.9em;}

#wholesale .right {width:320px;}


/* product-specific */
#product .left {width:334px;}
	/*.product-desc {padding:9px 24px 24px 24px; background:#D4CEC6; width:276px; margin-top:16px;} changed product description background color
	.product-desc {padding:9px 24px 24px 24px; background:#695b46; A89476 width:276px; margin-top:16px;}*/
	.product-desc {padding:9px 24px 24px 24px; background:#F7F3F0; width:276px; margin-top:16px;}
#product .right {width:352px;}
#product .rightp {float:right;font-size:0.9em;color:#AB4340}
#product .rightp a {font-size:0.9em;color:#AB4340}

	.option {}
		.option h2 {padding-top:5px; margin-bottom:2px;}
		.option p {}


/* manufacturing-specific */
#manufacturing .left {width:310px;}
	.thumbs {margin:16px 0 0 2px;}
		/* .thumbs div {width:83px; height:63px; background:#180D07; overflow:hidden; display:block; margin:0 11px 11px 0; float:left; border:1px solid #180D07;} */
		.thumbs div {width:89px; height:69px; background:#ffffff; overflow:hidden; display:block; margin:0 6px 6px 0; float:left; border:1px solid #ffffff;}
		.thumbs div a {color:#261810;}
		.thumbs div img {padding:0;}


#manufacturing .right {width:386px;}

#heritage .wholepage {width:650px;}


/* product details */
#product-details .image {width:275px; margin-top:20px; float:right; height:340px; margin-left:15px;}
#product-details .rightp {float:right; margin-bottom:10px;}
#product-details .rightp a {font-size:0.9em;color:#AB4340}
#product-details h2, #product-details p {font-size:0.9em;}
#product-details .properties {margin:20px 0 40px 0;}
	#product-details .properties h3, #product-details .properties p {line-height:1.2; font-size:.75em;}
	#product-details .properties h3 {font-weight:normal;}
	#product-details .properties p {margin-bottom:15px;}