﻿/* Layout Begin */

body {
	background:				url('images/background.gif') repeat-y left top;
	font-family:			Arial;
	color:					#666666;
	font-size:				12px;
	width:					100%;
}

p {
	margin-top:				5px;
	margin-bottom:			10px;
}

#wrapper {
	top: 					0px;
	left:					50%;
	margin-left: 			-436px;
	position: 				absolute;
	width:					860px;
	float:					left;
	border:					5px #DAE7F5 solid;
	background-color:		#DAE7F5 ;
}

#layout {
	width:					100%;
	border:					1px #B2B2B2 solid;
	float:					left;
	background-color:		#FFFFFF;
}

#banner {
	background-image:		url('images/banner.gif');
	width:					840px;
	height:					89px;
	padding-right:			20px;
}

#banner h1 {
	margin:					0px;
	float:					right;
	margin-top:				27px;
	font-size:				15px;
	color:					#4CB8FF;
}

#banner address {
	float:					right;
	color:					#0A62BF;
	font-style:				normal;
	font-weight:			bold;
}

/* Layout End */

/* Navigation Begin */


#navigation {
	background:				#B2B2B2 url('images/fade.gif') no-repeat left bottom;
	height:					38px;
	padding-left:			199px;
	margin-bottom:			12px;
}

#navigation ul li {
	display:				inline;
}


#navigation ul {
	margin:				0px;
	padding:			0px;
	margin-left:		10px;
	border-left:		1px #FFFFFF solid;
	display:			inline-block;
	list-style-type:	none;
}

#navigation li a {
	border-right:		1px #ffffff solid;
	float:				left;
	display:			inline;
	list-style-type:	none;
	line-height:		30px;
	padding-left:		14px;
	padding-right:		15px;
}

#navigation a {
	text-decoration:	none;
	font-size:			12px;
	color:				#FFFFFF;
}

#navigation a:hover {
	color:				#FFFFFF;
	background-color:	#66CCFF;
}

.active {
	color:				#FFFFFF;
	background-color:	#66CCFF;
}

/* Navigation End */

/* Call to Action Begin */

#cta-wrapper {
	float:				left;
}

#cta-wrapper span {
	float:				none;
}

.cta1 {
	background-image:	url('images/call-1-bg.gif');
	width:				179px;
	height:				60px;
	margin-left:		20px;
	padding:			21px;
	padding-top:		19px;
	color:				#FF6600;
	margin-bottom:		12px;
}

.cta2 {
	background-image:	url('images/call-2-bg.gif');
	width:				179px;
	height:				60px;
	margin-left:		20px;
	padding:			21px;
	padding-top:		19px;
	margin-left:		19px;
}

.cta1 h1 {
	font-size:			18px;
	margin:				0px;
}

.cta1 span {
	color:				#0A62BF;
}

.cta1 a {
	font-size:			14px;
	color:				#FF6600;
	text-decoration:	none;
	font-weight:		bold;
}

.cta2 h1 {
	font-size:			18px;
	margin:				0px;
	color:				#0A62BF;
}

.cta2 span {
	color:				#FF6600;
}

.cta2 a {
	font-size:			14px;
	color:				#0A62BF;
	text-decoration:	none;
	font-weight:		bold;
}

.main-image {
	float:				left;
	margin-left:		20px;
	margin-bottom:		20px;
}

/* Call to Action End */

/* Body Begin */

#body-wrapper {
	float:				left;
	margin-top:			19px;
}

#body-wrapper h1 {
	color:				#FF944C;
	font-size:			15px;
}

#body-wrapper h1 a {
	color:				#FF944C;
	font-size:			15px;
	text-decoration:	none;
}

#body-wrapper h1 a:hover {
	text-decoration:	underline;
}


#left {
	width:				198px;
	margin-left:		20px;
	margin-right:		20px;
	float:				left;
	display:			inline;
}

#left h2 {
	color:				#0A62BF;
	font-size:			13px;
	margin-bottom:		10px;
	margin-top:			0px;
}

#left a {
	color:				#FF944C;
	font-size:			12px;
	text-decoration:	none;
	font-weight:		bold;
}

#sub-right {
	width:				512px;
	margin-left:		20px;
	float:				left;
	display:			inline;
}

