@charset "utf-8";
/* CSS RESET */
@import url(reset.css);
@import url(default.css);

/* CSS LAYOUT DESIGN */

/* ====================================================
Style Sheet Title: Central vending
Written By: Donna Clinch


Swatch Colours
-------------------------------------------------------
# - 666666 -default text colour
# - dd722e - link colour
# - 
# - 
# - 
# - 
======================================================*/


body {
	background:url(../images/background.jpg) repeat-x ;
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
}

a, a:link, a:hover, a:visited {
	font-weight:bold;
	color:#dd722e;
}

#wrapper {
	width:940px;
	margin:0px auto;
}
/******************************************************/
/*                    Header                          */
/******************************************************/

h1.logo {
	background:url(../images/logo.png) no-repeat; 
	width:360px;
	height:60px;
	float:left;
	display:inline;
	overflow:hidden;
	margin:60px 0px 40px 0px;

}

h1.logo a {
	text-indent:-999999px;
	width:360px;
	height:60px;
	display:block;
	overflow:hidden;
}


div.nav {
	background: url(../images/nav.png) no-repeat top center; 
	width:542px; 
	height:64px;
	float:right;
	display:inline;
	margin:60px 0px 40px 0px;

}

div.nav ul {
	text-align:center;
}

div.nav ul li {
	display:inline;
	margin:0px 10px; 
}

div.nav ul li a:link, div.nav ul li a:visited {
	color:#fff;
	font-weight:normal;
	line-height:46px;
}
	
	
/******************************************************/
/*                    Main Content                    */
/******************************************************/

#content h2 {
	margin:20px 0px;
	color:#dd722e;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
}

h3, h4, h5, h6 {
	margin:10px 0px;
	color:#dd722e;
	font-size:17px;
	font-weight:bold;

}

#content p {
	line-height:20px;
	margin-bottom:10px;
}

#content div.left-half {
	float:left;
	display:inline;
	width:460px;
	margin-bottom:10px;
}

#content div.right-half {
	float:right;
	display:inline;
	width:460px;
	margin-bottom:10px;
}

#content div.left-2thrid {
	float:left;
	display:inline;
	width:650px;
	margin-bottom:10px;
}

#content div.right-thrid {
	float:right;
	display:inline;
	width:250px;
	margin-bottom:10px;
	text-align:center;
}

#content div.right-2thrid {
	float:right;
	display:inline;
	width:650px;
	margin-bottom:10px;
}

#content div.left-thrid {
	float:left;
	display:inline;
	width:250px;
	margin-bottom:10px;
	text-align:center;
}

#content div.right-thrid img, #content div.left-thrid img{
	display:inline;
	margin:0px auto;
}

#content img.border {
	border:1px solid #963f06;
}


em {
	font-weight:normal;
	font-style:normal;
	color:#dd722e;
}

ul.homepagevendor li{
	display:inline;
	position:relative;
}

ul.homepagevendor li p a:link, ul.homepagevendor li p a:visited,  ul.homepagevendor li p a:hover {
	color:#fff;
}

ul.homepagevendor li img {
	display:inline;
}

ul.homepagevendor li.colddrinks{
	background:url(../images/colddrinks.jpg) no-repeat top center;
	width:224px; 
	height:409px;
	display:block;
	float:left;
	margin:5px 2px;
}

ul.homepagevendor li.freshproducts{
	background:url(../images/freshproducts.jpg) no-repeat top center;
	width:224px; 
	height:409px;
	display:block;
	float:left;
	margin:5px 2px;
}
	
	
ul.homepagevendor li.hotdrinks{
	background:url(../images/hotdrinks.jpg) no-repeat top center;
	width:224px; 
	height:409px;
	display:block;
	float:left;
	margin:5px 2px;
}
	
	
ul.homepagevendor li.snackvendors{
	background:url(../images/snacks.jpg) no-repeat top center;
	width:224px; 
	height:409px;
	display:block;
	float:left;
	margin:5px 2px;
}

ul.homepagevendor li p {
	position:absolute;
	bottom:30px;
	right:0px;
	width:224px;
	text-align:center;
	color:#fff;
	font-size:25px;
	font-weight:bold;
	text-shadow:2px 1px 1px #333;
	
}

img.standards {

	text-align:center;
	margin:50px auto 50px auto
}

