html * {padding: 0; margin: 0;}

body {font-family: Helvetica, Arial, sans-serif;}	
table{
	padding: 0;
	margin: 0;
}
ul {padding: 0; margin: 0;}	
li {padding: 0; margin: 0;}

h2 {color: #ffffff; font: 32px Arial, Helvetica, sans-serif; letter-spacing: -.05em; line-height: 32px;}

img {border: none; outline: none;}
a {border: none; outline: none;}

#pagewrapper {	
	width: 770px;
	border:  1px #999999 solid;
	margin: 15px auto 0 auto;
	}
	
#header {width: 710px; padding: 30px;}

#franchisetitle {
color: #126c3e; font: 20px Arial, Helvetica, sans-serif; letter-spacing: -.05em;
padding: 25px 0 0 0;
float: right;
}

#franchisetitlesmall {
color: #126c3e; font: 14px Arial, Helvetica, sans-serif; letter-spacing: -.05em;
padding: 25px 0 0 0;
float: right;
}

.titleextra {
color: #126c3e; font: 12px Arial, Helvetica, sans-serif; letter-spacing: -.05em;
}
	
#nav {
	padding-bottom: 25px;
	width: 710px;
	overflow: hidden;
	}
	#socialmedia {list-style: none; padding-left: 463px;}
		#socialmedia li{float: left; padding: 0 3px;}
			#socialmedia li a.mediabuttons{
				text-indent: -9999px;
				display: block;
				width: 25px;
				height: 25px;
				}
				#twitter {background: url(/public/img/twitter.jpg) ;}
				#facebook {background: url(/public/img/facebook.jpg) ;}
				#linkedin {background: url(/public/img/linkedin.jpg) ;}
				#blog {background: url(/public/img/wordpress.jpg) ;}
				
	#socialmedia-franchiseheader {list-style: none; padding-left: 616px;}
		#socialmedia-franchiseheader li{float: left; padding: 0 3px;}
			#socialmedia-franchiseheader li a.mediabuttons{
				text-indent: -9999px;
				display: block;
				width: 25px;
				height: 25px;
				}			
				
	#mainnav {list-style: none; float: left; padding-top: 24px;}
		#mainnav li {float: left;}
			#mainnav li a {
				height: 22px;
				background: url(/public/img/navsprite.jpg) no-repeat;
				color: #000000;
				text-indent: -9999px;
				text-decoration: none;
				display: block;
				}
		
a#logo { 
	text-indent: -9999px;
	background: url(/public/img/logo-2.jpg) no-repeat;
	width: 187px;
	height: 112px;
	padding-right: 2px;
	float: left;
	}
	
#mainnav li a#aboutus {width: 71px;}
#mainnav li a#services {width: 67px; background-position: -71px 0;}	
#mainnav li a#products {width: 76px;background-position: -138px 0;}
#mainnav li a#news {width: 50px;background-position: -210px 0;}
#mainnav li a#franchise {width: 169px;background-position: -260px 0;}	
#mainnav li a#contacts {width: 70px;background-position: -429px 0;}

#mainnav li a#aboutus:hover {background-position: 0 -23px;}
#mainnav li a#services:hover {background-position: -71px -23px;}	
#mainnav li a#products:hover {background-position: -138px -23px;}
#mainnav li a#news:hover {background-position: -210px -23px;}
#mainnav li a#franchise:hover {background-position: -260px -23px;}	
#mainnav li a#contacts:hover {background-position: -429px -23px;}

#accordian {width: 700px; margin: 0 auto;}
#content-one {background: url(/public/img/franchiseopportunities.jpg) 0px 0 no-repeat; width: 575px; height: 357px;}
#content-two {background: url(/public/img/curbsidepickup.jpg) -20px 0 no-repeat; width: 575px; height: 357px;}
#content-three {background: url(/public/img/glasschips.jpg) -20px 0 no-repeat; width: 575px; height: 357px;}
#content-four {background: url(/public/img/oyster.jpg) -20px 0 no-repeat; width: 575px; height: 357px;}
#content-five {background: url(/public/img/ecopreneur.jpg) -10px 0 no-repeat; width: 575px; height: 357px;}

.accordian {margin-left: 25px; clear: both;} 

/* Accordian */
.test4 {
	display: none;
	}
	.test4 h2 {
		text-indent: -9999px;
		width: 357px; 
		padding: 70px 0px 18px 20px;
		}
		.test4 h2 span {
			font: 48px Helvetica, Arial, sans-serif bold;
			text-transform: uppercase;
			line-height: 42px;
			}
/*Main Container*/

.container {
	width: 656px;
	height: 339px;
	padding: 13px 18px 25px 15px;
	background: url(/public/img/border.jpg) no-repeat;
	}

.accordian ul {
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px;
	width: 637px;
	height: 335px;
	list-style-type: none;
	overflow: hidden;
	}

.accordian li {margin: 0; padding: 0;}

/*Content Container*/

.contentContainer {	
	float: left;
	width: 0px;
	height: 357px;
	overflow: hidden;
	}

.test4 .handle {
	color: #9e9e9e;
	background: url(/public/img/bars2.jpg) no-repeat;
	width: 20px;
	height: 357px;
	text-indent: -9999px;	
	font-size: 12px;
	line-height: 357px;
	float: left;
	}
	.test4 .handleOver {color: #000000; background: url(/public/img/bars2.jpg) no-repeat -21px 0;}
		
#content {	
	background: #fff url(/public/img/content-bg.gif) repeat-y;
	overflow: auto;
	width: 770px;
	}


	