#sub-right h2 {
	color:				#0A62BF;
	font-size:			12px;
	margin-bottom:		0px;
	margin-top:			5px;
}

#sub-right p a {
	color:				#0A62BF;
	text-decoration:	none;
}

#sub-right ul {
	margin-left:		10px;
	padding:			5px;
}

#sub-right li {
	margin-bottom:		10px;
}

#sub-right hr {
	margin-top:			10px;
	margin-bottom:		10px;
	width:				300px;
}

.vending-thumb {
	float:				left;
	margin-right:		10px;
}

.vending-main {
	float:				right;
}

.testimonial-img {
	float:				right;
	margin-top:			7px;
	margin-left:		10px;
}

#middle {
	width:				274px;
	margin-left:		20px;
	float:				left;
	display:			inline;
}

.middle-img {
	margin-right:		30px;
}

#middle img {
	border:				0px;
}

#middle a {
	color:				#70C6FF;
	font-weight:		bold;
	text-decoration:	none;
	font-size:			14px;
}

#right {
	background-image:	url('images/right-bg.gif');
	width:				288px;
	height:				308px;
	float:				left;
	margin-left:		20px;	
	margin-top:			10px;
	display:			inline;
}
#right li h2 a {
	font-size:			13px;
	color:				#4CB8FF;
	text-decoration:	none;
}

#right li {
	list-style-type:	none;
	margin-top:			20px;
	margin-bottom:		34px;
	margin-left:		20px;
}

.line{
	margin:				20px 0px 20px 0px;
}

/* Body End */

/* Brands Begin */

#brands {
	background-color:	#EEEEEE;
	text-align:			center;
	width:				860px;
}

/* Brands End */

/* Footer Begin */

#footer {
	height:				39px;
	width:				860px;
	background-image:	url('images/footer-bg.gif');
	text-align:			center;
}

#footer ul {
	display:			inline;
	line-height:		39px;
	margin:				0px;
	padding:			0px;
}

#footer li {
	display:			inline;
	margin-left:		10px;
	margin-right:		10px;
}

#footer a {
	color:				#FFFFFF;
	text-decoration:	none;
}

/* Footer End */

/* SEO Begin */

.seo {
	margin-left:		6px;
	margin-top:			10px;
	color:				#FF6600;
	float:				left;
}

#seobox {
	width:					860px;
	display:				none;
}

.seo-link {
	color:				#FF6600;
	text-decoration:	none;
}

#seobox p {
	margin-top:				5px;
	margin-bottom:			10px;
	color:					#666666;

}
/* SEO End */

/* Contact Page Begin */

#left address {
	font-style:				normal;
	margin-top:				-4px;
}

#left address a {
	font-weight:			normal;
}

.contact-form {
	background-color:		#FFFFFF;
	width:					580px;
	margin-top:				10px;
}

.contact-form label {
	float:					left;
	color:					#FF944C;
	font-weight:			bold;
	font-size:				14px;
}

.contact-form select {
	width:					275px;
	margin-right:			10px;
	margin-top:				10px;
	margin-bottom:			20px;
	border:					1px #0A62BF solid;
}


.contact-form label input {
	width:					275px;
	margin-right:			10px;
	margin-top:				10px;
	margin-bottom:			20px;
	border:					1px #0A62BF solid;
	
}

.contact-form textarea {
	width:					564px;
	height:					125px;
	margin-top:				10px;
	margin-bottom:			20px;
	border:					1px #0A62BF solid;
}

.contact-form input {
	margin-left:			0px;
}

.contact-form address {
	font-style:				normal;
}

span {
	color:					#0A62BF;
	float:					right;
}

/* Accordion */
.question1 {
	width:					460px;
	float:					left;
}

#question:hover {
	background-color:		#FFFFFF;
}

.question { 
	width:					530px;
	height:					24px;
	margin:					0px;
	margin-bottom:			5px;
	line-height:			22px;
	cursor: 				hand;
	cursor: 				pointer;
	float:					left;
}

.question:hover {
	color:					red;
}

.opencategory { 
	width:					530px;
	height:					24px;
	margin:					0px;
	margin-bottom:			5px;
	line-height:			22px;
	float:					left;
}

.question-info {
	width:					530px;
	margin-top:				0px;
	padding-bottom:			7px;
	float:					left;
}

#question .question-info:hover {
	background-color:		#FFFFFF;
}

