/* ==================================================
	
		Mercato Verde 
		Copyright 2011, Outstander.net
		written for mercato-verde.ch
		
		Color definitions:
		------------------
		#e3e3e3 - Light Grey 1: Catalogue Filter Seperators,
								Filter Input Field, 
								Footer Seperator,
								Order Form Seperators,
								Teaser Box Right Border (Home),
								Form Input Borders
		#c7c7c7 - Light Grey 2:	Main Navigation Seperator
		#a1a1a1 - Dark Grey 1:	Footer Font/Link Color,
								Pagination Inactive Items,
								Teaser Navigation Link
		#858585 - Dark Grey 2:	Main Font, Breadcrumb Links,
								AboutUs Title, 
								Sidebar Box Subtitle	
		#565656	- Dark Grey 3:	Quick-, Main-Navigation,
								AboutUs Box Font Color,
								Form Font Color
		#f3f7df - Light Green 1:Catalogue Subtropen Attributes BG,
								AboutUs Box BG
		#f0f6d9 - Light Green 2:Catalogue Item BG
		#ecf4ce - Light Green 3:Catalogue Item Title BG
		#dde6b3 - Light Green 4:Catalogue Item Attribute Border
		#98c503 - Green:		Navigation, Links, Titles
		
		Index:
		------
		- General Definitions
		- Layout
		- Content Elements
		- Home
		- Sidebar Elements
		- Catalogue
		- Form
		- Footer
		- Misc Classes

	================================================== */

	@charset "UTF-8";
	
	/* -------------------------------------------------- 
		General Definitions
	-------------------------------------------------- */
	
	body {
		position: relative;
		color: #858585;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#osMainContainer {
		width: 850px;
		margin: 0 auto;
	}
	
	strong {
		font-weight: bold;	
	}
	
	p {
		margin-bottom: 1em;	
	}
	
	/* -------------------------------------------------- 
		Layout
	-------------------------------------------------- */
	
	#osLogo { 
		float: left;
		display: block;
		/*background: url(../tl_files/layout/logo.png) no-repeat;*/
		width: 283px;
		height: 50px;
		margin: 22px 39px 0 0;
	}
	
	/*  --- Quick Navigation ------------------------- */
	
	#osQuickNavigation {
		font-size: 0.9em;
		float: right;
		margin-top: 13px;
	}
	
	#osQuickNavigation ul a {
		color: #565656;	
	}
	
	#osQuickNavigation ul li {
		display: inline;
		background: url(../tl_files/layout/quicknav-dot.png) center right no-repeat;
		padding: 0 12px 0 7px;
	}
	
	#osQuickNavigation ul li:last-child {
		background: none;
		padding-right: 0;	
	}

	#osNavigationSeparator {
		float: right;
		width: 528px;
		height: 0;
		border: 0;
		border-top: 1px solid #c7c7c7;
		margin: 13px 0;
	}
	
	/*  --- Main Navigation -------------------------- */

	#osNavigationContainer {
		float: left;
		width: 528px;
	}
	
	#osNavigationContainer a {
		text-decoration: none;	
	}

	#osNavigation {
		position: relative;
		float: right;
		font-size: 1.1em;
		width: 528px;
		text-transform: uppercase;
		z-index: 50;
	}
	
	#osNavigation ul li {
		float: left;
		display: block;	
	}
	
	#osNavigation ul a {
		text-align: center;
		display: block;
		color: #565656;
		/*padding: 9px 16px 42px 17px;*/
		padding: 9px 0 42px 0;
	}
	
	#osNavigation ul li:nth-child(1) a { width:132px; }
	#osNavigation ul li:nth-child(2) a { width:110px; }
	#osNavigation ul li:nth-child(3) a { width:94px; }
	#osNavigation ul li:nth-child(4) a { width:121px; }
	#osNavigation ul li:nth-child(5) a { width:71px; }
	
	#osNavigation ul li.active a,
	#osNavigation ul li.trail a {
		background: #98c503;
		color: #fff;
	}
	
	#osNavigation ul a:hover {
		color: #98c503;	
	}
	
	#osNavigation ul li.active a:hover,
	#osNavigation ul li.trail a:hover {
		color: #fff;
	}
	
	/*  --- Banner ----------------------------------- */
	
	#osBannerContainer {
		position: relative;
		width: 868px;
		margin: -10px -9px 0 -9px;
		z-index: 40;
	}
	
	.homeSection #osBannerContainer {
		height: 408px;
	}
	
	.contentSection #osBannerContainer {
		height: 163px;
	}
	
	#osBanner {
		position: absolute;
		top: 0;
		background-repeat: no-repeat;
		width: 854px;	
		height: 408px;
	}
	
	.homeSection #osBanner {
		left: 7px;
		background-image: url(../tl_files/layout/banner-1.jpg);
		width: 854px;	
		height: 408px;
	}
	
	.contentSection #osBanner {
		left: 9px;
		background-image: url(../tl_files/layout/banner-content.jpg);
		width: 850px;	
		height: 163px;
	}
	
	#osBannerShadow {
		position: absolute;
		bottom: 28px;
		left: 1px;
		background: url(../tl_files/layout/banner-shadow.png) no-repeat;
		width: 868px;	
		height: 10px;
	}
	
	#osBannerNavigation {
		position: absolute;
		bottom: 41px;
		right: 7px;
	}
	
	#osBannerNavigationMirroring {
		position: absolute;
		bottom: 3px;
		right: 4px;
		background: url(../tl_files/layout/banner-buttons-mirroring-1.png) no-repeat;
		width: 35px;
		height: 29px;
	}
	
	#osBannerNavigation li a {
		display: block;
		text-indent: -9999em;
		background: url(../tl_files/layout/banner-buttons.png) 0 -9px no-repeat;
		width: 31px;
		height: 9px;
		margin-right: -1px;
	}
	
	#osBannerNavigation li a:hover {
		background-position: 0 0;
	}
	
	#osBannerNavigation li.active a, #osBannerNavigation li.active a:hover {
		background-position: 0 -18px;
	}
	
	#osBannerContainer .mod_hevoqslider {
		height: 100%;
		width: 100%;
	}
	
	#osBannerNavigation li.hevoqSelPagination a, 
	#osBannerNavigation li.hevoqSelPagination a:hover {
		background-position: 0 -18px;
	}
	
	.sliderPagination{
		display: none !important;
	}
	
	/*  --- Sidebar / Navigation --------------------- */

	#osSidebar {
		float: left;
		width: 283px;
		min-height: 1px;
		margin-right: 39px;
	}
	
	#osSubNavigation {
		margin-top: 56px;	
	}
	
	#osSubNavigation ul li {
		background: url(../tl_files/layout/subnav-dots.gif) bottom left repeat-x; 
	}
	
	#osSubNavigation ul li.last {
		background: none;
	}
	
	#osSubNavigation ul li a {
		display: block;
		color: #565656;
		text-decoration: none;
		padding: 7px 0;
	}
	
	#osSubNavigation ul li.active a {
		color: #98c503;
		font-weight: bold;
		text-decoration: none;
	}
	
	/*  --- Breadcrumb ---------------------------------- */
	
	#osBreadcrumb {
		font-size: 0.9em;
		padding: 12px 0;
		border-bottom: 1px solid #e3e3e3;
	}
	
	#osBreadcrumb a,
	#osBreadcrumb span {
		padding-left: 5px;	
	}
	
	#osBreadcrumb a  {
		color: #858585 !important;
		background: url(../tl_files/layout/arrow-breadcrumb.gif) center right no-repeat;
		padding-right: 13px;
	}
	
	/*  --- Content ---------------------------------- */

	.homeSection #osContent {
		width: 100%;
	}
	
	.contentSection #osContent {
		float: left;
		width: 528px;
	}
	
	#osContent {	
		line-height: 1.4em;	
		/*background: blue;*/
		margin-bottom: 20px;
	}
	
	/* -------------------------------------------------- 
		Content Elements
	-------------------------------------------------- */
	
	#osContent  a {
		color: #98c503;
		text-decoration: underline;
	}
	
	.contentSection #osContent h1 {
		/*font-family: "Times New Roman", Times, serif;	*/
		font-family: "osTimes"; /* Cufon Render Font */
		font-size: 2em;
		color: #98c503;
		font-weight: bold;
		margin: 22px 0;
	}
	
	#osContent h2 {
		font-size: 1.5em;
		font-weight: bold;
		line-height: 1.4em;
		color: #98c503;
	}
	
	#osContent h3 {
		font-size: 1.15em;
		font-weight: bold;
	}
	
	#osContent .mod_article .ce_text ul {
		margin: 0 0 1em 2em;
		list-style: square;
	}
	
	#osContent .mod_article .ce_text ul:last-child {
		margin-bottom: 0;
	}
	
	#osContent .mod_article .ce_text p:last-child {
		margin-bottom: 0;
	}
	
	#fruchtfeigen .ce_text p {
		margin-bottom: 1em !important;	
	}

	/*  --- About Us --------------------------------- */
	
	#boxAboutUsLocation, #boxAboutUsOpeningHours  {
		background-color: #f0f6d9;
		background-repeat: no-repeat;
		background-position: bottom right;
		width: 220px;
		height:  185px;
		padding: 14px 18px;
		margin-top: 2em;
		float: left;
		overflow: hidden;
	}
	
	#boxAboutUsLocation {
		background-image:url(../tl_files/layout/about-people-bg.jpg);
		margin-right: 12px;
	}
	
	#boxAboutUsOpeningHours {
		background-image:url(../tl_files/layout/about-clock-bg.jpg);
	}
	
	#boxAboutUsLocation h2,
	#boxAboutUsOpeningHours h2   {
		font-size: 1.2em;
		color: #858585;
		margin-bottom: 0.5em;
	}
	
	/*#boxAboutUsLocation, #boxAboutUsOpeningHours  {
		line-height: 1.4em;	
		background-color: #f0f6d9;
		background-repeat: no-repeat;
		background-position: bottom right;
		padding: 14px 18px;
		margin-top: 2em;
		overflow: hidden;
	}
	
	#boxAboutUsLocation {
		background-image:url(../tl_files/layout/about-people-bg.jpg);
		margin-top: 66px;
	}
	
	#boxAboutUsOpeningHours {
		background-image:url(../tl_files/layout/about-clock-bg.jpg);
	}
	
	#boxAboutUsLocation h2,
	#boxAboutUsOpeningHours h2   {
		font-weight: bold;
		line-height: 1.4em;
		font-size: 1.2em;
		color: #858585;
		margin-bottom: 0.5em;
	}*/
	
	/*  --- Aktuelles -------------------------------- */

	#boxAktionen  {
		background: url(../tl_files/layout/box-aktionen.jpg) #f0f6d9 bottom right no-repeat;
		padding: 14px 18px;
		margin-top: 2em;
	}
	
	#boxAktionen h2 {
		font-size: 1.2em;
		color: #98c503;
		margin-bottom: 0.5em;
	}	
	
	#aktionenTable table {
		width: 100%;
		margin-top: 2em;
	}
	
	#aktionenTable th {
		font-weight: bold;
		padding: 5px;
		color: #98c503;
		border-bottom: 1px solid #eceec5;
	}
	
	#aktionenTable tr.even {
		background: #f0f6d9;
	}
	
	#aktionenTable td {
		padding: 5px;
	}
	
	#aktionenTable tfoot td {
		color: #a1a1a1;
		font-size: 0.95em;
		border-top: 1px solid #e3e3e3;
	}

	/* -------------------------------------------------- 
		Home
	-------------------------------------------------- */	
	
	/*  --- Box Left (Teaser) ------------------------ */

	#osBoxLeft {
		position: relative;
		float: left;
		color: #565656;
		width: 287px;
		height: 178px;
		margin-right: 35px;
	}
	
	#osBoxLeft a {
		color: #565656;
	}
	
	#osBoxLeft h2 {
		color: #565656;	
	}
	
	#osBoxLeft p {
		margin-bottom: 0;
	}
	
	#osTeaserContainer {
		width: 100%;
		height: 100%;
	}
	
	#osTeaserItemFeigen {
		background: url(../tl_files/layout/teaser-feigen.jpg) no-repeat;
	}
	
	#osTeaserItemOel {
		background: url(../tl_files/layout/teaser-oel.jpg) no-repeat;
	}
	
	#osTeaserItemVermietung {
		background: url(../tl_files/layout/teaser-vermietung.jpg) no-repeat;
	}
	
	#osTeaserItemMittelmeer {
		background: url(../tl_files/layout/teaser-mittelmeer.jpg) no-repeat;
	}
		
	.osTeaserContent {
		display: block;
		float: left;
		background: url(../tl_files/layout/box-transparent-layer.png) no-repeat;
		padding: 15px 15px 0 15px;
		width: 130px;
		height: 163px;
	}
	
	.osBtnTeaser {
		position: absolute;
		right: 0;
		bottom: 10px;
		background: url(../tl_files/layout/btn-katalog.gif) 0 0 no-repeat;
		width: 100px;
		height: 30px;
	}
	
	.osBtnTeaser:hover {
		background-position: 0 -30px;
	}
	
	#osTeaserNavigation {
		font-size: 0.8em;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 20px;
		margin-bottom: -20px;
	}
	
	#osTeaserNavigation a {
		color: #a1a1a1;
		text-decoration: none;
	}
	
	#osTeaserNavigation a:hover {
		text-decoration: underline;
	}
	
	#osTeaserLinkBack {
		float: left;	
	}
	
	#osTeaserLinkForward {
		float: right;
		padding-right: 3px;
	}
	
	/*  --- Box Middle ------------------------------- */

	#osBoxMiddle {
		float: left;
		width: 245px;
		height: 198px;
		overflow: hidden;
		margin-right: 38px;
	}
	
	/*  --- Box Right (Aktionen) --------------------- */

	#osBoxRight {
		position: relative;
		float: left;
		padding: 5px;
		width: 233px;
		border: 1px solid #e7e7e7;
	}
	
	#osBoxRight img {
		margin-bottom: 10px;
	}
	
	#osBtnReadMore {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		background: url(../tl_files/layout/btn-mehrlesen.png) no-repeat;
		width: 61px;
		height: 61px;
		margin: -1px -1px 0 0;
	}
	
	/* -------------------------------------------------- 
		Sidebar Elements
	-------------------------------------------------- */	
	
	/*  --- Box Download ----------------------------- */

	#osBoxDownload {
		background:url(../tl_files/layout/box-download-bg.gif) bottom right no-repeat;
		padding: 13px;
		border: 1px solid #e3e3e3;
		margin-top: 30px;
	}

	#osBoxDownload h2 {
		color: #98c503;
		font-size: 1.4em;
		line-height: 1.2em;
		font-weight: bold;
		margin-bottom: 1em;
	}
	
	#osBoxDownload p {
		line-height: 1.4em;	
	}
	
	#osBoxDownload a {
		color: #98c503;
	}
	
	.subtitle { /* Sidebar Box */
		color: #858585;
		font-size: 0.8em;
	}
	
	/* -------------------------------------------------- 
		Catalogue
	-------------------------------------------------- */	

	/* Toggle Text Feigencatalogue */
	a#osToggleLink {
		color: #858585;
	}
	
	#osToggleText {
		margin-bottom: 1em;	
	}
	
	/*#osPDFFeigen {
		float: right;
	}*/

	.mod_article {
		overflow: visible; /* To display overlapping button */
	}
	
	.mod_cataloglist {
		overflow: visible !important;
	}
	
	.mod_cataloglist .total{
		display: none;
	}

	/*  --- Catalogue Filter ------------------------- */
	
	#osCatalogueFilter {
		padding: 2px 0;
		border-top: 1px solid #e3e3e3;
		border-bottom: 1px solid #e3e3e3;
		margin: 15px 0;
		/* Update Ueli */
		padding-bottom: 6px; /*since input.text is positioned absolute, some extra pixels on the bottom are required (original value was 2px)*/
	}
	
	#osCatalogueFilter form label {
		float: left;
		display: block;
		font-weight: bold;
		margin: 9px 0 0 0;
	}
	
	#osCatalogueFilter form input.submit {
		float: right;
		background: url(../tl_files/layout/btn-search.png) 0 0 no-repeat;	
		width: 75px;
		height: 34px;
		border: 0;
		text-indent: -9999em;
		cursor: pointer;
		margin: 0 -3px 0 0;
		/* Update Ueli */
		position: absolute;
		right: 0;
	}
	
	#osCatalogueFilter form input.submit:hover {
		background-position: 0 -34px;
	}
	
	#osCatalogueFilter form input.text {
		float: right;
		color: #858585;
		width: 254px;
		height: 20px;
		border: 1px solid #e3e3e3;
		padding: 3px 5px;
		margin: 3px -3px 0 0;
		/* Update Ueli */
		padding-right: 55px;
	}

	#osCatalogueFilter .widget.filter_search {
		position: relative;
	}
	
	/*  --- Catalogue Item --------------------------- */

	.osCatalogueItem {
		background: url(../tl_files/layout/catalogue-item-title-bg.gif) #f0f6d9 top repeat-x;
	}
	
	.mod_cataloglist .osCatalogueItem {
		position: relative;
		margin-top: 15px;
	}
	
	/* Update Ueli */
	.mod_cataloglist .osCatalogueItem:first-of-type {
		margin-top: 0;
	}
	
	.mod_cataloglist .osCatalogueItem .special-offer-tag {
		display: none;
	}
	
	.mod_cataloglist .osCatalogueItem.special-offer .special-offer-tag {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.osCatalogueItem.subtropen {
		background: url(../tl_files/layout/catalogue-item-subtropen-bg.gif) #f0f6d9 top repeat-x;
	}
	
	/*  --- Catalogue Item Image --------------------- */

	.osCatalogueItem .itemImageContainer {
		float: left;
		width: 162px;
		height: 157px;
		background: url(../tl_files/layout/catalogue-no-image.jpg) #fff center no-repeat;
		padding: 3px;
		border: 1px solid #dde6b3;
		margin: 12px;
	}
	
	.osCatalogueItem .itemImage {
		background-repeat: no-repeat;
		background-position: center center;
		width: 162px;
		height: 157px;
	}
	
	/*  --- Catalogue Item Content ------------------- */

	.osCatalogueItem .itemContent {
		float: left;	
		width: 322px;
	}
	
	.osCatalogueItem .itemContent h2 {
		font-size: 1.1em !important;
		height: 15px;
		padding: 12px 0;
	}
	
	/*  --- Catalogue Item Attributes (Subtropen) ---- */
	
	.osCatalogueItem .attributes {
		height: 31px;
	}
	
	.osCatalogueItem .attributes div {
		height: 24px;
		float: left;
		padding: 7px 10px 0 0;
		border-right: 1px solid #dde6b3;
	}
	
	.osCatalogueItem .attributes div.price {
		padding-left: 10px;
	}
	
	.osCatalogueItem .description {
		margin-top: 1em;
	} 
	
	.osCatalogueItem .itemContent .btnOrder {
		float: right;
		display: block;
		background: url(../tl_files/layout/btn-addtobasket.gif) 0 0 no-repeat;
		width: 145px;
		height: 31px;
		border: 0;
		text-indent: -9999em;
		margin: 0 -33px 15px 0;
		cursor: pointer;
	}

	.osCatalogueItem .itemContent .btnOrder:hover {
		background-position: 0 -31px;	
	}

	/*  --- Catalogue Paging ------------------------- */
	
	/*#osCataloguePaging {
		padding-top:15px;
		border-top: 1px solid #e3e3e3;
		margin-top: 15px;
	}*/
	
	.pagination {
		padding-top: 16px;
		border-top: 1px solid #e3e3e3;
		margin-top: 1em;
	}
	
	.pagination p {
		float: left;
		padding: 4px 8px 0 0;
	}
	
	.pagination ul, .pagination ul li {
		float: left;
	}
	
	.pagination ul li {
		display: block;
		height: 24px;
		width: 24px;
		text-align: center;
	}
	
	.pagination ul li span {
		display: block;
		color: #858585;
		background:url(../tl_files/layout/paging-bg.gif) center no-repeat;
		height: 20px;
		width: 24px;
		padding-top: 4px;
	}
	
	.pagination ul li a {
		display: block;
		color: #a1a1a1 !important;
		text-decoration: none !important;
		height: 20px;
		width: 24px;
		padding-top: 4px;
	}
	
	/* -------------------------------------------------- 
		Form
	-------------------------------------------------- */	

	form#orderForm .formLeft {
		padding: 0;
		margin: 0;
		border: 0;
		float: left;
		width: 310px;
		padding-right: 20px;
		border-right: 1px solid #e3e3e3;
		margin-top: 30px;
		margin-right: 20px;
	}
	
	form#orderForm .formLeft > div {
		margin-top: -4px;	
	}
	
	form#orderForm .formLeft br {
		display: none;
	}

	form#orderForm .formRight {
		padding: 0;
		margin: 26px 0 0 0;
		border: 0;
		float: left;
		width: 177px;
	}

	form#orderForm .itemsCount {
		float: left;
		width: 54px;
		text-align:center;
		clear: left;
		margin-right: 10px;
	}
	
	form#orderForm input[type=text],
	form#orderForm textarea {
		background-color: #fff;
		color: #565656;
		border: 1px solid #e3e3e3; /*#d5d5d5;*/
		padding: 8px;
	
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		
		-webkit-box-shadow: inset 1px 1px #efefef;
		-moz-box-shadow: inset 2px 2px 1px #efefef;
		box-shadow: inset 1px 1px 1px #efefef;
		
		filter:progid:DXImageTransform.Microsoft.Shadow
		(color=#e2e2e2, Direction=135, Strength=5);
		-ms-filter:"progid:DXImageTransform.Microsoft.Shadow
		(color=#e2e2e2, Direction=135, Strength=5)";
	}
	
	form#orderForm label {
		float: left;
		clear: left;
		padding-top: 3px;
		width: 80px;
	}
	
	form#orderForm input,
	form#orderForm textarea {
		float: left;
		width: 210px;
		margin-bottom: 4px;
	}
	
	form#orderForm textarea {
		height: 100px;	
	}
	
	form#orderForm p.error {
		display: none;
	}
	
	form#orderForm .submit {
		float: right;
		background: url(../tl_files/layout/btn-order.png) 0 0 no-repeat;
		width: 155px;
		height: 34px;
		text-indent: -9999em;
		cursor: pointer;
		border: 0;
		margin: 5px 0 0 0;
	}

	form#orderForm .submit:hover {
		background-position: 0 -34px;
	}
	
	form#orderForm address {
		font-style: italic;
	}
	
	form#orderForm .headline {
		border-bottom: 1px solid #e3e3e3;
		float: left;
		width:100%;
		padding-bottom:.5em;
		margin: 1em 0 1em 0;
	}
	
	form#orderForm h3 {
		clear: left;
		font-size: 1em;
	}

	form#orderForm h3.formOrderTitleLeft,
	form#orderForm h3.formOrderTitleRight {
		float: left;
		clear: none;
	}
	
	form#orderForm h3.formOrderTitleLeft {
		width: 80px;
	}
	
	
	form#orderForm h3.formOrderTitleAddress {
		margin-top: 1.5em;
	}
	
	/* -------------------------------------------------- 
		Footer
	-------------------------------------------------- */	

	#osFooter {
		line-height: 1.5em;
		font-size: 0.9em;
		color: #a1a1a1;
		/*background: red;*/
		padding-top: 25px;
		border-top: 1px solid #e3e3e3;	
		margin: 20px 0;
	}
	
	.contentSection #osFooter {	
		margin-top: 10px;
	}
	
	#osFooter a {
		color: #a1a1a1;
		text-decoration: none;
	}
	
	#osFooterLeft {
		float: left;
		width: 284px;
		margin-right: 38px;
	}
	
	#osFooterMiddle {
		float: left;
		width: 245px;
		margin-right: 38px;
	}
	
	#osFooterAddressLeft {
		float: left;
		width: 124px;
	}
	
	#osFooterAddressRight {
		float: left;
	}
	
	#osFooterRight {
		text-align: right;
		float: left;
		width: 245px;
	}
	
	#osFooterRight a {
		text-decoration: underline;
	}
	
	/* -------------------------------------------------- 
		Misc Classes
	-------------------------------------------------- */	

	.clear {
		clear: both;	
	}
	
	.hide {
		display: none;	
	}

    /* --------------------------------------------------
		Basket
	-------------------------------------------------- */

    .mod_basket.small{
        position: relative;
        border: 1px solid #e3e3e3;
        padding: 7px;
        padding-top: 15px;
        margin-top: 40px;
    }

    .mod_basket ul{
        max-height: 400px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .mod_basket h3{
        position: relative;
        font-weight: bold;
        font-size: 1.1em;
    }

    .mod_basket h3 small{
        position: absolute;
        right: 15px;
        bottom: 0;
        font-weight: normal;
        font-size: 0.8em;
    }

    .mod_basket .osCatalogueItem em{
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        width: 174px;
        display: inline-block;
    }

    .mod_basket .osCatalogueItem:first-child{
        margin-top: 10px;
    }
    .mod_basket .osCatalogueItem{
        background-image: none;
        background-color: transparent;
        position: relative;
        margin-top: 15px;
        padding-bottom: 14px;
        margin-right: 15px;
        border-bottom: 1px solid #e3e3e3;
    }

    .mod_basket .osCatalogueItem:last-child{
        border-bottom: none;
    }

    .mod_basket .itemImageContainer{
        width: 30.24px;
        height: 29.26px;
        padding: 1px;
        background-image: none;
        border-color: #e3e3e3;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .mod_basket .itemImageContainer .itemImage{
        width: 30.24px;
        height: 29.26px;
    }

    .mod_basket .controls {
        position: absolute;
        bottom: 14px;
        left: 46px;
    }
    .mod_basket .remove {
        background-image: url(../tl_files/layout/icon-remove.gif);
        position: absolute;
        right: 0;
        top: -2px;
        cursor: pointer;
        border: 0;
        opacity: 0.6;
    }

    .mod_basket .controls span{
        padding-left: 6px;
        padding-right: 4px;
    }

    .mod_basket .controls a{
        display: inline-block;
        width: 1em;
        height: 1em;
        margin-left: -2px;
        color: white;
        font-size: 1em;
        text-align: center;
        text-decoration: none;
        background-color: #98c503;
    }

    .mod_basket .separator{
        height: 1px;
        margin-left: -7px;
        margin-right: -7px;
        margin-top: 13px;
        margin-bottom: 15px;
        border: none;
        border-bottom: 1px solid #e3e3e3;
    }
    .mod_basket .btnOrder{
        float: right;
        display: block;
        background: url(../tl_files/layout/btn-orderform.gif) 0 0 no-repeat;
        width: 145px;
        height: 31px;
        border: 0;
        text-indent: -9999em;
        margin: 0 -15px 15px 0;
        cursor: pointer;
        padding-right: 4px;
    }

    .mod_basket p{
        color: #c3c3c3;
        line-height: 1.4em;
        padding-top: 15px;
        padding-bottom: 0px;
    }

    .mod_basket p:last-child{
        padding-top: 0;
        padding-bottom: 25px;
    }

    .mod_basket p.empty{
        padding-bottom: 0;
    }

    #orderForm .basketItem{
        position: relative;
        clear: both;
    }

    #orderForm .basketItem .increase, #orderForm .basketItem .decrease{
        position: absolute;
        left: 54px;
        display: block;
        width: 18px;
        height: 16px;
        background-color: #e3e3e3;
        text-align: center;
        text-decoration: none;
        text-indent: -999px;
    }
    #orderForm .basketItem .decrease{
        top: 19px;
        height: 15px;
        border-top: 1px solid #f3f3f3;
        border-radius: 0 0 4px 0;
        background-image: url(../tl_files/layout/arrow_down.png);
    }
    #orderForm .basketItem .increase{
        top: 2px;
        border-bottom: 1px solid #c3c3c3;
        border-radius: 0 4px 0 0;
        background-image: url(../tl_files/layout/arrow_up.png);
    }
    #orderForm .basketItem .itemsCount{
        width: 38px;
    }
    #orderForm .basketItem .itemsName{
        width: 190px;
        margin-left: 14px;
    }
    #orderForm .remove{
        top: 12px;
    }
    #orderForm .item_summary{
        display: none;
    }
    #orderForm .no_items+label, #orderForm .mod_basket+label{
        display: none;
    }