body {
	background: #040404 url('../images/common/site-inner-back.jpg') repeat-x left top; /* define the body color under the footer to catch the short pages */
}

/* Main content */
.wrapper {
	clear: both;
	width: 980px;
	margin: 0 auto;
}

#logo, #logo a {
	display: block;
	width: 216px;
	height: 105px;
}
	#logo a {
		background: url('../images/caribi-fresh-logo.png') no-repeat left top;
	}

/* Home page */
body#mod_home_page {
	background: #0b0b0b url('../images/common/site-home-back.jpg') repeat-x left top; /* define the body color under the footer to catch the short pages */
}
#header_home {
	background: url('../images/common/header-home-back.jpg') no-repeat center top;
	height: 530px;
	height: 450px;
}
	#header_home_internal {
		padding: 19px 0 0 0;
	}
		#header_home_internal #logo {
			margin: 0 auto;
		}
#content_home {
	background: url('../images/common/content-home-back.jpg') no-repeat center top;
	min-height: 240px; /* ie6 fix */
	padding: 55px 0 0 0;
}
	.content_home_col_1 {
		float: left;
		width: 540px;
		padding: 0 0 0 23px;
	}
	.content_home_col_2 {
		float: right;
		width: 235px;
		padding: 0 110px 0 0;
	}
.footer_home {
	font-size: 11px;
	padding: 40px 0 0 0; /* 50px top by design, but the font face was changed */
}
	.footer_home .footer_col_1 {
		float: left;
		width: 350px;
	}
	.footer_home .footer_col_2 {
		float: right;
		width: 190px;
	}

.footer_inner {
	font-size: 11px;
	padding: 26px 12px 25px 20px; /* 11px top by design + the negative margin of exsisto logo */
}
	.footer_inner .footer_col_1 {
		float: left;
		width: 550px;
	}
	.footer_inner .footer_col_2 {
		float: right;
		width: 290px;
	}

#copyright {
	color: #a5a5a5;
}
	#copyright a {
		color: #dcdcdc;
	}
	#copyright a:hover {
		color: #ffffff;
	}

/* Footer web design logo */
#web_design {
	float: right;
	/* width: 158px by Design, 199px (incl padding) reserved! */
	padding: 0 0px 0 0;
	margin: -15px 0 0 0;
	font-size:11px;
}
	#web_design a {
		float: left;
	}
	#web_design a.web_design_link {
		padding: 15px 8px 0 0;
		color: #dcdcdc;
	}
	#web_design a.web_design_link:hover {
		color: #ffffff;
	}
	#web_design a.exsisto_link {
		display: block; /* float: left; is also applied */
		width: 88px;
		height: 30px;
		/* margin: -15px 0 0 0; IE6 doesn't like this. Use this to container and add padding to the text at left */
		background: url('../images/web-design/exsisto-logo.png') no-repeat left top;
		text-indent: -9999px;
	}
	#web_design a.exsisto_link:hover {
		background-position: 0 -50px;
	}
/* END - Footer web design logo */

#content_home .userTextHome {
	font-size: 13px;
	letter-spacing: 1px;
	font-style: italic;
}
#nav_home {
	
}
	#nav_home li {
		display: block;
		width: 234px;
		height: 34px;
		margin: 0 0 15px 0;
	}
	#nav_home li a {
		display: block;
		width: 203px; /* 234px */
		height: 24px; /* 34px total */
		padding: 10px 0 0 31px;
		font-size: 13px;
		color: #ffffff;
		background: url('../images/nav/nav_item_home_back.png') no-repeat left top;
	}
	#nav_home li a:hover {
		color: #c58ada;
		background-position: 0 -40px;
	}


/* Header Inner page */
#header_internal .header_col_1 {
	float: left;
	width: 335px;
}
#header_internal .header_col_2 {
	float: right;
	width: 645px;
}
#header_internal #logo {
	margin: 50px 0 20px 0;
}

