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; color: #3c3c3c; background: url(../images/bg_light.gif) top center repeat-x #ebe3d1; font-size: 1em; font-family: Calibri, Arial, Verdana, sans-serif; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
table, p, ol, ul { line-height: 180%; font-size: 0.9em; }
small { font-size: 0.8em; }
p { padding: 0 0 15px 0; }
th { font-weight: normal; text-align: left; }

.center { text-align: center; }

hr { height: 1px; border: 0; background: url(../images/bgMenuTop.png) bottom left repeat-x; clear: left; }

a { color: #4C7822; }
a:hover { text-decoration: none; }
a.nounderline { text-decoration: none; color: #3c3c3c; }
a.nounderline:hover { text-decoration: underline; }

h1 { display: block; overflow: hidden; width: 213px; height: 261px; background: url(../images/bgLogo.png) 0 0 no-repeat; margin-left: 4px; float: left; }
h1 a { display: block; overflow: hidden; width: 213px; height: 261px; }
h1 img { margin: 23px 0 0 48px; }

h2 { color: #462324; font-size: 1.3em; text-transform: uppercase; background: url(../images/bgMenuTop.png) bottom left repeat-x; width: 696px; padding: 10px 0 20px 0; display: block; margin: 0 0 20px 24px; }
h2.topHeading { position: absolute; top: 237px; left: 217px; }
h3 { font-size: 1em; color: #462324; }
h4 { font-size: 1em; padding: 0 0 3px 0; }
h4 span { font-weight: normal; }

.toright { text-align: right; }
.tocenter { text-align: center; }
.floated { float: left; }
.floatedPhoto { float: left; margin: 0 15px 15px 15px; }
.floated.right { float: right; }
.floated.right.margined { margin: 0 0 15px 20px; }

div.cleaner { clear: left; height: 1px; visibility: hidden; }
div.cleaner.right, div.cleaner.both { clear: both; }

/* Form fields */
textarea { font-family: Calibri, Arial, Verdana, sans-serif; }
input.text, input.button, textarea { background: #E2D6BA; border: 1px solid #c1ab7b; padding: 5px; color: #62433b; font-size: 0.8em; border-radius: 5px; -moz-border-radius: 5px; }
input.button { text-transform: uppercase; }
input.text:hover, input.button:hover, input.text:focus, input.button:focus, textarea:hover, textarea:focus { background: #eee2ca; }
input.button { cursor: pointer; }

/* Alerts */
.alert { padding: 10px; margin: 0 19px 10px 19px; background: #eee; border-bottom: 1px solid #ccc; color: #222; }
.alert.error { background: #f00; color: #fff; border: 0; font-weight: bold; border-bottom: 1px solid #c50001; }

#web { background: url(../images/bgBottom_light.gif) left bottom repeat-x; }

#content { width: 968px; min-height: 200px; margin: 0 auto; position: relative; background: url(../images/bgContent_light.png) top left repeat-y; }
#top { width: 968px; min-height: 200px; background: url(../images/bgContentTop_light.png) top left no-repeat; padding-top: 37px; }	
	
	#topMenu .sublinks { height: 23px; display: block; text-align: right; padding: 9px 20px 0 0; font-size: 0.8em; }
	#topMenu .sublinks a { color: #9b8f8d; text-decoration: none; }
	#topMenu .sublinks a:hover { color: #fff; text-decoration: underline; }
	
	#topMenu { height: 200px; }
	#topMenu ul { list-style: none; line-height: 39px; height: 39px; text-transform: uppercase; font-size: 1em; }
	#topMenu ul li { display: block; float: left; width: 163px; height: 56px; background: url(../images/menu_bean2.png) top left no-repeat; margin-left: 20px; position: relative; }
	#topMenu ul li.world { background: url(../images/menu_world2.png) top left no-repeat; }
	#topMenu ul li.contacts { background: url(../images/menu_contacts2.png) top left no-repeat; }
	#topMenu ul li.shop { background: url(../images/menu_cart2.png) top left no-repeat; }
	#topMenu ul li a { display: block; color: #462324; padding: 5px 0 0 0; text-decoration: none; height: 45px; text-align: center;}
	#topMenu ul li a:hover { color: #4C7822; }
	#topMenu ul li.selected a { font-weight: bold; color: #462324; }
	
	#topMenu ul li ul { z-index: 100; position: absolute; top: 44px; left: 1px; font-size: 0.9em; }
	#topMenu ul li ul li { background: none; margin: 0; z-index: 101; float: none; background: url(../images/submenu_li.png) left bottom no-repeat; width: 162px; height: 35px; line-height: 22px; }
	#topMenu ul li ul li.last { background: url(../images/submenu_li_last.png) left bottom no-repeat; height: 36px; line-height: 22px; }
	#topMenu ul li.selected ul li a { font-weight: normal; }
	#topMenu ul li ul li a:hover { background: none; color: #4C7822; }
	
	#topMenu ul li.selected li.selected a { font-weight: bold; color: #462324; }
	
	#topImage { background: url(../images/menu_beans5.jpg) 4px 41px no-repeat; display: block; z-index: 100; width: 968px; position: relative; height: 270px; }
	
	#left, #right { float: left; position: relative; display: block; }
	#left { width: 214px; margin-left: 3px; padding-bottom: 200px; padding-top: 20px; }
	#right { width: 723px; min-height: 240px; margin-left: 24px; }

#innercontentHome img, #innercontentHome a { z-index: 1; }
#innercontent { background: url(../images/bgContentBottom_light.png) 4px bottom no-repeat; z-index: 1; }
#innercontentHome { clear: left; background: url(../images/bgContentBottomHome_light.png) 4px bottom no-repeat; z-index: 1; }
#innercontentHome #right { margin-top: -60px; }
#innercontentHome #left { padding-bottom: 100px; margin-top: -10px; }

/* LEFT */
#left ul { list-style: none; margin: 5px 0 30px 0; text-transform: uppercase; }
#left li a { line-height: 35px; padding: 0 0 0 24px; display: block; color: #462324; text-decoration: none; }
#left li a:hover { color: #4C7822; }
#left li.selected a { font-weight: bold; color: #462324; }
#left li ul { margin: 0; text-transform: none; }
#left li li a { background: url(../images/submenu_li.gif) 7px 4px no-repeat; padding-left: 40px; line-height: 24px; }
#left li.selected li a { font-weight: normal; }
#left li li a:hover { background: url(../images/submenu_li_hover.gif) 7px 4px no-repeat; }
#left li.selected li.selected a { font-weight: bold; background: url(../images/submenu_li_hover.gif) 7px 4px no-repeat; }

#left h3 { background: url(../images/leftHeading.png) left top no-repeat; color: #462324; line-height: 42px; font-size: 1em; padding: 0 0 0 24px; text-transform: uppercase; }
#left h3.pad { padding-left: 19px; }
#left h3 a { display: block; text-decoration: none; color: #462324; }
#left h3.account a { background: url(../images/leftDown.gif) 150px 17px no-repeat; }
#innercontentHome #left h3.account { margin-top: 30px; }
#left .box { margin-bottom: 30px; }
#left .box .menu a { color: #999; text-decoration: none; }
#left .box .menu a:hover { color: #fff; }
#left .box .menu a.selected { color: #fff; font-weight: bold; }
#left .homeInfo { width: 153px; text-align: justify; padding: 0 40px 20px 30px; margin-top: 30px; }

/* RIGHT */
#right h2, #right h3 { padding: 0 19px 19px 0; font-size: 1.2em; }
#right h4 { padding: 19px 19px 7px 19px; }
#right p, #right ul, #right ol { padding: 0 24px 19px 0; }
#right ul, #right ol { padding-left: 38px; }

#bottom { position: relative; display: block; clear: left; color: #d0bebe; background: url(../images/bgBottom_light.png) top left no-repeat; width: 968px; height: 203px; }
	#bottom p { padding: 0; color: #d0bebe; }
	#bottom a { color: #d0bebe; text-decoration: none; }
	#bottom a:hover { text-decoration: underline; }
	#bottom ul { list-style: none; padding: 24px 0 24px 14px; text-transform: lowercase; }
	#bottom ul li { float: left; background: url(../images/bottomMenu.gif) center left no-repeat; }
	#bottom ul li.home { background: none; }
	#bottom ul li a { padding: 0 10px; }
	#bottom .facebook, #bottom .account { padding: 26px 0 0 24px; line-height: 22px; font-size: 0.9em; }
	#bottom .facebook img, #bottom .account img { vertical-align: bottom; margin-right: 7px; }
	#bottom .facebook a:hover, #bottom .account a:hover { text-decoration: none; }
	#bottom .facebook a:hover span, #bottom .account a:hover span { text-decoration: underline; }
	#bottom .facebook { clear: left; }
	#bottom .right { float: right; width: 330px; padding: 24px 0 0 0; }
	#bottom .right p { line-height: 120%; padding-bottom: 15px; }

#right .article { padding-right: 24px; }

.articleRight { width: 330px; float: right; font-size: 0.9em; margin-left: 19px; }
.articleRight img { margin: 0 10px 10px 0; } 
.articleRight hr { margin: 10px 24px 10px 0; }

#categoryLongDescription p { clear: left; }

/* LANGUAGE MENU */
#languageMenu { position: absolute; top: 0; right: 4px; list-style: none; text-align: right; text-transform: uppercase; line-height: 38px; }
#languageMenu li { display: inline; }
#languageMenu li a, #languageMenu li strong { color: #4b4b4b; padding: 0 13px; text-decoration: none; }
#languageMenu li a:hover { text-decoration: underline; }

#breadcrumbs { position: absolute; top: 0; left: 14px; color: #4b4b4b; text-transform: uppercase; line-height: 38px; font-size: 0.9em; }
#breadcrumbs .separator { padding: 0 10px; }
#breadcrumbs a, #languageMenu li strong { color: #4b4b4b; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }

/* HOMEPAGE */
.homebox { display: block; width: 340px; margin: 19px 19px 19px 0; float: left; position: relative; font-size: 0.9em; }
#right p.cards { padding-bottom: 8px; }
#right .homebox h3 { height: 34px; line-height: 34px; margin: 0 0 10px 0; color: #462324; text-transform: uppercase; background: url(../images/bgMenuTop.png) bottom left repeat-x; padding: 0; }
#right .homebox p { }

/* Contact form */
#contactForm, #registrationForm { margin: 15px 24px 15px 0; clear: right; background: url(../images/bgMenuTop.png) top left repeat-x; }
#contactForm .contact p { padding: 0 0 5px 0; }
#contactForm .contact { width: 300px; float: left; }
#contactForm .message { width: 395px; float: left; }
#contactForm .submit, #registrationForm .submit { clear: left; }
#contactForm label, #registrationForm label { display: block; float: left; width: 98px; text-align: right; padding: 0 10px 0 0; clear: left; margin: 5px 0;}
#contactForm input.text, #contactForm img, #registrationForm input.text, #registrationForm img, #registrationForm select { width: 154px; float: left; margin: 5px 0; }
#contactForm textarea { width: 100%; height: 155px; font-size: 1.05em; }
#contactForm .fieldError, #registrationForm .fieldError { display: block; width: 145px; margin: 0 0 10px 110px; float: left; color: #f00; font-size: 0.9em; }
#contactForm .message .fieldError { width: auto; margin: 0 0 10px 0; }
#contactForm div.submit, #registrationForm div.submit { text-align: right; padding: 0 20px 10px 0; }
#contactForm h3 { padding: 20px 0; }

#registrationForm h4, #registrationForm .right p { clear: left; }
#registrationForm .right, #registrationForm .left { width: 310px; float: left; }
#registrationForm .right { width: 370px; margin-left: 45px; }
#registrationForm .right label { width: 158px; }
#registrationForm .right .pad { padding-top: 30px; }
#registrationForm .right .fieldError { margin-left: 170px; width: 190px; }
#registrationForm img { margin-left: 165px; }
#registrationForm textarea { width: 150px; height: 140px; padding: 5px; }

#renewForm label { display: block; float: left; width: 150px; }
#renewForm p img, #renewForm .fieldError { display: block; margin: 5px 0 0 150px; }
#renewForm .submit .button { margin-left: 150px; margin-bottom: 50px; } 

.itemPreview { width: 337px; margin: 0 24px 40px 0; float: left; }
#right .itemPreview h3 { padding: 0; margin-bottom: 20px; }
.itemPreview h3 a { color: #462324; font-weight: normal; text-decoration: none; display: block; background: url(../images/bgMenuTop.png) bottom left repeat-x; padding-bottom: 10px; }
.itemPreview h3 a:hover { color: #4C7822; }
.itemPreview .image a { border: 1px solid #b7a274; width: 100px; height: 100px; display: block; }
.itemPreview .image { width: 102px; height: 102px; float: left; margin-right: 24px; }
.itemPreview .buttons { clear: left; line-height: 35px; }
.itemPreview .buttons span { display: block; float: left; margin-right: 24px; text-transform: uppercase; font-size: 0.9em; }
.itemPreview .buttons span a { background: url(../images/bgButton.gif) left top repeat-x; color: #43423f; text-decoration: none; display: block; height: 35px; padding: 0 10px; border: 1px solid #c2ac7b; border-radius: 5px; -moz-border-radius: 5px; }
.itemPreview .buttons span a:hover { background: url(../images/bgButton.gif) left bottom repeat-x; }
.itemPreview .buttons span.price { width: 102px; text-align: center; display: block; float: left; font-weight: bold; color: #47191e; font-size: 1.2em; margin-right: 24px; text-transform: none; }
.itemPreview img { margin-right: 10px; }

/* Login form */
#loginForm { margin: 30px 0 15px 0; }
#loginForm p { padding: 0 0 10px 0; }
#loginForm .submit { clear: left; }
#loginForm label { display: block; float: left; width: 150px; text-align: right; padding: 0 10px 0 0; clear: left; margin: 5px 0;}
#loginForm input.text, #loginForm input.button { width: 200px; padding: 3px; margin: 5px 0; }
#newsletterForm img { display: block;  width: 150px; margin-left: 160px; }
#loginForm textarea { width: 100%; height: 155px; font-family: Arial, Verdana, sans-serif; padding: 3px; font-size: 1em; }
#loginForm .fieldError { display: block; width: 280px; margin: 0 0 10px 160px; color: #F70010; font-size: 0.9em; }
#loginForm div.submit { padding: 0 0 10px 155px; }
#right .loginForm p { width: 25%; float: left; }

/* Collections */
.collection { display: block; width: 315px; float: left; margin: 0 20px 20px 0; }
.collection.odd { margin: 0 0 20px 0; }
.collection h3 { height: 30px; line-height: 30px; }
.collection h3 a { color: #999; text-decoration: none; }
.collection h3 a:hover { color: #fcc85b; }
.collection p a { height: 150px; width: 300px; display: block; background: #000; }

/* Photos */
.galleryName { margin-bottom: 10px; }
.photo { display: block; width: 81px; height: 81px; overflow: hidden; margin: 0 6px 25px 19px; float: left; border: 1px solid #9B826D; }

/* ProducBox */
.productListing { border-top: 1px solid #eaeaea; }
.productBox { width: 344px; height: 145px; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; display: block; float: left; font-size: 0.9em; overflow: hidden; padding-right: 19px; position: relative; }
.productBox.odd { width: 345px; border-right: 0; }
.productBox a.image { display: block; float: left; margin: 10px 10px 0 19px; }
#right .productBox h3 { padding: 10px 0 5px 0; }
.productBox h3 a { text-decoration: none; }
.productBox h3 a:hover { text-decoration: underline; }

.productBox .buttons { position: absolute; bottom: 19px; right: 19px; text-align: right; width: 229px; }
.productBox .price { color: #f00; float: left; }
.productBox span.buyButton, .productBox span.detailButton { color: #fff; text-transform: uppercase; font-size: 0.8em; margin-left: 10px; display: block; float: right; }
.productBox span.buyButton { background: url(../images/buyButtonSmall.gif) 3px 1px no-repeat #f00; }
.productBox span.detailButton { background: url(../images/detailButtonSmall.gif) 0 1px no-repeat #eee; color: #444; }
.productBox .buttons a { text-decoration: none; color: #fff; display: block; padding: 5px; padding-left: 25px; }
.productBox .buttons span.detailButton a { padding-left: 20px; color: #444; }
.productBox span.buyButton a:hover { background: url(../images/buyButtonSmall.gif) 3px 1px no-repeat #cb0000; }
.productBox span.detailButton a:hover { background: url(../images/detailButtonSmall.gif) 0 1px no-repeat #c1c1c1; }
.productBox.action { background: url(../images/action_cz.gif) right top no-repeat; }

.articleRight .productBox { width: 311px; border-right: 0; }
#right .articleRight .productBox h3 { background: none; margin-bottom: 0; clear: none; padding: 10px 0 5px 0; }
.articleRight .productBox .buttons { width: 198px; right: 10px; bottom: 13px; }

#right .articleRight .serviceList { font-size: 0.9em; list-style: none; padding: 0; }
.articleRight .serviceList li { float: left; border-right: 1px solid #EAEAEA; margin-bottom: -1px; }
.articleRight .serviceList li.odd { border-right: 0; }
.articleRight .serviceList li a { display: block; width: 135px; padding: 5px 10px 5px 19px; text-decoration: none; }
.articleRight .serviceList li.odd a { width: 136px; }
.articleRight .serviceList li a:hover { background: #efefef; }
.articleRight .serviceList li.file { border-top: 1px solid #EAEAEA; }
.articleRight .serviceList li img { float: left; margin-bottom: 0; }

/* Product detail */
.productInfo { width: 175px; display: block; float: left; font-size: 0.9em; margin-right: 24px; }
.productInfo .photos { display: block; height: 71px; padding-left: 5px; overflow: hidden; }
.productInfo .photos a { display: block; width: 71px; height: 71px; float: left; margin: 0 15px; }
.productInfo .price { text-align: center; color: #47191E; padding-top: 30px; }
.productInfo .price span { display: block; }
.productInfo .price span.value { font-size: 1.3em; padding-bottom: 5px; font-weight: bold; }
.productInfo .price span.withoutVat { padding-bottom: 15px; }
.productInfo .price span.buyButton { display: block; text-transform: uppercase; font-size: 1em; width: 134px; margin: 0 auto; line-height: 34px; }
.productInfo .price span.buyButton a { background: url(../images/bgButton.gif) left top repeat-x; color: #43423f; text-decoration: none; display: block; height: 35px; padding: 0 10px; border: 1px solid #c2ac7b; border-radius: 5px; -moz-border-radius: 5px; width: 114px; margin: 0 auto; }
.productInfo .price span.buyButton a:hover { background: url(../images/bgButton.gif) left bottom repeat-x; }



.productDetail { float: left; width: 474px; }
#right .productDetail h3 { clear: left; padding-top: 0; }

/* Banners */
.banner.left { width: 225px; overflow: hidden; }

/* PAGEBAR */
.pagebar { display: block; text-align: center; padding: 20px 0; line-height: 25px; }
.pagebar a { text-decoration: none; }
.pagebar a, .pagebar span, .pagebar strong { padding: 10px; }
.pagebar img { margin: 0 5px 0 5px; vertical-align: bottom; }

/* Login Box */
#loginBox a, #shareBox a { padding: 0 0 0 10px; }
#shareBox { position: absolute; top: 50px; right: 0; }

/* Share */
.sendtofriend { display: none; position: absolute; right: 0; bottom: 49px; background: #111; border: 1px solid #1a1a1a; width: 300px; }
.sendtofriend.show { display: block; }
.sendtofriend h3 { padding: 20px; }
.sendtofriend label { width: 90px; display: block; float: left; }
.sendtofriend p.right { text-align: right; }

/* SHOPPING CART LINE */
#cartLine { height: 40px; width: 100%; display: block; background: url(../images/cartTop.gif) left bottom repeat-x #4D7923; color: #fff; line-height: 36px; }
#cartLine a { color: #eee; text-decoration: none; }
#cartLine a:hover { color: #fff; }
#cartLine .content { width: 942px; margin: 0 auto; }
#cartLine strong { text-transform: uppercase; font-size: 0.9em; }
#cartLine span { background: url(../images/bgButton.gif) left top repeat-x; color: #43423f; text-decoration: none; padding: 3px 10px; border: 1px solid #666; border-radius: 5px; -moz-border-radius: 5px; text-transform: uppercase; font-size: 0.9em; margin-left: 10px; }
#cartLine span:hover { background: url(../images/bgButton.gif) left bottom repeat-x; }

#cartLine .voucher { float: right; font-size: 0.9em; }

/* SHOPPING CART */
.cartStep { background: url(../images/bgMenuTop.png) bottom left repeat-x; color: #A18362; margin-right: 24px; }
.cartStep a { color: #A18362; text-decoration: none; display: block; }
.cartStep a:hover { color: #111; }
.cartStep a:hover strong, .cartStep a:hover span { color: #4D7923; }
.cartStep.last { border-bottom: 0; }
.cartStep.last, .cartStep.middle { margin-top: 15px; }
.cartStep span { display: block; float: left; font-size: 2em; margin: 0 4px 0 0; color: #A18362; font-style: italic; }
.cartStep.active { color: #2c2e35; }
.cartStep.active span { color: #4D7923; }

.shoppingList { width: 480px; font-size: 0.9em; margin-bottom: 30px; }
.shoppingList th { font-weight: bold; background: url(../images/bgMenuTop.png) bottom left repeat-x; vertical-align: middle; padding: 2px; }
.shoppingList td { padding: 7px 0; background: url(../images/bgMenuTop.png) bottom left repeat-x; }
.articleRight.cart { width: 209px; }
.shoppingList .summary td { padding: 7px 0; border-bottom: 0; border-top: 1px solid #CFBA8D; font-weight: bold; }
.shoppingList a.active { padding: 0 3px; background: #f00; color: #fff; text-decoration: none; }
.shoppingList a.changeCount { padding: 0 3px; background: #A18362; color: #fff; text-decoration: none; }
.shoppingList a.changeCount:hover { background: #4D7923; }
.shoppingList a.changeCount.minus { padding: 0 5px; }

.cartDelete { position: absolute; right: 24px; top: -60px; z-index: 9999; }
.cartDelete a { padding: 5px 10px; background: #A18362; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 0.8em; }
.cartDelete a:hover { background: #4D7923; }

/* DELIVERY METHODS */
.deliveryMethod { width: 495px; margin-bottom: 10px; }
.deliveryMethod input { margin: 0 10px 0 0; }
.deliveryMethod label { font-weight: bold; font-size: 0.9em; }
#right .deliveryMethod p { margin-left: 27px; padding-bottom: 0; }

form.checkout p.submitLine { width: 485px; text-align: right; margin-top: 30px; }
form.checkout input.button { background: #4D7923; color: #fff; padding: 5px; border: 0; font-size: 0.8em; cursor: pointer; }
form.checkout input.button:hover { background: #462324; }

table.orderForm { margin: 0 0 19px 0; width: 480px; }
table.orderForm.bottom { border-top: 1px solid #EAEAEA; margin-top: 20px; }
table.orderForm td, table.orderForm th { padding: 3px 0; }
table.orderForm th { width: 150px; vertical-align: top; }
table.orderForm input.text, table.orderForm textarea { width: 314px; padding: 3px; }
table.orderForm input.error { background: #f1e3e3; }
.fieldError { color: #f00; font-size: 0.9em; }
a.orderExpander { font-size: 0.7em; padding: 2px 4px; margin-left: 10px; font-weight: normal; text-transform: uppercase; background: #A18362; color: #fff; text-decoration: none; display: none; }
a.orderExpander:hover { background: #4D7923; }

/* PRESS RELEASES */
h3 a.releaseButton { font-size: 0.7em; padding: 2px 4px; margin-left: 5px; font-weight: normal; text-transform: uppercase; background: #f00; color: #fff; text-decoration: none; }
h3 a.releaseButton:hover { background: #CB0000; }
h3 small { color: #aaa; font-weight: normal; font-style: italic; }

/* FAQ */
a.faqButton { font-size: 0.7em; padding: 2px 4px; margin-left: 5px; font-weight: normal; text-transform: uppercase; background: #f00; color: #fff; text-decoration: none; float: right; margin: 5px 19px 0 0; }
a.faqButton:hover { background: #CB0000; }
.question, .answer { border-top: 1px solid #EAEAEA; }
.question, .answer { padding-top: 10px; }
.question.full { font-weight: bold; background: url(../images/question.gif) 19px bottom no-repeat; border-top: 0; }
.answer { background: #f1f1f1; margin-bottom: 15px; }
h2 a.faqHomeButton { font-size: 0.8em; padding: 4px 6px; font-weight: normal; text-transform: uppercase; background: #f00; color: #fff; text-decoration: none; float: right; margin: -2px 0 0 0; }
h2 a.faqHomeButton:hover { background: #CB0000; }
h3 .faqCategoryLink { font-weight: normal; font-size: 0.8em; float: right; }

.questionFormLeft, .questionFormRight { float: left; }
.questionFormLeft { width: 250px; }
.questionFormRight { width: 412px; }
.questionFormLeft input { width: 210px; padding: 4px; }
.questionFormLeft select { width: 220px; padding: 4px; }
.questionFormRight textarea { width: 430px; height: 154px; padding: 4px; margin-top: 1.7em; }
.questionForm { text-align: right; }
.questionForm input.button { background: #f00; color: #fff; padding: 5px; text-transform: uppercase; border: 0; font-size: 0.8em; cursor: pointer; }
.questionForm input.button:hover { background: #cb0000; }

/* VIDEO */
.videoHeading, .video { clear: left; }
#right h3.videoHeading { padding-bottom: 0; }
.video h4 { font-size: 0.8em; }
.video .preview { float: left; width: 150px; height: 80px; display: block; padding-right: 19px; margin: 0 0 19px 19px; border-right: 1px solid #eaeaea; background: url(../images/videoBg.gif) 0 0 no-repeat; }
.video .content { margin-left: 19px; float: left; height: 80px; display: block; width: 450px; }
#right .video .content p { padding: 5px 0 10px 0; }
.videoButton { background: #f00; color: #fff; padding: 4px; text-transform: uppercase; border: 0; font-size: 0.7em; cursor: pointer; text-decoration: none; }
.videoButton:hover { background: #cb0000; }

/* PRESS */
.press { margin-bottom: 19px; }

/* VOUCHER */
.voucherForm input.text { width: 163px; border: 1px solid #eaeaea; padding: 3px; }
.voucherForm .submit { text-align: right; }
.voucherForm input.button { background: #f00; color: #fff; padding: 5px; text-transform: uppercase; border: 0; font-size: 0.8em; cursor: pointer; margin: 0 19px 19px 0; }
.voucherForm input.button:hover { background: #cb0000; }

/* CETELEM */
#registrationForm.cetelem { clear: none; }
#cetelemForm { width: 350px; margin-top: 19px; }
#cetelemForm label { width: 115px; }
#cetelemForm input.text, #cetelemForm select { width: 174px; }
.cetelemResult table { margin: 0 0 19px 17px; width: 250px; float: left; }
.cetelemResult table td, .cetelemResult table th { padding: 5px; border-bottom: 1px solid #eaeaea; }

/* LOGIN */
#left .loginForm { margin: 10px; }
#left .loginForm label { display: block; float: left; width: 55px; padding-left: 5px; text-transform: uppercase; }
#left .loginForm input.text { width: 102px; border: 1px solid #c1ab7b; padding: 5px; color: #62433b; font-size: 0.8em; }
#left .loginForm p { padding-bottom: 5px; }
#left .loginForm.logged p { padding-left: 10px; }
#left .loginForm .submit { padding-top: 5px; text-align: right; }
#left .loginForm .submit input.button { text-transform: uppercase; font-size: 0.7em; }
#right .loginForm .submit { padding-left: 19px; }
#left .loginForm.logged { margin-bottom: 80px; }

/* SETTINGS */
.settingsForm { width: 100%; }
.settingsForm table { margin: 19px 19px 8px 19px; }
.settingsForm table th { width: 180px; padding: 3px 0; }
.settingsForm table td { width: 420px; padding: 3px 0; }
.settingsForm table input.text, .settingsForm table select { padding: 3px; width: 390px; }
.settingsForm .submit { width: 598px; margin-bottom: 19px; text-align: right; }
.settingsForm .fieldError { display: block; }
.settingsForm .submit input.button { background: #4D7923; color: #fff; padding: 5px; border: 0; font-size: 0.7em; cursor: pointer; }
.settingsForm .submit input.button:hover { background: #462324; }

.machineList { width: 690px; margin: 0 19px 19px 19px; }
.machineList th, .machineList td { padding: 3px 0; border-bottom: 1px solid #eaeaea; }
.machineList th { font-weight: bold; }

.csCardForm { margin: 19px; text-align: right; }
.csCardForm input.submit { background: #f00; color: #fff; padding: 3px; text-transform: uppercase; border: 0; font-size: 0.9em; cursor: pointer; }
.csCardForm input.submit:hover { background: #cb0000; }

/* Request form */
#requestForm { background: url(../images/bgMenuTop.png) top left repeat-x; width: 696px; display: block; clear: both; margin-top: 20px; padding-top: 20px; }
#requestForm .half { width: 348px; float: left; }
#requestForm label { display: block; float: left; width: 122px; text-align: right; padding-right: 8px; }
#requestForm label.checkbox { float: none; display: inline; width: auto; text-align: left; padding: 0; }
#requestForm input.text, #requestForm select, #requestForm textarea { width: 180px; }
#requestForm .formButtons { text-align: right; padding-right: 26px; margin: 35px 0; }
#requestForm .formButtons p { float: left; text-align: left; line-height: 35px; }
#requestForm p { clear: both; }
#requestForm span.fieldError { width: 190px; float: right; margin: 5px 0; }
#requestForm img { width: 160px; float: right; margin: 10px 16px 0 0; }

/* Recipes */
.recipePreviewImage { float: left; width: 102px; height: 66px; overflow: hidden; margin: 0 10px 10px 0; border-bottom: 1px solid #B7A274;}
.recipePreviewImage img { border: 1px solid #B7A274; border-bottom: 0; }
.recipeDetailImage { display: block; }

/* JCAROUSEL */
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 270px; height: 71px; padding: 0 25px 0 30px; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  270px; height: 71px; }
.jcarousel-skin-tango .jcarousel-item { width: 71px; height: 71px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 25px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 17px; right: 5px; width: 7px; height: 39px; cursor: pointer; background: transparent url(../images/next.png) no-repeat -7px 0; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(../images/prev.png); }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: 0px 0; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -7px 0; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -14px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 17px; left: 5px; width: 7px; height: 39px; cursor: pointer; background: transparent url(../images/prev.png) no-repeat -7px 0; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(../images/next.png); }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: 0px 0; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -7px 0; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -14px 0; }