/*Strong Vend CSS Document */

/*GLOBAL STYLES */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
img{border:none;}
a img {border: none;}
fieldset {border:0;}
caption, th {text-align:left;}
h1, h2, h3, h5, h5, h6 {display:block;}
h1{ font-size:17px;}
h2{ font-size:16px;}
h3{ font-size:15px;}
h4{ font-size:15px; font-weight:bold;}
h5{ font-size:12px; display:inline;}
h6{ font-size:14px; margin:2px 0 3px 0;}
h1.light-brown{ font-size:18px;}
h1.replace span{font-size: 17px; margin:0 0 8px 0; display:block; float:left;}
h2.replace{	font-size: 15px;font-weight:normal;	display:block;	float:left;}
h4.replace{	font-size: 16px;	float:left;}

q:before, q:after {content:'';}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}
address { display:table;}
strong {font-weight: bold;}
em {font-style: italic;}
acronym {cursor:help; border-bottom:1px dotted;}
.right{float:right;}
.left{float:left;}
.block{display:block;}
.clear{ clear:both;}
.small-font{ font-size:11px;}
a{ text-decoration:underline;}
a:hover{ text-decoration:none;}
.light-grey-line{ background:url(../images/light-grey-dot.gif) repeat-x; height:3px; width:632px; margin:15px 0 10px 0; float:left;}
.light-grey-line:after{ clear:both;}
.light-brown-line{ background: url(../images/brown-dot.gif) repeat-x; height:3px; width:650px; margin:10px 0 10px 0; float:left;}
.light-brown-line:after{clear:both;}
#recyclable .light-brown-line{ margin-bottom:14px;}
.lower{ margin-top:5px;}
.star{ margin:2px 5px 0 0;}