.header_contact {
	background: url('../images/header-images/header-contact.jpg') no-repeat left top;
	height: 318px;
}
.header_about {
	background: url('../images/header-images/header-about.jpg') no-repeat left top;
	height: 318px;
}
.header_news {
	background: url('../images/header-images/header-news.jpg') no-repeat left top;
	height: 318px;
}
.header_dealers {
	background: url('../images/header-images/header-dealers.jpg') no-repeat left top;
	height: 318px;
}
.header_products {
	background: url('../images/header-images/header-products.jpg') no-repeat left top;
	height: 318px;
}
/* END Header Inner page */

/* languageSelector */
.languageSelector {
	width: 216px;
	height: 28px; /* 42px max */
	margin: 22px 0 0 0;
	padding: 14px 0 0 0;
	background: url('../images/lang-selector/lang-back.png') no-repeat left top;
}
	.languageSelector ul {
		margin: 0 0 0 48px;
	}
	.languageSelector ul li {
		float: left;
		background: url('../images/lang-selector/lang-delimiter.png') no-repeat left center;
		padding: 0 9px 0 12px
	}
	.languageSelector ul li.first {
		background: none;
	}
	.languageSelector ul li a {
		font-size: 12px;
		color: #c3c3c3;
	}
	.languageSelector ul li a:hover {
		color: #c48bd8;
	}
	.languageSelector ul li a.selected {
		color: #c48bd8;
	}
/* END languageSelector */

/* navMenu */
.navMenu {
	margin: 23px 0 0 0;
	width: 615px; /* 630px total */
	height: 27px; /* 40px total */
	padding: 13px 9px 0 6px; /* 20 px left/right - but the link have padding! exclude it! */
	background: url('../images/nav/menu_main_back.png') no-repeat left top;
}
	.navMenu ul li {
		float: left;
		background: url('../images/nav/menu_main_delimiter.png') no-repeat left center;
		padding: 0 11px 0 14px
	}
	.navMenu ul li.first {
		background: none;
	}
	.navMenu ul li a {
		font-size: 12px;
		color: #c3c3c3;
	}
	.navMenu ul li a:hover {
		color: #c48bd8;
	}
	.navMenu ul li a.selected {
		color: #c48bd8;
	}
/* END navMenu */

/* Content box */
#content_inner .content_inner_top {
	background: #282828 url('../images/content/content_main_top.jpg') no-repeat left top;
	min-height: 340px;
}
#content_inner .content_inner_bottom {
	background: url('../images/content/content_main_bottom.png') no-repeat left top;
	height: 14px;
	overflow: hidden;
}
#content_inner .content_inner_bottom_packaging {
	background: url('../images/content/content_main_bottom_packaging.png') no-repeat left top;
	height: 98px;
	overflow: hidden;
}
/* END Content box */

/* Breadcrubms */
.breadcrumbs { /* ie6/7 fix - zoom */
	padding: 21px 20px 12px 24px; /* 2px bottom for the line */
	color: #c48bd8;
	font-size: 13px;
	background: url('../images/breadcrumbs/breadcrumbs-bottom.gif') no-repeat left bottom;
}
	.breadcrumbs ul {
		float: left;
	}
	.breadcrumbs li {
		float: left;
	}
	.breadcrumbs h1,
	.breadcrumbs a {
	   font-size: 13px;
	}
	.breadcrumbs h1 {
		color: #cfcfcf;
		/*padding-left: 4px;*/
		font-weight: normal;
	}
	.breadcrumbs a {
		font-weight: normal;
	}
	.breadcrumbs .first a {
		/*margin-left:0px;*/
	}
	.breadcrumbs a:hover {
		/*color:#dddddd;*/
	}
/* END Breadcrubms */


.content_common {
	padding: 0 20px 14px 24px; /* padding top doubles ie6/7 padding at bottom */
}
	.content_common .content_col_1 {
		float: left;
		width: 670px;
		margin: 14px 0 0 0;
	}
	.content_common .content_col_2 {
		float: right;
		width: 258px;
		margin: 14px 0 0 0;
	}
.content_contact {
	padding: 0 20px 14px 24px; /* padding top doubles ie6/7 padding at bottom */
	font-size: 11px;
}
	.content_contact .content_col_1 {
		float: left;
		width: 270px; /* 286px total */
		background: url('../images/m_contact/contact-column-delimiter.gif') no-repeat right 22px;
		padding: 0 16px 0 0;
		margin: 23px 0 0 0;
	}
	.content_contact .content_col_2 {
		float: left;
		width: 558px; /* more if needed */
		margin: 23px 0 0 36px;
	}
