/************************************************************************

	Dulce Website Style Sheets
	Created by Maykel, Bluelounge
	Created on 16.04.2009
	Last modified on 16.04.2009

************************************************************************/

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */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;}/* 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;}

/* =Clearfix (all browsers)--------------------------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* IE6 */ * html .clearfix {height: 1%;}
/* IE7 */*:first-child+html .clearfix {min-height: 1px;}

a { color: #555; text-decoration: none;}

/* Clearing floats without extra markup */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* @end */

/*========================
	Good Barry Specifics
========================*/

td.productItemNotFound, td.catalogueItemNotFound {
	display: none;
}

/*========================
	Template Classes
========================*/

body {
	background: #271C03 url(../Images/Dulce_TopBG.png) repeat-x;
	font-family: Arial, Verdana, sans-serif;
}

.container {
	margin: 0 auto;
	width: 900px;
	color: #555;
	font-size: 11px;
}

.container .pad {
	padding: 20px 0;
	margin: 0 24px;
}

.container p {
	line-height: 1.4em;
	margin-bottom: 1em;
}

.header {
	height: 150px;
	position: relative;
}

.header #logo {
	position: absolute;
	left: 12px;
	top: 27px;
	width: 126px;
	height: 106px;
}

.header #MainNav {
	position: absolute;
	top: 123px;
	right: 2px;
	color: #271C03;
}

.header #nav-main {
	position: absolute;
	top: 123px;
	right: 2px;
	color: #271C03;
}

.header #nav-main ul {
	display: inline;
	list-style-type: none;
	padding-left: 40px;
}

.page {
	background-color: #fff;
  min-height: 300px;
  height: auto !important;
  min-height: 400px;
}

/*========================
	Home
========================*/

.footer {
	margin: 8px;
}

.footer .copyright {
	color: #E5D2AB;
	font-size: 11px;
}

/*========================
	Trade Contact
========================*/

.container #contact-left h3, .container #contact-right h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #D89052;
	margin-bottom: 0.2em;
}

.container #contact-right h4 {
	margin-bottom: 1em;
	font-size: 14px;
	font-weight: normal;
}

#contact-left {
	width: 240px;
	float: left;
}

#contact-left p {
	margin-bottom: 2.6em;
}

#contact-right {
	width: 586px;
	float: right;
}

#contact-right a {
	color: #696150;
	font-size: 12px;
}

/*========================
	Shop Online
========================*/

.cart-summary {
	width: 500px;
	margin-bottom: 20px;
	float: right;
	text-align: right;
}

.cart-summary .cartSummaryTable {
	float: right;
}

.cart-summary a {
	color: #696150;
	font-weight: bold;
}

.shop-menu {
	width: 100px;
	float: left;
}

.shop-items {
	width: 740px;
	float: right;
}

.shop-items .shop-item-small {
	margin-left: 20px;
	margin-bottom: 20px;
	width: 164px;
	text-align: center;
	float: left;
}

.shop-items .shop-item-small .image {
	border: 1px solid #D3C7B0;
}

.shop-items .shop-item-small .name, .shop-items .shop-item-small .name a {
	color: #696150;
	margin-top: 1.2em;
}

.shop-items .shop-item-small .price {
	color: #696150;
	margin-top: 0.4em;
}

.shop-item-details {
}

.shop-item-details .image {
	border: 1px solid #D3C7B0;
  float: left;
}

.shop-item-details .details {
	float: left;
	margin-left: 30px;
	width: 300px;
	padding-top: 55px;
	color: #291F06;
}

.shop-item-details .details h3.name {
	font-size: 18px;
}

.shop-item-details .details h4.price {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.8em;
}

.shop-item-details .details .description {
	font-size: 12px;
	color: #707070;
	margin-bottom: 1.2em;
}

.shop-item-details .catProdAttributeTitle {
	font-weight: bold;
}