body{background-color:#FFFFFF; background:url(../images/top-bg.gif) repeat-x top; font-family:Arial, Helvetica, sans-serif;}

/*FORM STYLES*/
form dt {float: left;clear: left;width: 120px;font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #696868;}
form dd {margin: 0 0 0.5em 4em;font-family: Arial, Helvetica, sans-serif; font-size: 12px;text-align:left;}

/*dont display*/
#left-side ,#footer, #top-nav, #home-banner, .back-link, .print, .zoom-nav, .zoom-product, #product-nav,#logo,#logo h1,
.grey-machine-line, .about-list, .light-grey-line, .grey-line-short, #upload-logo, #upload_form
{ display:none;}


/*** structure ***/
#page{ width:850px;margin:0 auto;padding:0;}
#header{ width: inherit; height:82px; position:relative;}
#call-strongvend {display:none}
#container{ width:inherit; font-size:14px; color:#000000; }
#right-side{width: inherit;}

/*-- logo --*/
#print-logo{width:250px; height:60px; margin:19px 0 0 15px; float:left;}
/*-- top navigation --*/


.top-banner{width:689px; height:126px; text-align:left;}

.banner-text{ margin:15px 0 0 15px; text-align:left; float:left;}
#about-banner-text,#about-overview-text,#bean-machine-text,
#about-warrant-text,#about-careers-text,#about-ethical-text,#about-healthy-text,
#coffee-vending-text,#snack-vending-text,#can-vending-text,#cups-text,
.water-text,#accessories-text{ width:370px;}
/*-- content --*/
.content{ width:652px; margin:15px 0 0 15px; text-align:justify;}
.content p{ line-height:17px; margin-bottom:15px;}
.about-content p{ text-align:justify;}
#history p, #installation p, #delivery p{ width:443px;}
#overview p{ width:442px;}
.healthy-content{ width:420px;}
.home.content{ margin-left:39px;}

/*** home page ***/
/*--- right content---*/
.home-block{width:486px; text-align:justify; line-height:17px;}
.home-block p{ line-height:17px; margin-bottom:15px;}
.coffee-cup{ margin:-9px 45px 0 0;}
.products-block{width:641px;margin:21px 0 29px 0;}
/*--- machine scroll ---*/
#machine1 img{float:left; }
#machine2 img{float:left; }
#machine3 img{float:left;}
#product-wrapper a{ color:#9e0606; text-decoration:underline; padding-left:24px;}
.featuredvideo {margin-bottom:0;}
.featuredvideo a{background:url(../images/ico-film.gif) no-repeat 1px 2px;}
.featured3d { margin:0;}
.featured3d a{background:url(../images/ico-3d.gif) no-repeat 1px 0; height:15px;}

#product-wrapper a:hover{ text-decoration:none;}


#product-wrapper {
	font-size:13px;
	margin: 20px auto;
	overflow: hidden; 
	width: 641px;
	position: relative;
}
 
#product-inner p{ margin-top:7px;text-align:justify; margin-bottom:13px; line-height:16px; width:350px;}
#machine1, #machine2, #machine3, #machine4{ float:left;}

/*--- home bottom ---*/
.home-bottom-block{ font-size:13px;text-align:justify; margin-bottom:20px; }
.home-bottom-block img{margin:0px 11px 0 -2px;}
.home-bottom-block p a{ color:#000000; text-decoration: underline;}
.home-bottom-block p a:hover{ text-decoration: underline; color:#500000;}
.home-bottom-block h4{ margin-top:10px; margin-bottom:1px;}
.home-bottom-block p{ clear:left; line-height:16px;}
.home-bottom-text1 { float:left; width:197px;}
.home-bottom-text2 { float:left; width:226px;}
#home-cup{width:274px;}
#recyclable-cups-text{ overflow:hidden; text-indent:-9999px; z-index:999;}
#recyclable-cups-text a{ background:url(../images/recyclable-cups-with-logo.gif) no-repeat 0 0; width:158px; height:35px; display:block;}
#recyclable-cups-text a:hover{ background-position: 0 -35px;}
#home-business{ width:332px;margin-left:35px;}
#london-business{ overflow:hidden; text-indent:-9999px; z-index:999;}
#london-business a{ background: url(../images/london-based-business.gif) no-repeat 0 0; width:180px; height:13px; display:block;overflow:hidden; text-indent:-9999px; z-index:999;}
#london-business a:hover{ background-position: 0 -13px;}

/*** about page ***/
.about-list{ color:#680202; font-size:13px; margin:3px 0 0 0; float:left;}
.about-list .active{color:#82807e; }
.about-list a{ color:#680202; text-decoration:underline;}
.about-list a:hover{text-decoration:none;}
.coffee-girl{ margin-right:18px; margin-top:-13px;}
.timeline{ margin-right:15px; margin-top:-20px;}
.warrant{ margin:30px 10px;}
.ethical-partner{ margin-right:20px;}
.title-plus{ margin:7px 9px 0 0 ;}


#a-warrant{ margin-top:7px;}
.grey-line-short{ background:url(../images/light-grey-dot.gif) repeat-x; height:3px; width:440px; float:left;}
.bottom{ margin:4px 0 20px 0;}
.top{margin:5px 0 4px 0;}
/*--- careers ---*/
#cv-block{ width:169px; height:212px; border:1px solid #e4ded5;float:right; background:url(../images/send-cv.gif) no-repeat 32% 5%; background-color:#f2ece6;  padding-top:55px; margin-right:15px;}
#cv-block .field{ border:1px solid #a0856d; width:134px; height:20px; font-size:12px; color:#8b8884; margin:5px 0 5px 13px; padding:5px 0 0 8px;}
.submit-cv-bt{ margin:15px 0 0 13px;}
.cv-list{ list-style-type:none; margin:10px 0 25px 9px; padding:0;}
.cv-list li{ background:url(../images/cv-list.gif) no-repeat center left; padding: 0 0 0 15px; margin:4px 0 4px 0;}
/*--- ethical trading ---*/
.ethical-title{width:438px; height:20px; float:left;}
.ethical-title img{ float:left; margin:5px 8px 0 0;}
.ethical-content{ padding:0; float:left;}
.ethical-content p{ line-height:18px;}
.etp p img{ margin:0px 15px 5px 0;}
.ethical-list{ list-style-type:disc; margin:0px 0 15px 10px; padding:0;}
.ethical-list li{ margin:0 6px 10px 0; line-height:23px;}
.tierra-logo{ float:left; margin:10px 5px 10px 5px;}
.grower{ margin-left:24px;}
.lavazza{ margin-right:25px;}
.paper-round{ margin:0 26px 0 0; float:left;}
/*--- healty option ---*/
.healthy-content p{ margin-top:10px; line-height:23px;}
.evian{ margin:80px 35px 0 0;}
.healthy-list{ list-style-type:none; margin:5px 0 15px 15px; padding:0;  text-align:justify;}
.healthy-list li{ background:url(../images/cv-list.gif) no-repeat 0 7px; padding: 0 0 0 17px; margin:0 0 10px 0; line-height:20px;}
/*--- royal warrant ---*/
#warrant-block{ padding-bottom:5px;}


/*** services ***/
#service-feature{ background:url(../images/services-list-bg.gif) no-repeat; width:170px; height:327px; font-size:12px; float:right; margin:5px 18px 0 0;}
#use-strong-vend{ overflow:hidden; text-indent:-9999px; background:url(../images/why-use-strong-vend.gif) no-repeat; width:151px; height:30px; margin:10px 0 0 8px;}
#service-list{ list-style-image:url(../images/service-list.gif); list-style-position:inside; color:#3c1f12; margin:12px 10px 0 10px;}
#service-list li{ margin: 0 0 12px 0px; }
/*--- renting ---*/
#rent-list{ list-style-type:none; margin:5px 0 0 0; padding:0;  text-align:justify; width:425px; float:left;}
#rent-list li{ background:url(../images/ico-check.gif) no-repeat 0 center; padding: 0 0 0 19px; margin:0 0 10px 0; line-height:20px;}
#rent-quote{ width:170px; height:352px; border:1px solid #e3deda; background:url(../images/rent-quote-bg.gif) repeat-x top; float:right; margin-right:22px; margin-top:10px; font-size:11px; color:#8f1719;}
#request-quote{ text-indent:-9999px; background:url(../images/request-a-quote.gif) no-repeat; width:145px; height:17px; margin:10px 0 13px 9px;}
#rent-quote .field{ border:1px solid #a0856d; width:125px; height:15px; font-size:11px; color:#8b8884; margin:0 0 9px 23px; padding:3px 0 0 8px;}
#solution{ float:left;margin-left:17px; margin-bottom:10px;}
.check-box{margin:0 0 8px 26px; float:left;}
.check-box input{margin:0 5px 0 0}
#submit-bt{ margin-left:26px; margin-top:10px; }
.guarantee{margin:3px 0 28px 30px;}
.installation{ margin:20px 40px 0 0;}
.delivery1{ margin:7px 8px 12px 0;}
.delivery2{ margin-right:8px;}
#upload-logo{ background:url(../images/customzation.jpg) no-repeat; width:151px; height:301px; float:right; margin:8px 18px 0 0;}
#user-logo{ width:94px; height:130px; float:left; margin:5px 0 0 6px;}

#upload_target{ width:112px; height:143px; float:left; margin:3px 0 0 6px; border:0; padding:0;}

#upload_form{ float:right; margin-right:11px; width:158px;}
#upload_form input{ margin-top:12px; float:left;}
#upload-text{ color:#5b1010; font-size:9px; float:right; width:57px; margin:12px 0 0 5px;}

/*** bean to coffee ***/
.machine-block{ width:320px; margin:5px 0px 5px 0;font-size:13px; }
.machine-block.wide{ width:320px;}
.machine-block img{ float:left; margin-right:10px;}
.machine-block-text{ float:left; width:205px; margin:10px 0 0 0;}
.machine-block-text.wide{ width:205px;}
.machine-block-text p{ margin-top:5px; text-align:justify;}
.machine-block-text a{ color:#000000; text-decoration:underline;}
.machine-block-text a:hover{text-decoration:none;}



/*--- brands ---*/
#brands #accordion{ margin-top:18px;}
.brand-title{width:633px; height:25px; float:left;}
.brand-title img{ float:left; margin:5px 3px 0 0;}
.brand-content{float:left;}
.brand-content p{line-height:17px; width:468px;text-align:justify; float:left;}
.brand-img{float:left;width:633px; margin:5px 0 5px 0; vertical-align:middle;}
.brand-img img{ margin-right:13px; float:left; }
.big-snack{ margin:10px 0 28px 0;}
.grey-brand-line{background:url(../images/light-grey-dot.gif) repeat-x; height:3px; width:633px; float:left;}
.bottom1{ margin-top:1px; margin-bottom:18px;} 
p.lavazza{ margin-top:5px;}
p.cadbury{ margin-top:10px; margin-bottom:40px;}

/*--- products ---*/

#image-zoom{ float:left;}

.zoom-on{ background:url(../images/zoom-on.gif) no-repeat center;}
.zoom-off{ background:url(../images/zoom-off.gif) no-repeat center;}

.feature-list{ list-style-type:none; margin:5px 0 5px 9px; padding:0;}
.feature-list li{ margin:4px 0 4px 6px; list-style-type:circle;}

#quoteform{ margin-top:10px;}
#quote-form{ color:#807b73; font-size:13px; margin:5px 10px 0 20px;}
#quote-form .text-field{ border:1px solid #d2c4b4; height:21px; padding-top:3px; font-size:14px;}
#quote-form dt{ vertical-align:middle; padding-top:5px;}

dd.check-lable{ text-align:center;}
.check-field{margin:0 5px 0 20px;}
.spam-img{ border:1px solid #d2c4b4; margin-left:10px;}
.spam-label{ height:30px;}

.similar-products{ float:right; width:477px;}
.similar-block{ margin:5px 30px 5px 0px;}
.similar-block img{ float:left; margin-top:10px;}

/*** snack ***/

/*** recyclable cups ***/
#recyclable h1{ margin-top:8px;}
#recyclable p{ line-height:18px;}
#recyclable {margin-bottom:15px;}
#cups-right-content{ width:440px;}
.quote-plus{ margin:7px 17px 0 0 ;}
.quote{ margin:7px 7px 0 0 ;}
/*** footer ***/
#footer-link{ float:right; vertical-align:middle; margin:22px 24px 0 0 ;}


/* Categories Page */
.category-list {width:652px; position:relative; top:20px; list-style:none;}
.category-bean, .category-coffee, .category-hot, .category-snack, .category-can, .category-water, .category-cups, .category-accessories {height:95px; margin-bottom:25px; width:288px; float:left; position:relative;}
.category-bean h3 a, .category-coffee h3 a, .category-hot h3 a, .category-snack h3 a, .category-can h3 a, .category-water h3 a, .category-cups h3 a, .category-accessories h3 a { position:relative;margin-left: 11px; font-size:15px; text-decoration:none; top:9px; z-index:99;}
.category-bean h3 a:hover, .category-coffee h3 a:hover, .category-hot h3 a:hover, .category-snack h3 a:hover, .category-can h3 a:hover, .category-water h3 a:hover, .category-cups h3 a:hover, .category-accessories h3 a:hover {text-decoration:underline;} 
.category-bean p, .category-coffee p, .category-hot p, .category-snack p, .category-can p, .category-water p, .category-cups p, .category-accessories p {color:#666262; font-size:13px; width:208px; margin-left:11px; top:14px; position:relative; z-index:99;}
.leftcat{margin-right:59px;} 
.category-bean, .category-coffee { background:url(../images/category-coffee.gif) repeat-x;}
.category-hot, .category-snack { background:url(../images/cat-hot-drinks.gif) repeat-x;}
.category-can, .category-water { background:url(../images/category-water.gif) repeat-x;}
.category-cups, .category-accessories { background:url(../images/category-recyclable-cups.gif) repeat-x;}
.cat-gastro {position:absolute; z-index:0; top:-6px; left:231px;}
.cat-mondo {position:absolute; z-index:0; top:-8px; left:227px;}
.cat-ultima {position:absolute; z-index:0; top:0px; left:232px;}
.cat-shopper {position:absolute; z-index:0; top:-3px; left:228px;}
.cat-vendo{position:absolute; z-index:0; top:-3px; left:232px;}
.cat-bravilor {position:absolute; z-index:0; top:6px; left:221px;}
.cat-recycle {position:absolute; z-index:0; top:-1px; left:232px;}
.cat-tea-stand {position:absolute; z-index:0; top:-2px; left:238px;}


/*News and Press */
.news-title {width:425px;}
.news-clear {clear:left; margin-top:6px;}
.news-title a, .news-title a:visited {font-family:Arial, Helvetica, sans-serif; color:#5b1010; font-size:16px; text-decoration:underline; display:block;}
.news-title a:hover {text-decoration:none;}
.news-line {margin-top:5px;}
.news-caption {float:right; font-size:13px; color:#807b73; margin-top:4px;}
.news-date {color:#9d856b;}
.news-summary img {margin-top:12px; float:left; margin-right:15px;}
.news-summary p {font-size:14px; color:#000000; width:405px; float:left; margin-top:14px;}

/*Contact Form */
.contact-page {width:390px;}
.contact-form {margin:0; padding:0;}
.contact-form #contact-form{ color:#807b73; font-size:13px; margin:0;}
#contact-form .text-field{ border:1px solid #d2c4b4; height:21px; padding-top:3px; font-size:14px;}
#contact-form dt{ vertical-align:middle; padding-top:5px;}
.messagebox {width:232px;border:1px solid #d2c4b4; padding-top:3px; font-size:14px; height:100px;}
dd.messagearea {height:108px;}
.newsletter-receive {text-align:left;}
dd.radioLabel {text-align:left; height:30px; margin:20px 0 0 10px;}
.radioBox {margin:0 0 0 10px;}
.spam-help {font-size:10px; height:25px;}
.secure-details {font-size:10px; width:135px; position:relative; top:-32px; left:190px;}
#address-feature{ background:url(../images/address-bg.jpg) repeat-x; width:226px; height:255px; font-size:12px; float:right; margin:57px 16px 0 0; border:#e5dfd6 solid 1px;}
#contact-title{ overflow:hidden; text-indent:-9999px; background:url(../images/contact-details.gif) no-repeat; width:169px; height:15px; margin:13px 0 0 24px;}
.sv-address {margin:20px 0 0 18px; width:191px; color:#807b73;}
#overview .sv-address p {margin-bottom:10px; width:189px;}
#map{width:425px; height:350px; position:relative;}
.c-title{width:632px; height:20px; float:left;}
.c-title h3{ display:block; float:left}
.c-content{ position:relative; height:380px; width:455px; float:left;}

/*Footer Pages */
.accessibility p {width:503px;}

/*Brands*/
.ingredients {margin-right:15px;}
#lavazza-footer {width:546px; height:91px; background:url(../images/lavazza-launch.jpg) no-repeat; position:relative;}
#lavazza-footer p {top:36px; left:19px; position:relative; font-size:13px;}
#lavazza-footer a {color:#7c7c7c; }


.machine{ width:478px;}
.machine-title{width:477px; height:20px; float:left; background-image:none;}
.machine-title img{ float:left; margin:5px 8px 0 0;}
.machine-content{ float:left;}
.machine-content p{padding-left:15px; margin-top:5px; margin-bottom:5px;}
.machine-slim{ margin-left:10px; padding-right:8px;}

#accordion .machine-content, #accordion .ethical-content{ 
display: block !important;
height: auto !important;
overflow: visible !important;
line-height: 1.4em !important;
visibility: visible !important;
opacity: 1 !important;
filter:alpha(opacity=100) !important;
margin-bottom: 10px !important;
}



.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
	visibility:hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;


}