.content_products {
	padding: 0 20px 14px 4px; /* padding top doubles ie6/7 padding at bottom */
}
	.content_products .content_col_1 {
		float: left;
		width: 690px;
		margin: 14px 0 0 0;
	}
	.content_products .content_col_2 {
		float: right;
		width: 258px;
		margin: 14px 0 0 0;
	}
/* END - Content columns */


.contact_data {
	margin: 40px 0 0 0;
}
	.contact_data .col_1 {
		clear: both;
		float: left;
		width: 50px;
		padding: 0 0 5px 0;
	}
	.contact_data .col_2 {
		float: left;
		width: 170px;
		padding: 0 0 5px 0;
	}
.contact_icon {
	background: url('../images/m_contact/icon-contact.png') no-repeat right bottom;
	width: 95px;
	height: 101px;
	padding: 20px 0 0 155px;
}



/* Contact Form */
#formContacts {
	width: 361px;
}
	#formContacts .formTitle {
		/*color: #168abb;*/
		font-size: 11px;
		/*font-weight: bold;*/
	}
	#formContacts table {
		font-size: 11px;
		width: 100%;
	}
		#formContacts table .label {
			width: 101px;
			vertical-align: top;
			padding: 4px 0 0 0;
			/*color: #168abb;*/
		}
		#formContacts table .labelFirst {
			padding-top: 1px;
		}
		#formContacts table .divInputArea, #formContacts table .divTextArea {
			padding: 3px 0;
			width: 260px;
		}
		#formContacts table .divInputAreaFirst {
			padding-top: 0;
		}
			#formContacts table .text_input_back {
				width: 260px;
				height: 20px;
				background: url('../images/m_contact/input-text-back.png') no-repeat left top;
			}
				#formContacts table .divInputArea .inputText {
					background-color: transparent;
					border: 0;
					width: 250px;
					padding: 2px 4px;
					/*color: #168abb;*/
				}
			#formContacts table .textarea_back {
				width: 252px; /* 260px total */
				height: 112px;
				padding: 1px 4px;
				background: url('../images/m_contact/textarea-back.png') no-repeat left top;
			}
			#formContacts .divTextArea textarea {
				width: 250px;
				height: 102px;
				border: 0;
				background-color: transparent;
				overflow: auto;
				/*color: #168abb;*/
			}
	#formContacts .obligatory_fields {
		float: left;
		width: 150px;
		padding: 17px 0 0 0;
		font-size: 11px;
		/*color: #c48bd8;*/
	}
	#formContacts .divButtonSubmit {
		float: right;
		width: 84px;
		padding: 10px 0 0 0;
	}
		#formContacts .inputSubmit {
			background: url('../images/m_contact/contact_b_submit.png') no-repeat left top;
			border: 0;
			width: 84px;
			height: 25px;
			cursor: pointer;
			color: #ffffff;
		}
		#formContacts .inputSubmit:hover, #formContacts .inputSubmitOver {
			background-position: left -30px;
		}
	
	#formContacts .required {
		color: #c48bd8;
	}
/* END Contact Form */

/* Common styling for inner pages */
.content_common .userText {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}
.content_common .userText h2, .contact_box_data h2, .newsList h2 {
	font-size: 18px;
	letter-spacing: 1px;
	font-style: italic;
	font-weight: normal;
	color:#c6c6c6;
}
/* END - Common styling for inner pages */

/* Pagination */
.pagination {
	float: right;
}
	.paginationBottom {
		margin: 15px 0 0 0;
	}
	.pagination a, .pagination span.sel {
		float: left;
		width: 23px; /* 23px total */
		height: 21px; /* 23px total */
		padding: 2px 0 0 0;
		text-align: center;
		margin: 0 1px;
		font-size: 14px;
		font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
	}
	.pagination span.sel {
		background: url(../images/pagination/pagination-selected.png) no-repeat left top;
		color: #c58ada;
	}
	.pagination a {
		color: #b2b2b2;
		background: url(../images/pagination/pagination-selected.png) no-repeat -100px -100px;
	}
	.pagination a:hover {
		color: #b2b2b2;
		background-position: left top;
	}