img.standards2 {

	text-align:center;
	margin:0px auto 0px auto
}


div.half {
	width:450px;
	float:left;
	display:inline;
	padding:10px;
}

.padding20topbottom {
	 padding:20px 0px;
}

/*--------ACTUAL SLIDER CSS----------------------------*/

#slider ul {
	height:0px;
	padding:0px;
	margin:0px;
}


#slider li.mbSlider_Slide, #slider2 li.mbSlider_Slide, #slider3 li.mbSlider_Slide, #slider4 li.mbSlider_Slide   {
	width:461px;
	height:185px;
}

#slider li.mbSlider_Slide ul.img li, #slider2 li.mbSlider_Slide ul.img li, #slider3 li.mbSlider_Slide ul.img li, #slider4 li.mbSlider_Slide ul.img  li{
	display:inline;
	height:110px;
	width:110px;
	padding:27px 2px;
	float:left;
}

ul.img li img {
	vertical-align:middle;
}

#hotdrinks {
	background:url(../images/product-hot.jpg) no-repeat center center;
	width:461px;
	height:185px;
	margin-top:15px;
}

#colddrinks {
	background:url(../images/product-cold.jpg) no-repeat center center;
	width:461px;
	height:185px;
	margin-top:15px;
}
#freshproducts {
	background:url(../images/product-fresh.jpg) no-repeat center center;
	width:461px;
	height:185px;
	margin-top:15px;
}

#snacks{
	background:url(../images/product-snacks.jpg) no-repeat center center;
	width:461px;
	height:185px;
	margin-top:15px;
}

h2 span.black { 
	color:#000;
	font-weight:bold;
	font-style:italic;
}



/*----------------Contact page------------------------*/

.right-half p.phone, .right-half address {
	text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#d1581f;
}

.right-half address {
	margin-bottom:10px;
}

.center {
	text-align:center;
}


.googlemap {
	margin:0px auto;
}


fieldset {
	float:left;
	display:inline;
	width:400px;

}


form.contactform{ 
	width:400px;
}

form.contactform div {
	width: 245px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 150px; /*width of left column containing the label elements*/
	height: 1%;
}

form.contactform div label, form.contactform div span.label {
	float: left;
	margin-left: -150px; /*width of left column*/
	width: 130px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

form.contactform div label.radio {
	float: none;
	margin-left: 10px; /*width of left column*/
	width: 0px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

input.inputfield{
	width:225px;
	padding:5px;
	color:#666666;
	border:1px solid #d1581f;
	background:#f2efe9;

}

input.inputfield:focus{
	width:225px;
	padding:5px;
	color:#f2efe9;
	border:1px solid #d1581f;
	background:#d1581f;

}

form.contactform input.bot{
	display:none;
}

form.contactform input.submit, form.contactform input.submit:focus  {
	background:url(../images/sprite.png) no-repeat  ;
	width:110px;
	height:46px;
	text-indent:-9999px;
	overflow: hidden;
	display:block;
	float:right;
	border:0px;
	margin:0px 4px;
	cursor:pointer;
}


textarea.inputfield {
	width:225px;
	height:100px;
	padding:5px;
	color:#666666;
	border:1px solid #d1581f;
	background:#f2efe9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}


textarea.inputfield:focus {
	width:225px;
	height:100px;
	padding:5px;
	color:#f2efe9;
	border:1px solid #d1581f;
	background:#d1581f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
ul#error-message {
	width:375px;
	margin:10px auto;
	border:1px solid #903;
	color:#903;
	background:#f2bbbb;
	padding:10px;
	
}

p#success-message {
	width:375px;
	margin:10px auto;
	border:1px solid #3b6500;
	color:#3b6500;
	background:#dbf2bb;
	padding:10px;
	text-align:center;
	
}

/******************************************************/
/*                    footer                          */
/******************************************************/

#footer {
	background:url(../images/footer.jpg) repeat-x #ce531b;
	padding:10px 0px 100px 0px ;
	color:#fff;
	margin-top:30px;
}

#footer a:link, #footer a:visited , #footer a:hover {
	color:#fff;
	text-decoration:underline;
}

#footer ul {
	width:960px;
	margin:0px auto;
}

#footer ul li.copyright {
	float:left;
	display:inline;
	width:750px;
}

#footer ul li.Powered {
	float:right;
	display:inline;
	width:200px;
	text-align:right;
}