.shop-item-details .catProdAttributeItem {
	width: 30px;
	padding: 2px 0;
	text-align: center;
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

.shop-menu ul li a {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #D89052;
	display: block;
	padding: 5px 0;
}

.shop-menu ul ul li a {
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #555555;
	padding: 5px 10px;
}
	
/* Shopping Cart */

.shop-cart, .shop-checkout {
	margin: 20px;
	padding: 20px 0;
}

.shop-cart h1, .shop-checkout h1 {
	font-size: 20px;
	color: #D89052;
	margin-bottom: 1.6em;
}

.shop-cart .breadcrumbs {
	display: none;
}

.shop-cart .cart {
	width: 100%;
	font-size: 14px;
}

.shop-cart .cart a {
	color: #281c04;
}

.shop-cart .cart tbody td, .shop-cart .cart tbody th {
	padding: 6px 12px;
	font-weight: normal;
}

.shop-cart .cart tbody tr.var th {
	font-size: 16px;
	text-align: left;
}

.shop-cart .cart tbody tr.val {
	border-top: 1px dotted #281c04;
	border-bottom: 1px solid #281c04;
}

.shop-cart .cart tbody tr.total {
	border-top: 1px solid #281c04;

}

.shop-cart .cart tbody td .productitemcell {
	height: 30px;
}

.shop-cart .cart tbody td .productitemcell input.cartInputText {
	padding: 0;
	width: 40px;
}

.shop-cart .cart tbody tr.sub-total td {
		
}

.shop-cart .cart td.actions a#catshopquote {
	display: none;
}

/* Checkout */

.shop-form .form .item {
}

.shop-form .form .item label {
	width: 160px;
	font-size: 13px;
	float: left;
	padding-top: 10px;
}

.shop-form .form .item input, .shop-form .form .item select {
	padding: 2px;
	margin: 0;
	font-size: 13px;
}

.shop-form .form .item input[type=text], .shop-form .form .item textarea  {
	width: 360px;
}

.shop-form .form .item input.PaymentMethodType {
	margin-left: 160px;
	font-size: 12px;
}

.shop-form .form .item input.PaymentMethodType .first {
	margin-left: 0;
}
	
/*========================
	Press
========================*/

.container #press.page {
	background: url(../Images/Dulce_Press_Page_BG.png) repeat-x;
	text-align: center;
	padding-top: 23px;
	position: relative;
  min-height: 624px;
  height: auto !important;
  height: 624px;
}

.container #press.page table.photogalleryTable {
	margin: auto;
	padding: 20px 0;
}

.container #press.page table.photogalleryTable img {
	margin: 20px 10px;
}

.container #press.page a {
	position: absolute;
}

.container #press.page a#press01 {
	left: 151px;
	top: 37px;
}

.container #press.page a#press02 {
	left: 410px;
	top: 24px;
}

.container #press.page a#press03 {
	left: 625px;
	top: 101px;
}

.container #press.page a#press04 {
	left: 99px;
	top: 160px;
}

.container #press.page a#press05 {
	left: 258px;
	top: 92px;
}

.container #press.page a#press06 {
	left: 612px;
	top: 157px;
}

.container #press.page a#press07 {
	left: 426px;
	top: 223px;
}

.container #press.page a#press08 {
	left: 214px;
	top: 384px;
}

.container #press.page a#press09 {
	left: 370px;
	top: 358px;
}

.container #press.page a#press10 {
	left: 538px;
	top: 410px;
}

/*========================
	Collections
========================*/

.page .collections {
	width: 710px;
	float: right;
	font-size: 14px;
	line-height: 1.4em;
}

.page .collections strong, .page .collections span {
	color: #563E2D;
}

.page .collections a.fancybox {
	margin-right: 12px;
}

/*========================
	Login
========================*/

.page .system-error-message p, .page .system-error-message h1 {
	display: none;
}

.page .system-error-message .form {
	width: 400px;
	margin: 40px auto;
	text-align: center;
}

.page .system-error-message .form input.textbox, .page .system-error-message .form label {
	font-size: 14px;
	text-align: center;
}

/*========================
	Tradeshows
========================*/

.container #tradeshows-left h3, .container #tradeshows-right h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #D89052;
	margin-bottom: 1em;
	line-height: 1.3em;
}

.container #tradeshows-right h4 {
	margin-bottom: 1em;
	font-size: 14px;
	font-weight: normal;
}

#tradeshows-left {
	width: 240px;
	float: left;
}

#tradeshows-left p {
	margin-bottom: 2.6em;
}

#tradeshows-right {
	width: 586px;
	float: right;
}

#tradeshows-right ul {
	margin-bottom: 1.5em;
}

#tradeshows-right ul li {
	font-size: 11px;
	margin-bottom: 0.6em;
}

#tradeshows-right ul li a {
	font-size: 12px;
}

#tradeshows-right a {
	color: #696150;
	font-weight: bold;
}

/*========================
	About
========================*/

.container #about-left h3, .container #about-right h3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #D89052;
	margin-bottom: 0.2em;
	line-height: 1.3em;
}

.container #about-right h4 {
	margin-bottom: 1em;
	font-size: 14px;
	font-weight: normal;
}

#about-right {
	width: 586px;
	float: right;
}

#about-right a {
	color: #696150;
	font-weight: bold;
}