/* END Pagination */

.about_content {
	padding: 1px 30px 0 0;
}

/* .box_contact */
.box_contact {
	
}
	.box_contact .top {
		background: url(../images/common/box/contact-back-top-bottom.png) no-repeat left top;
		height: 7px;
		overflow: hidden;
	}
	.box_contact .bottom {
		background: url(../images/common/box/contact-back-top-bottom.png) no-repeat left -7px; /* bottom is not working OK under IE6 */
		height: 19px;
		overflow: hidden;
	}
	.box_contact .middle {
		background: #121212 url(../images/common/box/contact-back.png) no-repeat left top;
		min-height: 270px; /* ie6 min-height fix */
	}
/* END .box_contact */

.contact_box_data {
	padding: 7px 14px 40px 21px;
	background: url(../images/common/signs/at-sign.png) no-repeat 190px bottom;
}
	.contact_box_data, .contact_box_data table td {
		font-size: 11px;
	}
	.contact_box_data table td {
		padding: 2px 2px;
	}
	.contact_box_data .hint_1 {
		padding: 0 0 24px 0;
	}

/* .newsList */
.newsList {
	margin: 13px 0 0 0;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
}
	.newsList .blockTitle {
		float: left; /* on 1 line with pagination */
	}
	.newsList .item {
		margin: 17px 0 0 0; /* converted from padding - ie7 */
		padding: 0 0 5px 0; /* 2px for bottom image, 14px for shadow of the image */
		background: url(../images/m_news/news-item-delimiter.png) no-repeat left bottom;
	}
		.newsList .itemImage {
			float: left;
			width: 137px; /* 149px total */
			height: 96px; /* 122px total, shadow at bottom! */
			padding: 6px 6px 20px 6px;
			background: url(../images/m_news/news-item-image-back.png) no-repeat left top;
		}
		.newsList .itemContent {
			float: left;
			width: 470px;
			margin: 0 0 0 20px;
		}
			.newsList .itemDate {
				color: #c58ada;
				padding: 4px 0 0 0;
			}
			.newsList .itemTitle {
				padding: 5px 0 0 0;
			}
				.newsList .itemTitle a {
					color: #cfcfcf;
					font-weight: bold;
				}
				.newsList .itemTitle a:hover {
					color: #c48bd8;
				}
			.newsList .itemDescription {
				color: #b2b2b2;
				padding: 4px 0 0 0;
			}
			.newsList .itemLinkMore {
				margin: 8px 0 0 0;
			}
				.newsList .itemLinkMore a {
					color: #c58ada;
					background: url(../images/common/bullets/bullet_1.gif) no-repeat left center;
					padding: 0 0 0 13px;
				}
				.newsList .itemLinkMore a:hover {
					color: #8f4ca7;
					background-image: url(../images/common/bullets/bullet_3.gif);
				}
/* END .newsList */


/* .menu_products */
.menu_products {
	margin: 0 0 47px 0;
}
	.menu_products h2 {
		font-size: 20px;
		letter-spacing: 1px;
		font-style: italic;
		font-weight: normal;
		color: #c58bd9;
		padding: 10px 0 17px 19px;
	}
	.menu_products ul li {
		margin: 1px 0;
		/*padding: 4px 0 4px 0;*/ /* distribute to spans */
		/* zoom: 1; - ie6/7 fix */
	}
		.menu_products ul li a {
			display: block;
			color: #cfcfcf;
			/*
			background: url(../images/common/bullets/bullet_2.gif) no-repeat 18px center;
			padding: 0 7px 0 35px;
			*/
			font-size: 12px;
			font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
			line-height: 15px;
		}
		.menu_products ul li a:hover {
			color: #cfcfcf;
		}
		.menu_products ul li .m_top {
			display: block;
			height: 5px;
			overflow: hidden;
		}
		.menu_products ul li .m_bottom {
			display: block;
			height: 5px;
			overflow: hidden;
		}
		.menu_products ul li .m_middle {
			display: block;
			padding: 0 7px 0 35px;
			background: url(../images/nav/menu_prod_middle.png) repeat-y 0px center;
		}
		
		.menu_products ul li.selected .m_top {
			background: url(../images/nav/menu_prod_top_bottom.png) no-repeat left top;
		}
		.menu_products ul li.selected .m_bottom {
			background: url(../images/nav/menu_prod_top_bottom.png) no-repeat left -5px;
		}
		.menu_products ul li.selected .m_middle {
			background-position: -300px center;
		}