.leftcontent { 
	font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
	background-color: #c8e5f8;
	width: 445px;
	padding: 45px 36px;
	float:left;
	background: url(/public/img/content-top-right.gif) top right no-repeat;
	
	
	}
	.leftcontent h3.contenttitle {
		
		/*
		text-indent: -9999px;
		display: block;
		width: 202px;
		height: 27px;
		/*background: url(/public/img/cspickup.jpg) no-repeat;
		margin-bottom: 10px;
		*/
		
		color: #0c5d3a;
		font-size: 20px;
		padding: 0 0 9px 0;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: -.05em;
		
		}
	.leftcontent h4 {
		font: 11px/22px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin-bottom: 5px;
		}
		.leftcontent h4 span {
			text-transform: uppercase;
			}
	.leftcontent p {
		font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
		text-align: justify;
		padding-bottom: 20px;
		}
		
	.leftcontent ul { padding: 0 0 0 35px; }	
	
.rightcontent {
	width: 252px;
	float: left;
	}
	form {
		padding: 0 26px 30px 15px;
		overflow: visible;
		}
		label {
			text-indent: -9999px;
			display: block;
			width: 47px;
			height: 25px;
			padding-right: 5px;
			background: url(/public/img/searchlabel.jpg) no-repeat;
			float: left;
			}
		#textbox {
			margin-top: 3px;
			float: left;
			}
		#inputbutton {
			display: block;
			width: 25px;
			height: 25px;
			float: right;
			}
	#bigbuttons { 
		padding: 0 32px;
		}
		#bigbuttons a {
		text-indent: -9999px;
		display: block;
		}
		a#productsbutton { 
			background: url(/public/img/productsbutton.jpg) no-repeat; 
			width: 187px;
			height: 157px;
			margin: 5px 0 18px 0;
			}
		a#franchisebutton { 
			background: url(/public/img/franchisebutton.jpg) no-repeat; 
			width: 187px;
			height: 157px;
			margin: 18px 0;
			}	
		a#facebookbutton { 
			background: url(/public/img/facebook-button.jpg) no-repeat; 
			width: 187px;
			height: 131px;
			margin-bottom: 5px 0 18px 0;
			}
			
/* Breadcrumb */

ul.breadcrumb {	
	padding: 9px 0;
	border-top: solid 1px #a0c0d5;
	border-bottom: solid 1px #a0c0d5;
	margin: 0 0 9px 0;
	}

ul.breadcrumb li {
	display: inline;
	list-style: none;
	}

ul.breadcrumb li a {
	background: url(/public/img/bc-arrow.gif) 100% 5px no-repeat;
	text-decoration: none;
	color: #0c5d3a;
	font-weight: bold;
	padding: 0 12px 0 0;
	}

ul.breadcrumb li.active a {
	font-weight: normal;
	color: #333;
	background: none;
	}

/* Subnav */

#subnav { 
	padding: 12px 20px;
	}

#subnav ul { 
	list-style: none;	
	}

#subnav ul li {
	border-top: solid 1px #a9a9a4;
	list-style: none;
	}

#subnav ul li a {
	display: block;
	color: #126c3e;
	text-align: right;
	padding: 8px 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}


/* Tertiary Subnav */

ul#subnav2 { 
	padding: 5px 0 12px 0; 
	list-style: none;	
	}

ul#subnav2 li {
	border-top: solid 1px #fff;
	list-style: none;
	}

ul#subnav2 li a {
	display: block;
	color: #666;
	text-align: right;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	}


#footer {
	color: #999999;
	font-size: 10px;
	width: 760px;
	margin: 0 auto;
	overflow: hidden;
	padding: 15px 0 20px 0;
	}
	#address {float: left;}
	#copy {float: right;}	

/*controls for the franchise dropdown*/
	
ul.cat-list { position: relative;}

ul.cat-list, ul.cat-list li, ul.cat-list ul, ul.cat-list ul li {
	
	margin: 0;
	list-style: none;
	padding: 0;
	width: 115px;

}

ul.cat-list ul { display: none; width: 116px;}

ul.cat-list ul li {
	padding: 0;
	width: 116px;
	background: #fff;
	border-left: solid 1px #c8e0ec;
	border-bottom: solid 1px #c8e0ec;
	border-right: solid 1px #c8e0ec;
	}



ul.cat-list li.categories:hover ul, ul.cat-list li.elementhover ul {

	display: block;
	position: absolute;

}

ul.cat-list h3 {

	border: solid 1px #c8e0ec;
	line-height: 23px;
	padding-left: 7px;
	width: 115px;
	color: #4e4d4d;
	font-size: 10px;
	font-weight: normal;
	background: url(/public/img/filterbutton.jpg) top right no-repeat;
	cursor: pointer;
	
	
}

ul.cat-list ul li a {

	/*background: #fff;*/
	text-decoration: none;
	text-indent: 0;
	color: #4e4d4d;
	font-size: 10px;
	padding: 5px 0 5px 5px;
	border-top: none;
	display: block;
	width: 115px;
	
}

ul.cat-list ul li a:hover {
	color: #9bbac9;
	}