/* END .menu_products */


/* .productsList */
.productsList {
	
}
	.productsList .blockRow {
		padding: 14px 0 14px 0; /* 22-25px between 2 rows */
	}
	.productsList .item {
		float: left;
		width: 300px;
	}
	.productsList .itemNotFirst {
		margin: 0 0 0 55px;
	}
		.productsList .itemTitle {
			padding: 0 0 0 22px;
		}
			.productsList .itemTitle a {
				font-size: 15px;
				letter-spacing: 1px;
				font-style: italic;
				font-weight: normal;
				color: #dbdbdb;
			}
			.productsList .itemTitle a:hover {
				color: #c085d5;
			}
		.productsList .itemImage {
			margin: 20px 0 0 0;
			width: 300px;
			height: 200px;
		}
/* END .productsList */

/* .productView */
.productView {
	padding: 0 10px 0 20px;
}
	.productView .itemTitle {
		font-size: 18px;
		letter-spacing: 1px;
		font-style: italic;
		font-weight: normal;
		color: #dbdbdb;
		padding: 11px 0 20px 0;
	}
	.productView .itemDescription {
		float: left;
		width: 265px;
		min-height: 10px;
	}
	.productView .itemImage {
		float: left;
		width: 375px;
		margin: 0 0 0 15px;
	}
/* .productView */

/* .productArticlesList */
.productArticlesList {
	padding: 0 10px 0 0;
}
	.productArticlesList .blockRow {
		/*padding: 30px 0 30px 0;*/ /* 60-65px between 2 rows */ /* ie/7 extended padding - added to margin of ".item" */
	}
	.productArticlesList .item {
		float: left;
		width: 220px;
		margin: 30px 0;
	}
	.productArticlesList .itemNotFirst {
		margin: 30px 0 30px 10px;
	}
	.productArticlesList .blockRowLast .item {
		margin: 30px 0 0 0;
	}
	.productArticlesList .blockRowLast .itemNotFirst {
		margin: 30px 0 0 10px;
	}
		.productArticlesList .itemTitle {
			font-size: 15px;
			letter-spacing: 1px;
			font-style: italic;
			font-weight: normal;
			color: #dbdbdb;
			padding: 0 0 20px 35px;
		}
/* END .productArticlesList */

/* .productViewPackaging */
.productViewPackaging {
	padding: 6px 9px 0 8px;
}
	.productViewPackaging .item {
		float: left;
		width: 213px;
		height: 88px;
		padding: 0 0 0 2px; /* 2px left for the vertical delimiter */
	}
	.productViewPackaging .itemNotFirst {
		background: url(../images/packaging/packaging_vertical_delimiter.gif) no-repeat 0px center;
	}
	.productViewPackaging .itemType1, .productViewPackaging .itemType2, .productViewPackaging .itemType3 {
		width: 211px; /* 2px less than ".productViewPackaging .item" because of vertical delimiter */
		height: 88px;
	}
	.productViewPackaging .itemType1 {
		background: url(../images/packaging/type_1.png) repeat-y 106px top; /* this is custom class for each picture/type */
	}
	.productViewPackaging .itemType2 {
		background: url(../images/packaging/type_2.png) repeat-y 106px top; /* this is custom class for each picture/type */
	}
	.productViewPackaging .itemType3 {
		background: url(../images/packaging/type_3.png) repeat-y 106px top; /* this is custom class for each picture/type */
	}
		.productViewPackaging .itemTitle, .productViewPackaging .itemTitleNoValue {
			font-size: 14px;
			letter-spacing: 1px;
			font-style: italic;
			font-weight: normal;
			color: #dbdbdb;
			padding: 20px 0 0 40px;
		}
		.productViewPackaging .itemTitleNoValue {
			padding: 33px 0 0 40px;
		}
		.productViewPackaging .itemValue {
			padding: 7px 0 0 40px;
		}
/* END .productViewPackaging */